*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#86191a;--primary-light:#b22425;--primary-dark:#5c1112;--secondary:#0d0d0d;--accent:#c4302b;--text:#f1f2f6;--dark-bg:#0d0d0d;--gradient-1:linear-gradient(135deg,#86191a 0%,#b22425 100%);--gradient-2:linear-gradient(135deg,#c4302b 0%,#86191a 100%)}body{background:var(--dark-bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth;scroll-padding-top:160px}.btn{cursor:pointer;border:none;border-radius:50px;padding:15px 40px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.form-error{color:#e05555;letter-spacing:.08em;opacity:.9;margin-bottom:12px;font-size:.78rem}.btn-primary{background:var(--gradient-1);color:#fff;box-shadow:0 10px 30px #86191a66}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #86191a80}.btn-secondary{border:2px solid var(--primary);color:var(--primary);background:0 0}.btn-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}.section-header{text-align:center;max-width:900px;margin:0 auto 80px}.section-header h2{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:28px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.section-header p{color:#f1f2f6ad;letter-spacing:.01em;max-width:720px;margin:0 auto;font-size:clamp(1.1rem,1.8vw,1.3rem);font-weight:400;line-height:1.75}.form-group{margin-bottom:32px;position:relative}.form-group label{letter-spacing:.22em;text-transform:uppercase;color:#dcaa32a6;margin-bottom:8px;font-family:Courier New,monospace;font-size:.62rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{width:100%;color:var(--text);letter-spacing:.02em;background:0 0;border:none;border-bottom:1px solid #ffffff1f;border-radius:0;padding:12px 0;font-size:15px;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-bottom-color:#dcaa3280;outline:none;box-shadow:0 2px #dcaa3240}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(220,170,50,0.55)' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 2px center;background-repeat:no-repeat;background-size:12px;padding-right:24px}.form-group select option{color:#f1f2f6;background:#111}.form-group textarea{resize:none;min-height:130px;line-height:1.7}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff2e;font-size:.9em}.form-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.checkbox-group{align-items:center;gap:10px;margin-bottom:28px;display:flex}.checkbox-group input[type=checkbox]{appearance:none;cursor:pointer;background:50%/10px no-repeat;border:1px solid #fff3;border-radius:2px;flex-shrink:0;width:16px;height:16px;transition:all .2s}.checkbox-group input[type=checkbox]:checked{background-color:#c4302b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 5L4 7.5 8.5 2.5' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#c4302b}.checkbox-group label{color:#ffffff73;letter-spacing:.03em;font-size:.78rem}.animate-on-scroll{opacity:0;transition:all .8s;transform:translateY(50px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}body:after{content:"";pointer-events:none;z-index:99999;opacity:.045;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/></filter><rect width='200' height='200' filter='url(%23n)' opacity='1'/></svg>");width:200%;height:200%;animation:.35s step-end infinite filmGrain;position:fixed;top:-50%;left:-50%}@keyframes filmGrain{0%,to{transform:translate(0)}20%{transform:translate(-4%,-6%)}40%{transform:translate(-8%,4%)}60%{transform:translate(4%,-8%)}80%{transform:translate(6%,6%)}}@media (hover:hover) and (pointer:fine){body,a,button,[role=button],input,textarea,select,label,.portfolio-item,.service-card,.switch-container,.door{cursor:none}}.cursor-dot{background:var(--primary);pointer-events:none;z-index:100001;opacity:0;will-change:transform;border-radius:50%;width:8px;height:8px;transition:opacity .3s;position:fixed;top:0;left:0}.cursor-dot.visible{opacity:1}.cursor-glow{pointer-events:none;z-index:100000;opacity:0;will-change:transform;background:radial-gradient(circle,#86191a1a 0%,#0000 70%);border-radius:50%;width:280px;height:280px;transition:opacity .3s,transform .18s;position:fixed;top:0;left:0}.cursor-glow.visible{opacity:1}
.intro-overlay{z-index:9999;width:100%;height:100%;transition:opacity .8s,transform .8s;position:fixed;top:0;left:0;overflow:hidden}.intro-overlay.hidden{opacity:0;pointer-events:none;transform:scale(1.1)}.scene{perspective:1200px;background:#050505;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hallway{background:radial-gradient(at 50% 100%,#0d0d0d 0%,#050505 60%);width:100%;height:100%;position:absolute}.hallway:before{content:"";background:linear-gradient(#0000 0%,#0a0808 100%);width:100%;height:40%;position:absolute;bottom:0;left:0}.dust{background:#ffffff26;border-radius:50%;width:3px;height:3px;animation:8s ease-in-out infinite dustFloat;position:absolute}@keyframes dustFloat{0%,to{opacity:0;transform:translateY(0)translate(0)}25%{opacity:.3}50%{opacity:.15;transform:translateY(-80px)translate(30px)}75%{opacity:.3}}.door-frame{width:240px;height:400px;transform-style:preserve-3d;z-index:10;background:#1a1410;border-radius:8px 8px 0 0;position:relative;box-shadow:0 0 60px #000c,inset 0 0 30px #00000080}.door-frame:before{content:"";z-index:-1;background:#0f0c08;border-radius:10px 10px 0 0;position:absolute;inset:-8px -12px -4px;box-shadow:0 0 40px #000000e6}.door-light-spill{z-index:0;background:linear-gradient(135deg,#ffc86400 0% 100%);border-radius:8px 8px 0 0;width:100%;height:100%;transition:background .6s;position:absolute;top:0;left:0}.door-frame.cracked .door-light-spill{background:linear-gradient(90deg,#ffc8640d 0%,#ffc86405 100%)}.door{cursor:pointer;transform-origin:0;width:calc(100% - 8px);height:calc(100% - 4px);transform-style:preserve-3d;z-index:2;background:linear-gradient(#2a2018 0%,#1e1610 40%,#16100c 100%);border-radius:6px 6px 0 0;transition:transform 1.2s cubic-bezier(.25,.46,.45,.94),box-shadow 1.2s;position:absolute;top:4px;left:4px;box-shadow:inset 2px 0 8px #ffffff08,inset -2px 0 8px #0000004d}.door:hover{box-shadow:inset 2px 0 8px #ffffff0f,inset -2px 0 8px #0000004d,0 0 20px #ffc8641a}.door.opening{transform:rotateY(-75deg);box-shadow:5px 0 30px #000c}.door-panel{background:#ffffff05;border:1px solid #ffffff0a;border-radius:4px;width:60%;position:absolute;left:20%}.door-panel.top{height:35%;top:8%}.door-panel.bottom{height:35%;top:52%}.door-handle{transform-origin:top;background:linear-gradient(#c9a84c 0%,#8b6914 50%,#c9a84c 100%);border-radius:6px;width:12px;height:40px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:48%;right:14%;box-shadow:0 2px 8px #00000080,inset 0 1px 2px #ffffff4d}.door-handle.turned{transform:rotate(40deg)}.door-handle:after{content:"";background:linear-gradient(135deg,#c9a84c 0%,#8b6914 100%);border-radius:50%;width:16px;height:16px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0006}.door-prompt{color:#ffffff80;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;z-index:10;font-size:14px;font-weight:500;animation:2s ease-in-out infinite promptPulse;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}@keyframes promptPulse{0%,to{opacity:.4}50%{opacity:.9}}.room{opacity:0;z-index:5;background:#080808;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s;display:flex;position:absolute;top:0;left:0}.room.visible{opacity:1}.room-wall{pointer-events:none;background:linear-gradient(#0c0c0c 0%,#080808 50%,#060606 100%);width:100%;height:100%;position:absolute;top:0;left:0}.room-wall:after{content:"";background:#ffffff0d;width:100%;height:1px;position:absolute;top:65%;bottom:0;left:0;box-shadow:0 -1px #ffffff08}.switch-container{z-index:20;cursor:pointer;opacity:0;transition:opacity .6s .5s,transform .6s .5s;position:absolute;top:45%;right:25%;transform:translateY(20px)}.room.visible .switch-container{opacity:1;transform:translateY(0)}.switch-plate{background:linear-gradient(#d4d0c8 0%,#b8b4ac 50%,#a09c94 100%);border-radius:6px;justify-content:center;align-items:center;width:50px;height:80px;display:flex;position:relative;box-shadow:0 4px 15px #0009,inset 0 1px #fff6}.switch-plate:before{content:"";background:#888;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.switch-plate:after{content:"";background:#888;border-radius:50%;width:6px;height:6px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.switch-toggle{transform-origin:top;background:linear-gradient(#e8e4dc 0%,#c8c4bc 100%);border-radius:3px;width:20px;height:34px;transition:transform .15s cubic-bezier(.4,0,.2,1);position:relative;transform:rotateX(20deg);box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff80}.switch-toggle.on{transform-origin:bottom;background:linear-gradient(#c8c4bc 0%,#e8e4dc 100%);transform:rotateX(-20deg)}.switch-prompt{color:#ffffff80;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;opacity:0;font-size:12px;font-weight:500;transition:opacity .6s 1s;animation:2s ease-in-out infinite promptPulse;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.room.visible .switch-prompt{opacity:1}.bulb-container{z-index:15;opacity:0;transition:opacity .6s .3s;position:absolute;top:8%;left:50%;transform:translate(-50%)}.room.visible .bulb-container{opacity:1}.bulb-wire{background:#333;width:2px;height:60px;margin:0 auto}.bulb-fixture{background:linear-gradient(#555 0%,#333 100%);border-radius:3px 3px 0 0;width:30px;height:20px;margin:0 auto}.bulb{background:#ffffff14;border-radius:50% 50% 35% 35%;width:60px;height:80px;margin:0 auto;transition:all .4s;position:relative}.bulb:before{content:"";background:#ffffff08;border-radius:50%;width:70%;height:60%;position:absolute;top:10%;left:15%}.bulb.lit{background:radial-gradient(at 50% 40%,#fffbe6 0%,#ffd54f 30%,#ffb300 60%,#ff8f00 100%);animation:2s ease-in-out infinite alternate bulbGlow;box-shadow:0 0 30px #ffc83299,0 0 80px #ffc8324d,0 0 150px #ffc83226,0 0 300px #ffc83214}.bulb.lit:before{background:#ffffff80}@keyframes bulbGlow{0%{box-shadow:0 0 30px #ffc83299,0 0 80px #ffc8324d,0 0 150px #ffc83226}to{box-shadow:0 0 40px #ffc832b3,0 0 100px #ffc83266,0 0 200px #ffc83233}}.filament{width:20px;height:20px;position:absolute;bottom:25%;left:50%;transform:translate(-50%)}.filament:before,.filament:after{content:"";background:#444;width:2px;height:18px;transition:background .4s;position:absolute;bottom:0}.filament:before{left:5px;transform:rotate(-8deg)}.filament:after{right:5px;transform:rotate(8deg)}.bulb.lit .filament:before,.bulb.lit .filament:after{background:#fff;box-shadow:0 0 8px #fffc}.room-light{z-index:8;pointer-events:none;background:radial-gradient(at 50% 15%,#ffc85000 0%,#0000 70%);width:100%;height:100%;transition:background 1s;position:absolute;top:0;left:0}.room-light.on{background:radial-gradient(at 50% 15%,#ffc85026 0%,#ffb43c0d 40%,#0000 70%)}.light-cone{z-index:7;pointer-events:none;border-bottom:0 solid #ffc85000;border-left:0 solid #0000;border-right:0 solid #0000;width:0;height:0;transition:all 1s;position:absolute;top:20%;left:50%;transform:translate(-50%)}.light-cone.on{filter:blur(20px);border-bottom:500px solid #ffc8500a;border-left:250px solid #0000;border-right:250px solid #0000}.intro-logo{z-index:25;text-align:center;opacity:0;flex-direction:column;align-items:center;transition:opacity .8s;display:flex;position:absolute;top:calc(8% + 175px);left:50%;transform:translate(-50%)}.intro-logo.visible{opacity:1}.intro-logo img{width:auto;max-width:clamp(200px,40vw,400px);height:auto;max-height:calc(100vh - 420px);animation:3s ease-in-out infinite logoGlow}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 15px #86191a66)}50%{filter:drop-shadow(0 0 35px #86191ab3)}}.intro-logo p{color:#fff9;letter-spacing:6px;text-transform:uppercase;margin-top:clamp(6px,1.5vh,15px);font-size:clamp(.9rem,2vw,1.3rem);font-weight:300}.enter-btn{color:#fff;cursor:pointer;letter-spacing:2px;text-transform:uppercase;opacity:0;z-index:30;background:linear-gradient(135deg,#86191a 0%,#b22425 100%);border:none;border-radius:50px;margin-top:clamp(12px,3vh,40px);padding:15px 50px;font-size:16px;font-weight:600;transition:all .6s;position:relative;transform:translateY(20px);box-shadow:0 10px 40px #86191a66}.enter-btn.show{opacity:1;transform:translateY(0)}.enter-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 15px 50px #86191a99}.cone-dust-container{pointer-events:none;z-index:9;opacity:0;clip-path:polygon(50% 0%,8% 100%,92% 100%);width:60%;height:65%;transition:opacity 2s;position:absolute;top:18%;left:20%}.cone-dust-container.active{opacity:1}.cone-particle{background:#ffdc7899;border-radius:50%;width:2px;height:2px;position:absolute;box-shadow:0 0 4px #ffc8504d}@keyframes coneDustDrift1{0%{opacity:0;transform:translate(0)}15%{opacity:.7}50%{opacity:.3;transform:translate(12px,40px)}85%{opacity:.5}to{opacity:0;transform:translate(-8px,80px)}}@keyframes coneDustDrift2{0%{opacity:0;transform:translate(0)}20%{opacity:.5}50%{opacity:.4;transform:translate(-15px,50px)}80%{opacity:.6}to{opacity:0;transform:translate(10px,90px)}}@keyframes coneDustDrift3{0%{opacity:0;transform:translate(0)}10%{opacity:.6}40%{opacity:.2;transform:translate(8px,30px)}70%{opacity:.5}to{opacity:0;transform:translate(-12px,70px)}}.switch-spark{pointer-events:none;z-index:25;background:radial-gradient(circle,#fff0b4e6 0%,#ffc85066 40%,#0000 70%);border-radius:50%;width:12px;height:12px;animation:.15s ease-out forwards sparkFlash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #ffc850cc,0 0 30px #ffc85066}@keyframes sparkFlash{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.5)}to{opacity:0;transform:translate(-50%,-50%)scale(.5)}}.sound-toggle{z-index:10000;cursor:pointer;color:#fff9;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.sound-toggle:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d}@media (max-width:768px){.door-frame{width:180px;height:300px}.switch-container{right:15%}.light-cone.on{border-bottom:350px solid #ffc8500a;border-left:150px solid #0000;border-right:150px solid #0000}.cone-dust-container{width:70%;left:15%}}
nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#0d0d0df2;width:100%;padding:20px 5%;transition:all .3s;position:fixed;top:0}nav.scrolled{padding:15px 5%;box-shadow:0 5px 30px #0000004d}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.logo{cursor:pointer;align-items:center;transition:transform .3s;display:flex}.logo img{filter:drop-shadow(0 0 1px #fff9)drop-shadow(0 0 2px #ffffff4d);width:auto;height:120px}.logo:hover{transform:scale(1.05)}.nav-links{gap:40px;list-style:none;display:flex}.nav-links a{color:var(--text);font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.menu-toggle{cursor:pointer;flex-direction:column;gap:5px;display:none}.menu-toggle span{background:var(--text);width:30px;height:3px;transition:all .3s}
.hero{align-items:center;min-height:100vh;padding:160px 5% 60px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.particle{background:var(--primary);opacity:.5;border-radius:50%;width:4px;height:4px;animation:20s linear infinite float;position:absolute}@keyframes float{0%{transform:translateY(100vh)translate(0)}to{transform:translateY(-100vh)translate(100px)}}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1400px;margin:0 auto;display:grid}.hero-text h1{background:var(--gradient-2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:30px;font-size:clamp(3rem,8vw,5rem);font-weight:900;line-height:1.1;animation:1s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.hero-text p{opacity:.9;margin-bottom:40px;font-size:1.2rem;animation:1s ease-out .2s both fadeInUp}.cta-buttons{justify-content:center;gap:20px;animation:1s ease-out .4s both fadeInUp;display:flex}.hero-visual{animation:1s ease-out .6s both fadeInUp;position:relative}.video-frame{aspect-ratio:16/9;border-radius:20px;width:100%;transition:box-shadow .6s;position:relative;overflow:hidden;box-shadow:0 25px 50px #0000004d}.video-frame.projector-on{box-shadow:0 25px 50px #0000004d,0 0 0 2px #dcaa3273,0 0 40px #c88c1e40}.video-frame iframe{border:none;width:100%;height:100%;display:block}.video-curtain{cursor:pointer;opacity:1;pointer-events:all;z-index:3;background:#080808e0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .55s;display:flex;position:absolute;inset:0}.video-curtain.open{opacity:0;pointer-events:none}.curtain-icon{color:#fff9;border:2px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;padding-left:4px;font-size:1.6rem;transition:border-color .3s,color .3s,transform .3s;display:flex}.video-curtain:hover .curtain-icon{color:#dcaa32e6;border-color:#dcaa32b3;transform:scale(1.08)}.curtain-hint{letter-spacing:.22em;text-transform:uppercase;color:#ffffff47;font-size:.65rem}.audio-waveform{align-items:flex-end;gap:3px;height:36px;margin-bottom:24px;display:flex}.audio-waveform span{background:var(--gradient-2);width:3px;height:4px;animation:1.2s ease-in-out infinite waveBar;animation-delay:calc(var(--i)*60ms);border-radius:2px;flex-shrink:0}@keyframes waveBar{0%,to{height:4px}50%{height:28px}}
.portfolio{background:linear-gradient(180deg,var(--dark-bg)0%,#0f0f0f 100%);padding:100px 5%}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:1400px;margin:0 auto;display:grid}.portfolio-item{cursor:pointer;border-radius:15px;height:300px;position:relative;overflow:hidden}.portfolio-item:after{content:"";z-index:3;background:repeating-linear-gradient(-45deg,#111 0 8px,#f1f2f6 8px 16px);border-radius:15px 15px 0 0;height:16px;transition:transform .18s;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}.portfolio-item:hover:after{transform:translateY(0)}.portfolio-item img{object-fit:cover;width:100%;height:100%}.portfolio-overlay{background:linear-gradient(#0000 0%,#000000e6 100%);padding:30px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.portfolio-item:hover .portfolio-overlay{transform:translateY(0)}.portfolio-overlay h3{margin-bottom:10px;font-size:1.5rem}.portfolio-overlay p{opacity:.8}
.clients-section{background:linear-gradient(#0f0f0f 0%,#080808 50%,#0f0f0f 100%);padding:100px 0;position:relative;overflow:hidden}.clients-section:before,.clients-section:after{content:"";background:linear-gradient(90deg,#0000 0%,#86191a66 50%,#0000 100%);height:1px;position:absolute;left:0;right:0}.clients-section:before{top:0}.clients-section:after{bottom:0}.clients-section .section-header{margin-bottom:60px;padding:0 5%}.clients-section .section-header p{color:#ffffff80}.client-count{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-right:10px;font-size:clamp(2rem,4vw,3rem);font-weight:900;display:inline-block}.clients-marquee-wrapper{position:relative}.clients-marquee-wrapper:before,.clients-marquee-wrapper:after{content:"";z-index:2;pointer-events:none;width:150px;position:absolute;top:0;bottom:0}.clients-marquee-wrapper:before{background:linear-gradient(90deg,#080808 0%,#0000 100%);left:0}.clients-marquee-wrapper:after{background:linear-gradient(270deg,#080808 0%,#0000 100%);right:0}.clients-marquee{align-items:center;gap:40px;width:max-content;padding:20px 0;display:flex}.clients-marquee.row-1{animation:40s linear infinite marqueeLeft}.clients-marquee.row-2{margin-top:30px;animation:45s linear infinite marqueeRight}@keyframes marqueeLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.clients-marquee:hover{animation-play-state:paused}.client-logo-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:220px;height:130px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.client-logo-card:before{content:"";opacity:0;background:radial-gradient(circle,#86191a26 0%,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.client-logo-card:hover{background:#ffffff14;border-color:#86191a66;transform:scale(1.08)translateY(-4px);box-shadow:0 10px 40px #86191a33,0 0 20px #86191a1a}.client-logo-card:hover:before{opacity:1}.client-logo-card img{object-fit:contain;filter:grayscale()brightness(1.8);opacity:.6;max-width:100%;max-height:100%;transition:all .4s}.client-logo-card:hover img{filter:grayscale(0%)brightness();opacity:1}@media (max-width:768px){.clients-section{padding:60px 0}.client-logo-card{width:160px;height:100px;padding:18px}.clients-marquee{gap:25px}.clients-marquee-wrapper:before,.clients-marquee-wrapper:after{width:60px}}
.services{background:linear-gradient(180deg,#0f0f0f 0%,var(--dark-bg)100%);padding:100px 5%}.service-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1400px;margin:0 auto;display:grid}.service-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:40px;transition:all .3s;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--gradient-1);opacity:0;z-index:-1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.service-card:hover{border-color:#0000;box-shadow:0 20px 40px #0000004d}.service-card:hover:before{opacity:.1}.service-icon{background:var(--gradient-1);border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-size:28px;display:flex}.service-card h3{color:var(--text);margin-bottom:15px;font-size:1.5rem}.service-card p{opacity:.8;line-height:1.8}
.process{padding:100px 5%;position:relative}.process-timeline{max-width:1000px;margin:0 auto;position:relative}.timeline-line{background:linear-gradient(to bottom,var(--primary)0%,#ffffff14 100%);transform-origin:top;width:2px;transition:transform 1.8s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)scaleY(0)}.timeline-line.drawn{transform:translate(-50%)scaleY(1)}.process-step{grid-template-columns:1fr 80px 1fr;align-items:center;margin-bottom:80px;display:grid;position:relative}.step-content:empty{box-shadow:none;pointer-events:none;background:0 0;border:none}.step-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:40px;transition:all .3s}.step-content:not(:empty):hover{background:#ffffff14;transform:translateY(-5px);box-shadow:0 15px 30px #0003}.step-number{background:var(--gradient-1);z-index:10;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto;font-size:1.5rem;font-weight:700;transition:opacity .5s,transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.4);box-shadow:0 10px 30px #86191a66}.step-number.popped{opacity:1;transform:scale(1)}
.team{background:linear-gradient(180deg,#0f0f0f 0%,var(--dark-bg)100%);padding:100px 5%}.team-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px;max-width:1000px;margin:0 auto;display:grid}.team-member{text-align:center;transition:transform .3s}.team-member:hover{transform:translateY(-10px)}.member-photo{background:var(--gradient-1);border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 30px;font-size:4rem;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #86191a4d}.member-photo img{object-fit:cover;border-radius:50%;width:100%;height:100%}.member-photo:before{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;transition:all .5s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.team-member:hover .member-photo:before{animation:.5s shine}@keyframes shine{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}
.contact{background:linear-gradient(180deg,var(--dark-bg)0%,#0f0f0f 100%);padding:100px 5%}.contact-content{grid-template-columns:1fr 1fr;align-items:start;gap:60px;max-width:1200px;margin:0 auto;display:grid}.contact-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:40px}.contact-info h3{background:var(--gradient-2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:30px;font-size:2rem}.contact-item{align-items:center;gap:20px;margin-bottom:25px;display:flex}.contact-icon{background:var(--gradient-1);border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex}.contact-form{background:#080606b3;border:1px solid #ffffff0f;border-top:2px solid #dcaa3266;border-radius:4px;padding:44px 40px 40px;position:relative}.contact-form:before{content:"MSG · 01";letter-spacing:.35em;color:#dcaa3240;text-transform:uppercase;font-family:Courier New,monospace;font-size:.44rem;position:absolute;top:16px;right:20px}.contact-form h3{letter-spacing:.04em;color:#ffffffd9;margin-bottom:32px;font-size:1.35rem}.contact-info{background:#080606b3;border:1px solid #ffffff0f;border-top:2px solid #c4302b66;border-radius:4px;padding:44px 40px}
.quote-modal{z-index:2000;background:#000c;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow-y:auto}.quote-modal.active{display:block}.quote-form-container{background:#060606;border:1px solid #ffffff0f;border-top:2px solid #c4302b8c;border-radius:4px;max-width:800px;margin:50px auto;padding:54px 50px 48px;position:relative}.quote-form-container:before{content:"PRODUCTION BRIEF";letter-spacing:.45em;color:#c4302b73;text-transform:uppercase;margin-bottom:20px;font-family:Courier New,monospace;font-size:.46rem;display:block}.quote-form-container h2{margin-bottom:8px;font-size:1.9rem}.quote-form-container>p{color:#fff6;letter-spacing:.04em;margin-bottom:40px;font-size:.85rem}.close-modal{cursor:pointer;color:#fff6;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:2px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;line-height:1;transition:all .25s;display:flex;position:absolute;top:20px;right:20px}.close-modal:hover{color:#fff;background:#c4302b33;border-color:#c4302b80;transform:rotate(90deg)}.budget-select{position:relative}.budget-trigger{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:12px 0;font-size:15px;transition:border-color .3s,box-shadow .3s;display:flex}.budget-trigger:focus,.budget-select.open .budget-trigger{border-bottom-color:#dcaa3280;outline:none;box-shadow:0 2px #dcaa3240}.budget-trigger-text{color:#ffffffe6;letter-spacing:.02em;font-size:15px}.budget-trigger-text.placeholder{color:#ffffff40;font-size:.9em}.budget-chevron{color:#dcaa328c;font-size:1.1rem;line-height:1;transition:transform .3s cubic-bezier(.22,1,.36,1)}.budget-select.open .budget-chevron{transform:rotate(90deg)}.budget-panel{z-index:100;background:#0e0c0c;border:1px solid #ffffff14;border-top:2px solid #dcaa3259;margin:0;padding:0;list-style:none;animation:.2s cubic-bezier(.22,1,.36,1) both budgetPanelIn;position:absolute;top:calc(100% + 4px);left:0;right:0}@keyframes budgetPanelIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.budget-option{cursor:pointer;border-bottom:1px solid #ffffff0a;align-items:center;gap:14px;padding:14px 18px;transition:background .15s;display:flex;position:relative}.budget-option:last-child{border-bottom:none}.budget-option:hover{background:#dcaa320d}.budget-option.selected{background:#c4302b12}.budget-tier{letter-spacing:.28em;color:#dcaa3273;text-transform:uppercase;flex-shrink:0;width:62px;font-family:Courier New,monospace;font-size:.48rem}.budget-option.selected .budget-tier{color:#dcaa32bf}.budget-amount{color:#ffffff8c;letter-spacing:.03em;flex:1;font-size:.88rem}.budget-option:hover .budget-amount{color:#ffffffd9}.budget-option.selected .budget-amount{color:#ffffffe6}.budget-check{color:#c4302bcc;margin-left:auto;font-size:.7rem}.service-checkboxes{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:28px;display:grid}.service-checkbox{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:3px;align-items:center;gap:10px;padding:10px 14px;transition:border-color .2s,background .2s;display:flex}.service-checkbox:hover{background:#dcaa3208;border-color:#dcaa3233}.service-checkbox:has(input:checked){background:#c4302b0d;border-color:#c4302b59}.service-checkbox input[type=checkbox]{appearance:none;cursor:pointer;background:50%/10px no-repeat;border:1px solid #fff3;border-radius:2px;flex-shrink:0;width:16px;height:16px;transition:all .2s}.service-checkbox input[type=checkbox]:checked{background-color:#c4302b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 5L4 7.5 8.5 2.5' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#c4302b}.service-checkbox label{color:#ffffff8c;cursor:pointer;letter-spacing:.03em;text-transform:none;letter-spacing:.03em;font-family:inherit;font-size:.82rem;font-weight:400;transition:color .2s}.service-checkbox:has(input:checked) label{color:#ffffffd9}
.cta-section{text-align:center;padding:100px 5%;position:relative;overflow:hidden}.cta-bg{background:radial-gradient(circle,#86191a26 0%,#0000 70%);width:150%;height:150%;animation:4s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.1)}}.cta-content{max-width:800px;margin:0 auto;position:relative}.cta-content h2{background:var(--gradient-2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:clamp(2.5rem,5vw,3.5rem)}
footer{text-align:center;background:#080808;border-top:1px solid #ffffff1a;padding:50px 5%}.footer-content{max-width:1400px;margin:0 auto}.social-links{justify-content:center;gap:30px;margin-bottom:30px;display:flex}.social-links a{width:50px;height:50px;color:var(--text);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:20px;text-decoration:none;transition:all .3s;display:flex}.social-links a:hover{background:var(--gradient-1);transform:translateY(-5px);box-shadow:0 10px 30px #86191a66}.footer-dev-credit{letter-spacing:.08em;justify-content:center;align-items:center;gap:8px;margin-top:28px;font-size:.68rem;display:flex}.dev-label{color:#fff3;text-transform:uppercase;letter-spacing:.15em;font-size:.6rem}.dev-kavvara{align-items:center;gap:3px;text-decoration:none;display:inline-flex;position:relative}.kavvara-text{letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#ffffff8c 0%,#ffffff40 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:.72rem;font-weight:700;transition:background .3s}.kavvara-arrow{color:#fff3;font-size:.6rem;transition:transform .25s,color .25s;display:inline-block}.dev-kavvara:after{content:"";transform-origin:0;background:linear-gradient(90deg,#dcaa3299,#c4302b99);height:1px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.dev-kavvara:hover:after{transform:scaleX(1)}.dev-kavvara:hover .kavvara-text{background:linear-gradient(90deg,#dcaa32e6 0%,#c4302bcc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dev-kavvara:hover .kavvara-arrow{color:#dcaa32b3;transform:translate(2px,-2px)}
.success-message{background:var(--gradient-1);color:#fff;z-index:3000;border-radius:10px;padding:20px 30px;animation:.5s slideIn;display:none;position:fixed;top:100px;right:20px;box-shadow:0 10px 30px #0000004d}.success-message.visible{display:block}@keyframes slideIn{0%{transform:translate(400px)}to{transform:translate(0)}}
.agency-reel{z-index:10000;opacity:1;background:#080808;flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:40px 24px;transition:opacity .8s;display:flex;position:fixed;inset:0}.agency-reel.reel-fade-out{opacity:0;pointer-events:none}.reel-tagline{letter-spacing:-.02em;text-align:center;background:linear-gradient(135deg,#c4302b 0%,#86191a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:900;animation:.6s ease-out .1s both reelFadeUp}.reel-sub{text-transform:uppercase;letter-spacing:.2em;opacity:.35;color:#f1f2f6;font-size:.85rem;animation:.6s ease-out .3s both reelFadeUp}@keyframes reelFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reel-grid{grid-template-columns:repeat(5,1fr);gap:14px;width:100%;max-width:920px;display:grid}.reel-logo{opacity:0;animation:reelPop .45s cubic-bezier(.34,1.56,.64,1)var(--delay,0s)both;background:#ffffff0d;border:1px solid #ffffff12;border-radius:12px;justify-content:center;align-items:center;padding:14px 10px;display:flex}.reel-logo img{object-fit:contain;filter:brightness(.85)grayscale(.2);width:100%;height:52px;transition:filter .3s}.reel-logo:hover img{filter:brightness()grayscale(0)}@keyframes reelPop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.reel-grid{grid-template-columns:repeat(3,1fr);gap:10px;max-width:480px}.reel-logo img{height:40px}}@media (max-width:480px){.reel-grid{grid-template-columns:repeat(3,1fr);gap:8px}.reel-logo{padding:10px 8px}}
.stats-section{background:linear-gradient(#0a0a0a 0%,#0d0d0d 100%);border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;padding:80px 5%}.stats-grid{grid-template-columns:repeat(4,1fr);gap:40px;max-width:1100px;margin:0 auto;display:grid}.stat-item{text-align:center;padding:30px 20px 44px;position:relative}.stat-value{justify-content:center;align-items:baseline;gap:2px;margin-bottom:14px;display:flex}.stat-number,.stat-suffix{background:linear-gradient(135deg,#c4302b 0%,#86191a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:900;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:.14em;opacity:.55;color:var(--text);font-size:.8rem;font-weight:600}.stat-line{background:var(--gradient-1);border-radius:2px;width:36px;height:3px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:400px){.stats-grid{grid-template-columns:1fr 1fr;gap:16px}}
.scroll-progress{background:var(--gradient-2);transform-origin:0;z-index:99997;pointer-events:none;border-radius:0 2px 2px 0;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.trail-dot{background:var(--accent);pointer-events:none;z-index:100002;opacity:0;will-change:transform,opacity;border-radius:50%;width:6px;height:6px;position:fixed;top:0;left:0}.section-header h2 .word{opacity:0;filter:blur(6px);transition:opacity .55s ease calc(var(--wi,0)*.1s),filter .55s ease calc(var(--wi,0)*.1s);display:inline-block}.section-header h2 .word.in{opacity:1;filter:blur()}.letterbox-bar{z-index:9000;pointer-events:none;background:#000;height:72px;position:fixed;left:0;right:0}.letterbox-bar.top{animation:.55s cubic-bezier(.23,1,.32,1) forwards lboxInTop;top:0;transform:translateY(-100%)}.letterbox-bar.bottom{animation:.55s cubic-bezier(.23,1,.32,1) forwards lboxInBottom;bottom:0;transform:translateY(100%)}@keyframes lboxInTop{to{transform:translateY(0)}}@keyframes lboxInBottom{to{transform:translateY(0)}}.letterbox-bar.retract.top{animation:.65s cubic-bezier(.77,0,.175,1) forwards lboxOutTop}.letterbox-bar.retract.bottom{animation:.65s cubic-bezier(.77,0,.175,1) forwards lboxOutBottom}@keyframes lboxOutTop{to{transform:translateY(-100%)}}@keyframes lboxOutBottom{to{transform:translateY(100%)}}.vhs-glitch{pointer-events:none;z-index:99996;opacity:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000012 3px 4px);position:fixed;inset:0}.vhs-glitch.active{opacity:1;animation:.2s steps(3,end) forwards vhsShift}@keyframes vhsShift{0%{filter:hue-rotate()saturate()brightness(1.05);transform:translate(0)}33%{filter:hue-rotate(25deg)saturate(3)brightness(1.15);transform:translate(-5px)}66%{filter:hue-rotate(-20deg)saturate(2.5)brightness(.92);transform:translate(4px)}to{filter:hue-rotate()saturate()brightness();transform:translate(0)}}.portfolio-grid,.service-grid{perspective:1600px}
.projector-wrap{flex-direction:column;align-items:center;gap:0;margin-top:24px;display:flex;position:relative}.projector-unit{flex-direction:column;align-items:flex-start;display:flex}.projector-beam{opacity:0;filter:blur(7px);border-top:100px solid #dcaa321f;border-left:60px solid #0000;border-right:60px solid #0000;width:0;height:0;margin-left:40px;transition:opacity .6s;animation:2.2s ease-in-out infinite paused beamPulse}.projector-wrap.on .projector-beam{opacity:1;animation-play-state:running}@keyframes beamPulse{0%,to{border-top-color:#dcaa321f}50%{border-top-color:#dcaa3238}}.projector{cursor:pointer;align-items:center;display:flex}.projector-body{z-index:2;background:linear-gradient(160deg,#2e2e2e 0%,#1a1a1a 60%,#111 100%);border:1px solid #333;border-radius:10px 6px 6px 10px;justify-content:space-around;align-items:center;width:200px;height:70px;padding:0 16px;display:flex;position:relative;box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff0f}.projector-body:before{content:"";background:#ffffff14;border-radius:10px;height:1px;position:absolute;top:0;left:10px;right:10px}.projector-reel{background:conic-gradient(#1e1e1e 0deg 54deg,#3a3a3a 54deg 66deg,#1e1e1e 66deg 174deg,#3a3a3a 174deg 186deg,#1e1e1e 186deg 294deg,#3a3a3a 294deg 306deg,#1e1e1e 306deg 360deg);border:3px solid #444;border-radius:50%;width:42px;height:42px;animation:1.8s linear infinite paused reelSpin;position:relative;box-shadow:inset 0 2px 4px #0009,0 2px 6px #0000004d}.projector-reel:after{content:"";background:#555;border:1px solid #666;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes reelSpin{to{transform:rotate(360deg)}}.projector-wrap.on .projector-reel{animation-play-state:running}.projector-lens{background:radial-gradient(circle at 40% 40%,#1a1a1a,#0a0a0a);border:3px solid #555;border-radius:50%;width:36px;height:36px;transition:box-shadow .4s;position:relative;box-shadow:0 0 6px #000c,inset 0 0 4px #ffffff0a,0 0 #b48c2800}.projector-lens:before{content:"";border:1px solid #ffffff12;border-radius:50%;position:absolute;inset:5px}.projector-lens:after{content:"";border:1px solid #ffffff0d;border-radius:50%;position:absolute;inset:10px}.projector-wrap.on .projector-lens{background:radial-gradient(circle at 40% 40%,#2a200a,#0a0a0a);box-shadow:0 0 6px #000c,inset 0 0 4px #ffc85026,0 0 16px #c8962866,0 0 32px #b4781433}.projector-tripod{gap:40px;margin-top:0;margin-left:78px;display:flex}.projector-tripod span{background:#2a2a2a;border-radius:1px;width:2px;height:18px;display:block}.projector-tripod span:first-child{transform:rotate(-10deg)}.projector-tripod span:nth-child(2){transform:rotate(10deg)}.projector-prompt{text-align:center;color:#ffffff4d;letter-spacing:.18em;text-transform:uppercase;width:200px;margin-top:8px;font-size:.7rem;transition:color .3s}.projector-wrap.on .projector-prompt{color:var(--accent)}
.neon-sign-wrap{display:block}.neon-char{color:#c4302b1f;text-shadow:none;white-space:pre;transition:color 60ms,text-shadow 60ms;display:inline-block}.neon-char.lit{color:#ff4040;text-shadow:0 0 6px #ff4040,0 0 12px #ff4040,0 0 24px #c4302b,0 0 48px #86191a,0 0 72px #86191a66}.neon-sign-wrap.all-lit .neon-char.lit{animation:2.2s ease-in-out infinite neonPulse}@keyframes neonPulse{0%,to{text-shadow:0 0 6px #ff4040,0 0 12px #ff4040,0 0 24px #c4302b,0 0 48px #86191a,0 0 72px #86191a66;opacity:1}45%{text-shadow:0 0 4px #ff4040,0 0 8px #ff4040,0 0 16px #c4302b,0 0 32px #86191a;opacity:.88}}
.rotary-phone{cursor:pointer;-webkit-user-select:none;user-select:none;width:200px;margin:0 auto 40px;position:relative}.phone-handset{transform-origin:0;align-items:center;gap:0;margin-bottom:10px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex}.handset-ear,.handset-mouth{background:#222;border:2px solid #333;border-radius:50%;flex-shrink:0;width:36px;height:36px;box-shadow:inset 0 2px 4px #00000080,0 2px 6px #0006}.handset-body{background:linear-gradient(#2a2a2a,#1a1a1a);border-top:1px solid #333;border-bottom:1px solid #111;flex:1;min-width:100px;height:16px}.rotary-phone.picked-up .phone-handset{transform:translateY(-28px)rotate(-14deg)}@keyframes phoneShake{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-6px)rotate(-1.5deg)}30%{transform:translate(6px)rotate(1.5deg)}45%{transform:translate(-5px)rotate(-1deg)}60%{transform:translate(5px)rotate(1deg)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.rotary-phone.ringing{animation:.26s ease-in-out infinite phoneShake}.phone-body{background:radial-gradient(circle at 35% 35%,#2e2e2e,#141414);border:4px solid #2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:168px;height:168px;margin:0 auto;transition:box-shadow .4s;display:flex;box-shadow:0 8px 24px #0009,inset 0 2px 6px #ffffff0a}.rotary-phone.ringing .phone-body{box-shadow:0 8px 24px #0009,inset 0 2px 6px #ffffff0a,0 0 30px #86191a4d}.phone-dial{background:radial-gradient(circle at 40% 40%,#252525,#111);border:2px solid #333;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative;box-shadow:inset 0 3px 8px #00000080}@keyframes dialNudge{0%{transform:rotate(0)}20%{transform:rotate(8deg)}45%{transform:rotate(-5deg)}70%{transform:rotate(6deg)}to{transform:rotate(0)}}.phone-dial.dial-idle{animation:4s ease-in-out infinite dialNudge}.dial-hole{background:#0a0a0a;border:1px solid #333;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%;box-shadow:inset 0 1px 3px #000c}.dial-center{z-index:2;background:radial-gradient(circle,#333,#1a1a1a);border:1px solid #444;border-radius:50%;width:20px;height:20px}.phone-status{text-align:center;letter-spacing:.18em;text-transform:uppercase;min-height:22px;margin-top:12px;font-family:Courier New,monospace;font-size:.62rem}.status-incoming{color:#dcaa32e6;align-items:center;gap:6px;animation:.7s ease-in-out infinite alternate incomingPulse;display:inline-flex}@keyframes incomingPulse{0%{opacity:1}to{opacity:.3}}.status-dot{background:#dcaa32e6;border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-missed{color:#dc3c3cd9;animation:.4s ease-out both missedFade}@keyframes missedFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.status-connected{color:#50c878e6}.phone-prompt{text-align:center;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;opacity:.5;margin-top:6px;font-size:.68rem;transition:opacity .4s}.rotary-phone:hover .phone-prompt{opacity:1}.contact-form.phone-focus{border-color:#86191a80;transition:border-color .4s,box-shadow .4s;box-shadow:0 0 30px #86191a26}
.clapper-divider{background:#060606;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;justify-content:center;align-items:center;width:100%;padding:32px 0;display:flex}.clapper-board{-webkit-user-select:none;user-select:none;width:340px;position:relative}.clapper-arm{transform-origin:0;z-index:2;background:repeating-linear-gradient(-45deg,#111 0 10px,#e8e8e8 10px 20px);border-radius:4px 4px 0 0;width:100%;height:26px;transition:transform .12s cubic-bezier(0,0,.15,1);position:relative;transform:rotate(-28deg);box-shadow:0 2px 8px #00000080}.clapper-arm.snapped{transform:rotate(0)}.clapper-arm.snapped:after{content:"";background:#ffffff59;border-radius:4px 4px 0 0;animation:.18s forwards clapFlash;position:absolute;inset:0}@keyframes clapFlash{0%{opacity:1}to{opacity:0}}.clapper-base{background:#111;border:1px solid #2a2a2a;border-top:none;border-radius:0 0 6px 6px;align-items:center;gap:0;height:58px;padding:0 16px;font-family:Courier New,Courier,monospace;display:flex}.clapper-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.15em;margin-right:6px;font-size:.6rem}.clapper-scene-num{color:#ffffffe6;letter-spacing:.05em;margin-right:16px;font-size:1.4rem;font-weight:700;line-height:1}.clapper-title{color:var(--accent);text-transform:uppercase;letter-spacing:.2em;flex:1;font-size:.72rem;font-weight:600}.clapper-take{color:#ffffff4d;text-transform:uppercase;letter-spacing:.12em;font-size:.6rem}
.film-strip-rail{background:#0a0a0a;border-top:1px solid #1c1c1c;border-bottom:1px solid #1c1c1c;flex-direction:column;gap:0;margin:0 0 48px;padding:8px 0;display:flex;position:relative;overflow:hidden}.sprocket-row{justify-content:space-around;align-items:center;padding:0 2%;display:flex}.sprocket{background:var(--dark-bg,#080808);border:1px solid #222;border-radius:2px;flex-shrink:0;width:18px;height:12px}.film-strip-label{letter-spacing:.35em;text-transform:uppercase;color:#ffffff14;text-align:center;-webkit-user-select:none;user-select:none;padding:5px 0;font-family:Courier New,monospace;font-size:.48rem}.scene-badge{letter-spacing:.22em;color:#dcaa328c;text-transform:uppercase;-webkit-user-select:none;user-select:none;z-index:2;font-family:Courier New,monospace;font-size:.52rem;position:absolute;top:14px;left:16px}.service-card{transition:box-shadow .3s,border-color .3s,background .3s,transform .55s;position:relative;overflow:hidden}.service-card:after{content:"";transform-origin:0;pointer-events:none;z-index:4;background:linear-gradient(105deg,#080808 0%,#0f0305 60%,#86191a26 100%);transition:transform .7s cubic-bezier(.77,0,.18,1);position:absolute;inset:0;transform:scaleX(1)}.service-card.scan-revealed:after{transform-origin:100%;transform:scaleX(0)}
.broadcast-section{background:var(--dark-bg);padding:100px 5%}.monitor-and-remote{justify-content:center;align-items:flex-start;gap:32px;margin-top:60px;display:flex}.monitor-wrap{flex-direction:column;flex:1;align-items:center;max-width:760px;display:flex}.monitor-frame{background:linear-gradient(160deg,#232323 0%,#1a1a1a 50%,#141414 100%);border:2px solid #2e2e2e;border-radius:18px 18px 10px 10px;width:100%;max-width:760px;padding:20px 20px 0;position:relative;box-shadow:0 0 0 4px #111,0 0 0 6px #2a2a2a,0 20px 60px #000000b3,inset 0 1px #ffffff0f,inset 0 -1px #0006}.monitor-frame:before{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(-45deg,#0000 0 3px,#ffffff02 3px 4px);position:absolute;inset:0}.monitor-screen{aspect-ratio:16/9;background:#000;border-radius:6px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000000e6,inset 0 0 4px #000}.monitor-screen:after{content:"";pointer-events:none;z-index:11;background:radial-gradient(#0000 55%,#643c002e 100%);border-radius:6px;position:absolute;inset:0}#broadcast-player{width:100%;height:100%;position:absolute;inset:0}.crt-lines{z-index:10;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000017 3px 4px);border-radius:6px;animation:9s ease-in-out infinite crtFlicker;position:absolute;inset:0}@keyframes crtFlicker{0%,to{opacity:1}45%{opacity:.92}47%{opacity:1}49%{opacity:.88}51%{opacity:1}}.static-flash{z-index:20;opacity:0;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff0f 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 6px);border-radius:6px;transition:opacity 60ms linear;position:absolute;inset:0}.static-flash.visible{opacity:1}.monitor-chin{justify-content:space-between;align-items:center;gap:12px;padding:10px 16px 14px;display:flex}.monitor-chin-left{align-items:center;gap:10px;display:flex}.power-led{background:#1a1a1a;border:1px solid #333;border-radius:50%;width:8px;height:8px;transition:background .4s,box-shadow .4s}.power-led.on{background:#dc143c;box-shadow:0 0 6px #dc143c,0 0 12px #dc143c66}.monitor-brand{letter-spacing:.3em;text-transform:uppercase;color:#ffffff1f;-webkit-user-select:none;user-select:none;font-family:monospace;font-size:.52rem}.ch-readout{letter-spacing:.25em;color:#dcaa32d9;text-shadow:0 0 8px #dcaa3280;-webkit-user-select:none;user-select:none;font-family:Courier New,monospace;font-size:.78rem;font-weight:700}.monitor-stand{flex-direction:column;align-items:center;display:flex}.monitor-neck{clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);background:linear-gradient(#1e1e1e,#161616);width:50px;height:24px}.monitor-base{background:linear-gradient(#1e1e1e,#141414);border:1px solid #2a2a2a;border-top:none;border-radius:0 0 8px 8px;width:180px;height:14px;box-shadow:0 6px 20px #00000080}.channel-dots{justify-content:center;align-items:center;gap:8px;margin-top:20px;display:flex}.ch-dot{cursor:pointer;background:#2a2a2a;border:1px solid #333;border-radius:50%;width:8px;height:8px;padding:0;transition:background .3s,box-shadow .3s,transform .2s}.ch-dot:hover{background:#444;transform:scale(1.3)}.ch-dot.active{background:#dcaa32e6;border-color:#dcaa3299;transform:scale(1.2);box-shadow:0 0 8px #dcaa3280}.remote-wrap{background:linear-gradient(175deg,#242424 0%,#161616 60%,#111 100%);border:1px solid #2e2e2e;border-radius:18px 18px 30px 30px;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:112px;margin-top:10px;padding:14px 12px 22px;display:flex;position:relative;transform:rotate(2deg);box-shadow:4px 8px 30px #000000b3,inset 0 1px #ffffff0f,inset 0 -1px #0006}.remote-wrap:before{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(-45deg,#0000 0 4px,#ffffff02 4px 5px);position:absolute;inset:0}.remote-ir{background:#1a0a00;border:1px solid #2a1500;border-radius:50%;align-self:center;width:10px;height:10px;transition:background .1s,box-shadow .1s;box-shadow:0 0 0 3px #0000004d}.remote-ir.flash{background:#dc8c1ee6;box-shadow:0 0 10px #dc8c1ecc,0 0 20px #dc640066}.remote-display{background:#06100a;border:1px solid #1a2a1a;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:82px;height:48px;display:flex;box-shadow:inset 0 0 10px #000c,0 0 0 2px #111}.remote-display-ch{letter-spacing:.15em;color:#64dc78e6;text-shadow:0 0 6px #50c86499;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;line-height:1}.remote-display-label{letter-spacing:.08em;text-transform:uppercase;color:#64dc7873;text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-family:Courier New,monospace;font-size:.38rem;line-height:1;overflow:hidden}.remote-power-btn{cursor:pointer;background:radial-gradient(circle at 35% 35%,#3a0808,#1a0303);border:1px solid #4a0a0a;border-radius:50%;align-self:flex-end;width:22px;height:22px;margin-right:4px;padding:0;transition:background .2s,box-shadow .2s,transform .1s;position:relative;box-shadow:0 2px 4px #00000080,inset 0 1px #ffffff0f}.remote-power-btn:hover{background:radial-gradient(circle at 35% 35%,#5a1010,#2a0606);box-shadow:0 3px 8px #0009,inset 0 1px #ffffff14,0 0 10px #dc282833}.remote-power-btn:active{transform:scale(.88);box-shadow:0 1px 3px #0009,inset 0 2px 4px #00000080}.remote-power-btn.playing{background:radial-gradient(circle at 35% 35%,#6a1515,#2a0505);border-color:#7a1515;box-shadow:0 2px 4px #00000080,inset 0 1px #ffffff0f,0 0 10px #dc282880,0 0 20px #dc282833}.remote-power-btn:after{content:"⏻";color:#dc282880;pointer-events:none;justify-content:center;align-items:center;font-size:.55rem;transition:color .2s;display:flex;position:absolute;inset:0}.remote-power-btn.playing:after{color:#ff5050;text-shadow:0 0 6px #ff3c3ccc}.remote-ch-group{flex-direction:column;align-items:center;gap:4px;display:flex}.remote-ch-btn{cursor:pointer;color:#ffffff8c;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#222,#161616);border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9rem;transition:background .15s,color .15s,transform .1s,box-shadow .1s;display:flex;box-shadow:0 4px 10px #0009,inset 0 1px #ffffff12}.remote-ch-btn:hover{color:#dcaa32e6;background:linear-gradient(145deg,#2a2a2a,#1e1e1e);box-shadow:0 6px 14px #0009,inset 0 1px #ffffff17,0 0 8px #dcaa321a}.remote-ch-btn:active{transform:scale(.9);box-shadow:0 1px 4px #0009,inset 0 2px 6px #00000080}.remote-ch-label{letter-spacing:.3em;text-transform:uppercase;color:#ffffff2e;-webkit-user-select:none;user-select:none;font-family:Courier New,monospace;font-size:.5rem}.remote-vol-group{align-items:center;gap:5px;display:flex}.remote-vol-btn{color:#ffffff47;cursor:default;background:#181818;border:1px solid #272727;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;display:flex;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff0a}.remote-vol-label{letter-spacing:.25em;color:#ffffff26;-webkit-user-select:none;user-select:none;font-family:Courier New,monospace;font-size:.42rem}.remote-dpad{flex-direction:column;align-items:center;gap:2px;display:flex}.remote-dpad .dpad-row{gap:2px;display:flex}.dpad-up,.dpad-down,.dpad-left,.dpad-right,.dpad-center{background:#181818;border:1px solid #252525}.dpad-up,.dpad-down{border-radius:3px 3px 0 0;width:24px;height:16px}.dpad-down{border-radius:0 0 3px 3px}.dpad-left,.dpad-right{border-radius:3px 0 0 3px;width:16px;height:24px}.dpad-right{border-radius:0 3px 3px 0}.dpad-center{border-radius:50%;width:24px;height:24px}.remote-num-grid{grid-template-columns:repeat(3,1fr);gap:5px;width:82px;display:grid}.remote-num-key{background:#161616;border:1px solid #222;border-radius:3px;height:14px;box-shadow:inset 0 1px #ffffff08}@media (max-width:900px){.monitor-and-remote{flex-direction:column;align-items:center}.remote-wrap{border-radius:14px;flex-flow:wrap;justify-content:center;align-items:center;gap:16px;width:auto;max-width:480px;padding:12px 16px;transform:none}.remote-ir,.remote-dpad,.remote-num-grid{display:none}.monitor-frame{padding:12px 12px 0}}
.lca-overlay{z-index:9100;pointer-events:none;background:#000;justify-content:center;align-items:center;animation:.15s forwards lcaOverlayIn;display:flex;position:fixed;inset:0}@keyframes lcaOverlayIn{0%{opacity:0}to{opacity:1}}.lca-word{letter-spacing:.3em;text-transform:uppercase;color:#fff;white-space:nowrap;font-family:Courier New,monospace;font-size:clamp(2.8rem,10vw,9rem);font-weight:900;animation:.18s cubic-bezier(.22,1,.36,1) forwards lcaWordPop;position:absolute}@keyframes lcaWordPop{0%{opacity:0;filter:blur(8px);transform:scale(.7)skew(-6deg)}60%{opacity:1;filter:blur();transform:scale(1.04)skew(0)}to{opacity:1;transform:scale(1)skew(0)}}.lca-action{color:#c4302b;letter-spacing:.2em;text-shadow:0 0 40px #c4302be6,0 0 80px #c4302b80,0 0 160px #c4302b33;font-size:clamp(3.5rem,14vw,12rem);animation:.22s cubic-bezier(.22,1,.36,1) forwards lcaActionPop}@keyframes lcaActionPop{0%{opacity:0;filter:blur(12px);transform:scale(.6)}50%{opacity:1;filter:blur();transform:scale(1.06)}to{opacity:1;transform:scale(1)}}
.film-hud{z-index:1200;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:fixed;bottom:28px;right:20px}.hud-rec{letter-spacing:.22em;color:#dc3c3cbf;text-transform:uppercase;align-items:center;gap:5px;font-family:Courier New,monospace;font-size:.52rem;display:flex}.hud-dot{background:#dc3c3ce6;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.1s ease-in-out infinite recBlink}@keyframes recBlink{0%,45%{opacity:1}55%,to{opacity:.08}}.hud-tc{letter-spacing:.1em;color:#dcaa32a6;font-family:Courier New,monospace;font-size:1.05rem;font-weight:700;line-height:1}.hud-frame{letter-spacing:.2em;color:#ffffff2e;font-family:Courier New,monospace;font-size:.44rem}.hud-label{letter-spacing:.4em;color:#ffffff14;text-transform:uppercase;margin-top:1px;font-family:Courier New,monospace;font-size:.38rem}@media (max-width:768px){.film-hud{display:none}}
.rolling-ticker{z-index:800;background:#030303;border-bottom:1px solid #dcaa321f;width:100%;height:26px;position:relative;overflow:hidden}.rolling-ticker:before,.rolling-ticker:after{content:"";z-index:2;pointer-events:none;width:80px;position:absolute;top:0;bottom:0}.rolling-ticker:before{background:linear-gradient(90deg,#030303 0%,#0000 100%);left:0}.rolling-ticker:after{background:linear-gradient(270deg,#030303 0%,#0000 100%);right:0}.ticker-track{white-space:nowrap;align-items:center;height:100%;animation:40s linear infinite tickerScroll;display:flex}.ticker-inner{letter-spacing:.22em;text-transform:uppercase;color:#dcaa3280;flex-shrink:0;padding-right:60px;font-family:Courier New,monospace;font-size:.58rem}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
@media (max-width:1200px){.logo img{height:90px}.nav-links{gap:28px}.hero{padding-top:130px;padding-bottom:50px}.hero-content{gap:50px}.portfolio,.services,.process,.team,.contact,.cta-section{padding:clamp(60px,8vh,100px) 5%}.clients-section{padding:clamp(60px,8vh,100px) 0}.stats-section{padding:clamp(50px,7vh,80px) 5%}.section-header{margin-bottom:clamp(50px,7vh,80px)}html{scroll-padding-top:130px}}@media (max-width:1024px){.logo img{height:70px}.nav-links{gap:20px}.hero{padding-top:110px;padding-bottom:40px}.hero-content{gap:40px}.process-step{grid-template-columns:1fr 60px 1fr}.step-content{padding:28px}.contact-content{grid-template-columns:1fr;gap:40px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:28px}html{scroll-padding-top:110px}}@media (max-width:768px){.nav-links{display:none}.menu-toggle{display:flex}.logo img{height:56px}.hero{text-align:center;padding-top:100px;padding-bottom:40px}.hero-text h1{font-size:clamp(2rem,7vw,3rem)}.hero-content{grid-template-columns:1fr;gap:40px}.cta-buttons{flex-direction:column;width:100%}.btn{text-align:center;width:100%}.timeline-line{left:20px}.process-step,.process-step:nth-child(2n){grid-template-columns:1fr;gap:20px}.step-number{margin:20px auto;position:relative;left:0;transform:none}.step-content:empty{display:none}.step-content{width:100%;margin-left:60px}.contact-content,.form-row,.service-checkboxes{grid-template-columns:1fr}html{scroll-padding-top:100px}}