:root{--accent:#d0ff72;--fuchsia:#f36bff;--cyan:#7ce9ff;--page-progress:0;--pointer-x:0;--pointer-y:0}body{background:#050506;color:#f5f5f7}header{position:fixed;height:76px;background:#050506b3;z-index:30;padding:0 4%;gap:22px;border-color:#ffffff0d}.profession{font-size:9px;letter-spacing:1px}header nav{font-size:11px;gap:24px}.sound-control{border:1px solid #ffffff28;color:#a2a3ac;background:#ffffff05;border-radius:30px;display:flex;gap:9px;align-items:center;padding:10px 13px;font-size:10px;white-space:nowrap}.sound-bars{display:flex;align-items:center;gap:2px;height:13px}.sound-bars i{width:2px;height:4px;background:currentColor;border-radius:2px}.sound-bars i:nth-child(2){height:10px}.sound-bars i:nth-child(3){height:7px}.sound-control[aria-pressed=true]{color:var(--accent);border-color:#d0ff7240}.sound-control[aria-pressed=true] i{animation:eq .8s ease-in-out infinite alternate}.sound-control i:nth-child(2){animation-delay:-.4s}.sound-control i:nth-child(3){animation-delay:-.2s}@keyframes eq{to{height:13px}}.languages{border-color:#ffffff20}.hero{display:grid;grid-template-columns:1fr 1.15fr;text-align:left;align-items:center;min-height:780px;height:100svh;max-height:1100px;padding:105px 6% 105px;isolation:isolate;background:#050506;overflow:hidden}.hero-name{font-size:11px;letter-spacing:3px;display:none}.hero-editorial{z-index:4;position:relative;padding-bottom:25px}.hero-eyebrow{font:9px 'Space Grotesk';letter-spacing:2px;color:#a0a1ae;display:block;margin-bottom:30px}.hero h1{font-size:clamp(70px,8.5vw,134px);font-weight:600;letter-spacing:-.075em;line-height:1;margin:0 0 30px}.hero h1 em{display:inline-block;color:transparent;background:linear-gradient(105deg,#ed91ff 5%,#f17bca 35%,#ffa87e 60%,#daff8c);background-clip:text;-webkit-background-clip:text;background-size:180%;animation:color-drift 9s ease-in-out infinite alternate}.hero-copy{font-size:14px;line-height:1.8;color:#91929d}.hero-actions{justify-content:flex-start;gap:10px;margin:30px 0 0;flex-wrap:wrap}.hero .primary{background:var(--accent);color:#0c1206;border-color:var(--accent);gap:12px;font-size:11px;box-shadow:0 0 0 0 #d0ff7230;transition:box-shadow .4s,transform .4s}.hero .primary:hover{box-shadow:0 0 36px #d0ff7225;transform:translateY(-3px)}.primary small{font:8px monospace;opacity:.6;margin-left:6px}.play-symbol{font-size:9px}.hero .secondary{font-size:11px;padding:12px 15px;border-color:#ffffff20}.scene-light{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 50%,#65206933,transparent 54%);z-index:-2}.creative-orb{position:absolute;width:650px;height:650px;top:calc(50% - 325px);left:calc(73% - 325px);z-index:-1;transform:translate(calc(var(--pointer-x)*12px),calc(var(--pointer-y)*12px));pointer-events:none}.creative-orb>i{position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from 40deg,#ed7dff,#af65ff,#5ce0ec,#d6ff73,#ff865e,#ed7dff);mask:radial-gradient(transparent 56%,black 57%,black 64%,transparent 65%);-webkit-mask:radial-gradient(transparent 56%,black 57%,black 64%,transparent 65%);opacity:.7;transform:rotateX(40deg) rotateY(-25deg);filter:drop-shadow(0 0 20px #f478ff40);animation:orbit-spin 22s linear infinite}.creative-orb>i:nth-child(2){inset:17%;opacity:.25;filter:blur(15px);animation-direction:reverse}.creative-orb>i:nth-child(3){inset:0;opacity:.1;filter:blur(30px)}@keyframes orbit-spin{to{transform:rotateX(40deg) rotateY(-25deg) rotate(360deg)}}@keyframes color-drift{to{background-position:100% 50%}}.hero-art{width:100%;height:470px;margin:0;position:relative;z-index:2;transform:translateY(var(--hero-scroll,0px));perspective:1200px;will-change:auto}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.hero-frame{box-shadow:0 35px 80px #0008;border:1px solid #ffffff2b;border-radius:12px;transition:transform .7s cubic-bezier(.22,1,.36,1)}.hero .frame-main:has([data-localized-reel]){width:100%;left:0;top:100px;height:auto;aspect-ratio:16/9;transform:rotateY(-12deg) rotateX(4deg) rotate(-4deg);z-index:3;background:#05080d}.frame-main video{display:block;border-radius:11px}.frame-main:after{content:'';position:absolute;inset:0;border-radius:11px;box-shadow:inset 0 0 0 1px #ffffff12;pointer-events:none}.frame-caption{position:absolute;left:15px;bottom:-25px;color:#a3a3b0;font:8px monospace;letter-spacing:2px}.hero .frame-left{width:26%;height:220px;left:-8%;top:210px;transform:rotate(-15deg);opacity:.8;z-index:1}.hero .frame-right{width:23%;height:220px;right:-4%;top:25px;transform:rotate(12deg);opacity:.7}.floating-mark{position:absolute;z-index:5;pointer-events:none}.mark-one{font-size:95px;color:#ef80ff;left:-3%;top:20px;text-shadow:0 0 40px #f36bff50;animation:mark-turn 15s linear infinite}.mark-two{font-size:58px;right:4%;bottom:5px;color:#caff80;border-radius:20px;line-height:1.2;transform:rotate(-9deg)}@keyframes mark-turn{to{transform:rotate(360deg)}}.art-timecode{position:absolute;left:38%;bottom:25px;color:#5c5c69;font:8px monospace;letter-spacing:2px}.hero-floor{position:absolute;left:6%;right:6%;bottom:35px;border-top:1px solid #ffffff14;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:6}.hero-floor>.scroll-cue{padding:0;margin:0;display:flex;gap:22px;align-items:center;font-size:8px;letter-spacing:1px}.scroll-cue b{margin:0;color:#e9edf7;font-size:22px}.hero-floor>span{color:#6e6e7e;font-size:10px}.motion-toggle{margin:0;font-size:9px;background:none;color:#9393a0}.story{height:310vh;isolation:isolate}.story-sticky{background:#050506}.story-media{inset:16% 23%;border-radius:24px;transition:filter 1s,transform .8s;transform:scale(calc(.8 + var(--story-progress)*.35)) rotate(calc(-9deg + var(--story-progress)*18deg));opacity:.5}.story-media video{opacity:.8;object-fit:cover}.story-shade{background:linear-gradient(0deg,#050506bb,transparent 50%,#05050644)}.story-guide{display:none}.story-content{text-align:center;z-index:5;width:94%;pointer-events:none}.story .kicker{font-size:9px;letter-spacing:3px;color:#a6a6b3}.story h2{position:relative;height:170px;margin:35px 0 20px;font-size:clamp(65px,9.7vw,154px);letter-spacing:-.075em;line-height:1.06}.story-line{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:white;opacity:0;transform:translateY(35px) scale(.93);filter:blur(8px);transition:opacity .7s,transform .9s cubic-bezier(.16,1,.3,1),filter .7s}.story-line.lit{opacity:1;transform:none;filter:none;text-shadow:0 0 70px #0007}.story-content>p{color:#b4b2bd;font-size:13px}.story-progress{justify-content:center;margin-top:60px;color:#a5a2b4}.story-progress i{width:100px;background:linear-gradient(to right,var(--accent) calc(var(--story-progress)*100%),#ffffff24 0)}.chapter-orbit{position:absolute;inset:-30%;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 110px #b656ff30,inset 0 0 110px #b656ff20;transform:rotateX(65deg) rotate(-30deg)}.story-sticky:after{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at center,#e345ee14,transparent 65%);pointer-events:none;transition:background 1s}.story[data-phase='1'] .story-sticky:after{background:radial-gradient(ellipse at center,#2cdbd622,transparent 65%)}.story[data-phase='2'] .story-sticky:after{background:radial-gradient(ellipse at center,#b4ed4722,transparent 65%)}.story[data-phase='1'] .chapter-orbit{box-shadow:0 0 110px #47ddea35,inset 0 0 110px #47ddea20}.story[data-phase='2'] .chapter-orbit{box-shadow:0 0 110px #c5ee5b35,inset 0 0 110px #c5ee5b20}.spotlight{background:#050506;padding-top:95px;padding-bottom:100px}.spotlight-head{text-align:center}.spotlight h2{font-size:clamp(50px,7vw,100px);line-height:1.03}.spotlight-head .kicker{color:var(--fuchsia)}.spotlight-card:has([data-reel-poster]){max-width:1000px;border:1px solid #ffffff25;border-radius:22px;box-shadow:0 0 90px #b446ff0f;transition:box-shadow .6s,transform .6s}.spotlight-card:hover{box-shadow:0 0 90px #b446ff23;transform:translateY(-5px)}.spotlight-info b{background:var(--accent);border:0;color:#101809}.work{background:#0a0a0d;padding-top:100px}.section-heading h2{font-size:clamp(48px,6.5vw,95px)}.section-heading .kicker{color:var(--accent)}.filters .active{background:var(--accent)!important;border-color:var(--accent)!important}.project .cover{border-radius:16px;transition:transform .6s,border-color .6s,box-shadow .6s}.project:hover .cover{transform:translateY(-8px);border-color:#dd83ff65;box-shadow:0 15px 55px #bc5bf315}.project .cover:after{background:#dbff91;color:#101809}.project:nth-child(3n+2) .cover:after{background:#f6b5ff}.project:nth-child(3n) .cover:after{background:#a8eeff}.approach{background:#050506;padding-top:120px;padding-bottom:120px}.approach h2 em{color:#dd91f8}.service>span{color:var(--accent)}.contact{background:#d0ff72;color:#10130c;border:0;position:relative;overflow:hidden;padding:60px 6% 90px}.contact:before{content:'✳';position:absolute;right:-20px;top:20px;font-size:450px;line-height:1;color:#10130c08;pointer-events:none;animation:mark-turn 60s linear infinite}.contact .eyebrow{position:relative;color:#52653a}.contact h2{font-size:clamp(45px,7.5vw,108px);margin:65px 0;position:relative}.contact em{color:#10130c}.contact-arrow{color:#10130c;font-size:95px;transition:transform .5s}.contact>a:hover .contact-arrow{transform:translate(12px,-12px)}.contact-bottom{color:#384b22;border-color:#10130c30;position:relative}.contact-bottom a{font-size:10px}.chapter-dock{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:25;border:1px solid #ffffff20;background:#111116cc;backdrop-filter:blur(20px);border-radius:35px;display:flex;gap:4px;padding:6px 8px;box-shadow:0 7px 40px #0005}.chapter-dock a{display:flex;gap:7px;align-items:center;border-radius:30px;padding:10px 12px;font-size:9px;color:#7c7c8d;transition:color .3s,background .3s}.chapter-dock a b{font:8px monospace;font-weight:400}.chapter-dock a.active{background:#ffffff10;color:#f5f5f7}.chapter-dock a.active b{color:var(--accent)}.page-progress{position:absolute;left:30px;right:30px;height:1px;bottom:0;overflow:hidden}.page-progress i{display:block;height:1px;width:calc(var(--page-progress)*100%);background:var(--accent)}footer{padding-bottom:100px;background:#050506}.sound-enabled .creative-orb{filter:brightness(1.1)}.motion-paused .creative-orb>i,.motion-paused .floating-mark,.motion-paused .hero h1 em,.motion-paused .contact:before{animation-play-state:paused}.motion-paused .story-media{transform:none!important}.motion-paused .hero-art{transform:none!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused .project .cover{transition:none}.motion-paused .chapter-orbit{animation:none}.motion-paused .story-line{transition:none;filter:none}.motion-paused .creative-orb{transform:none}.sound-control:focus-visible{outline:2px solid var(--accent)}@media(min-width:1600px){.hero{padding-left:8%;padding-right:8%}.hero h1{font-size:150px}}@media(max-width:1000px){header .profession{display:none}.hero h1{font-size:10vw}.hero{grid-template-columns:1fr 1fr}.creative-orb{width:560px;height:560px;top:calc(50% - 280px);left:calc(75% - 280px)}.hero-art{height:420px}.hero .frame-main:has([data-localized-reel]){top:100px}.mark-one{font-size:65px;top:40px}.hero .frame-left{height:170px;top:200px}.hero .frame-right{height:170px;top:65px}.hero-floor>span{display:none}.sound-control{margin-left:0}header nav{gap:16px}.story h2{height:160px}}@media(max-width:700px){header{height:66px;padding:0 5%;gap:12px}header nav{margin-left:auto;gap:12px}header nav a:nth-child(2){display:none}.sound-control{padding:8px 9px;font-size:8px;gap:5px}.sound-bars{height:10px}.languages{padding:2px}.languages button{padding:6px 5px;font-size:9px}.hero{height:auto;min-height:850px;max-height:none;display:block;padding:112px 7% 110px}.hero-editorial{text-align:center;padding:0}.hero-eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:20px}.hero h1{font-size:19vw;line-height:.98;margin-bottom:20px}.hero-copy{font-size:12px}.hero-actions{justify-content:center;margin-top:22px;gap:8px}.hero .primary,.hero .secondary{font-size:10px;padding:11px 15px}.hero-art{height:250px;width:88%;margin:15px auto 0}.hero .frame-main:has([data-localized-reel]){top:38px;left:0;width:100%;transform:rotate(-5deg)}.hero .frame-left{width:27%;height:135px;top:95px;left:-10%}.hero .frame-right{width:25%;height:135px;top:10px;right:-9%}.mark-one{font-size:45px;left:-8%;top:3px}.mark-two{font-size:35px;bottom:-4px;right:-4%}.art-timecode{bottom:-10px;font-size:6px;left:25%}.frame-caption{font-size:6px;bottom:-17px;left:6px}.creative-orb{width:430px;height:430px;top:320px;left:calc(50% - 215px);opacity:.8}.hero-floor{bottom:26px;left:7%;right:7%;padding-top:14px}.hero-floor .scroll-cue{font-size:7px;gap:14px}.hero-floor .motion-toggle{font-size:8px;padding:7px 9px}.story{height:260vh}.story-media{inset:20% 12%;border-radius:16px}.story h2{font-size:15vw;height:190px;line-height:1.04;margin:20px 0}.story .kicker{font-size:7px;letter-spacing:1.8px}.story-content>p{font-size:12px;margin:0 auto;max-width:75%;line-height:1.7}.story-progress{margin-top:40px}.spotlight{padding-top:70px;padding-bottom:70px}.spotlight h2{font-size:12vw}.spotlight-card:has([data-reel-poster]){border-radius:14px}.spotlight-info{padding:30px 12px 12px}.work{padding-top:70px}.section-heading h2{font-size:11vw}.section-heading p{max-width:35%;font-size:9px}.section-heading{gap:10px}.approach{padding-top:75px;padding-bottom:75px}.contact h2{font-size:11vw;margin:45px 0}.contact-arrow{font-size:45px}.chapter-dock{bottom:14px;gap:0;padding:5px}.chapter-dock a{font-size:8px;gap:5px;padding:9px 10px}.chapter-dock a b{font-size:7px}.contact{padding-bottom:70px}.contact:before{font-size:320px}.contact .eyebrow>span:last-child{font-size:6px}.projects{gap:24px 14px}.project-meta h3{font-size:13px}}@media(max-width:380px){header .logo{font-size:28px}.sound-control>span:last-child{max-width:40px}.hero{min-height:820px}.hero-art{margin-top:25px}.hero .primary small{display:none}.chapter-dock a{padding:8px}.hero-eyebrow{font-size:6px}}@media(prefers-reduced-motion:reduce){.creative-orb>i,.floating-mark,.hero h1 em,.contact:before,.sound-bars i{animation:none!important}.story{height:auto}.story-sticky{height:auto;min-height:600px;padding:90px 0;position:relative}.story h2{height:auto;font-size:clamp(40px,7vw,90px)}.story-line{position:relative;opacity:1;filter:none;transform:none;margin:20px 0;display:block}.story-media{transform:none!important}.hero-art{transform:none!important}.creative-orb{transform:none!important}.reveal{opacity:1;transform:none}.project:hover .cover{transform:none}.story-progress{display:none}.contact>a:hover .contact-arrow{transform:none}}
@media(max-width:700px){.hero-floor{bottom:90px}}
@media(max-width:380px){header nav a:last-child{display:none}header{gap:9px}.sound-control{padding:7px 8px}}