:root{--ink:#f4f2ec;--accent:#e2ff2e;--muted:#92928c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#090909;color:var(--ink);font-family:'Bricolage Grotesque',Arial,sans-serif}body.emotional{--accent:#d9c4ff}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}[hidden]{display:none!important}.top{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:27px 3.4%;gap:25px}.brand{font-size:14px;font-weight:800}.top>div{display:flex;gap:27px}.top>div a,.eyebrow,.year,.label>span,.scroll-cue,.toggle button,.awards header p,.awards-grid article>span,.awards-grid article p,.clients,.stats span,.portrait>span,.studio-button,.more a span{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.1px}.top>div a:hover{color:var(--accent)}.hero{height:100svh;min-height:600px;position:relative;overflow:hidden}.reel,.shade{position:absolute;inset:0}.reel{background-size:cover;background-position:center}.reel iframe{position:absolute;width:max(100vw,178svh);height:max(100svh,56.25vw);top:50%;left:50%;transform:translate(-50%,-50%);border:0;pointer-events:none}.shade{background:linear-gradient(180deg,#0008,transparent 35%,#0009 75%,#090909)}.hero-content{position:absolute;bottom:110px;left:3.4%;right:3.4%}.hero h1{font-size:clamp(50px,12vw,210px);letter-spacing:-.065em;line-height:.88;margin:0 0 36px;font-weight:800;white-space:nowrap}.emotional .hero h1{font-style:italic;font-weight:400;letter-spacing:-.055em}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.hero-bottom p{font-size:13px;line-height:1.6;max-width:330px;color:#d0d0c9;margin:0}.toggle{display:flex;position:relative;border:1px solid #ffffff40;border-radius:30px;padding:5px;background:#12121290;flex-shrink:0}.toggle button{position:relative;z-index:1;border:0;color:#eee;background:transparent;padding:14px 24px;cursor:pointer;width:128px;font-size:11px;font-weight:500}.toggle button[aria-pressed=true]{color:#080808}.pill{position:absolute;top:5px;bottom:5px;left:5px;width:128px;background:var(--accent);border-radius:25px;transition:transform .3s,background .3s}.emotional .pill{transform:translateX(128px)}.scroll-cue{position:absolute;bottom:32px;left:3.4%;color:#aaa}.credits-flash{position:absolute;top:32%;left:3.4%;font-family:monospace;font-size:12px}.credits-flash span{position:absolute;white-space:nowrap;opacity:0;animation:flash 18s infinite;animation-delay:calc(var(--i)*3s)}.emotional .credits-flash{display:none}@keyframes flash{2%,14%{opacity:1}17%,100%{opacity:0}}.works,.bio,.awards,.studio,footer{margin:0 3.4%;padding:90px 0}.works h2,.awards h2{font-size:clamp(26px,4.5vw,66px);letter-spacing:-.055em;margin:0 0 35px;line-height:1}.works h2 span{color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{position:relative;aspect-ratio:1.6;overflow:hidden;background:#222;border-radius:3px}.card img,.card iframe{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;border:0;transition:transform .6s}.card iframe{pointer-events:none;transform:scale(1.16)}.card:after{content:'';position:absolute;inset:0;background:linear-gradient(#0004,transparent 30%,#000b);pointer-events:none}.card:hover img{transform:scale(1.04)}.year,.play,.label{position:absolute;z-index:2}.year{top:17px;left:17px}.play{right:17px;top:14px;font-size:14px}.label{left:17px;right:17px;bottom:17px;display:flex;align-items:end;justify-content:space-between;gap:12px}.label strong{font-size:18px;line-height:1.08;letter-spacing:-.5px;overflow-wrap:anywhere}.label>span{font-size:8px;letter-spacing:.6px;flex-shrink:0}.bio{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;border-top:1px solid #292929}.portrait{min-height:500px;position:relative;background:radial-gradient(ellipse at 45% 35%,#494536,transparent 65%),linear-gradient(145deg,#242820,#111613);border-radius:4px}.portrait>span{position:absolute;bottom:23px;left:23px;color:#999}.eyebrow{color:var(--muted);line-height:1.6}.bio h2{font-size:clamp(25px,3vw,44px);font-weight:400;line-height:1.13;letter-spacing:-1.2px;margin:24px 0}.bio h2 em{color:var(--accent);font-style:normal}.bio p:not(.eyebrow),.studio p:not(.eyebrow){font-size:15px;line-height:1.7;color:#aaa}.stats{display:flex;justify-content:space-between;border-top:1px solid #333;padding-top:25px;margin-top:32px;gap:10px}.stats strong,.stats span{display:block}.stats strong{font-size:45px;letter-spacing:-2px}.stats span{font-size:8px;color:#888;line-height:1.8}.clients-heading{margin-top:30px}.clients{display:flex;flex-wrap:wrap;gap:8px}.clients span{padding:10px 14px;border:1px solid #353535;border-radius:20px;font-size:9px}.awards{border-top:1px solid #292929}.awards header{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.awards header p{color:#888}.awards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #303030;border-left:1px solid #303030}.awards-grid article{padding:30px 20px;border-right:1px solid #303030;border-bottom:1px solid #303030}.awards-grid article>span{font-size:8px;color:var(--accent)}.awards-grid h3{font-size:23px;letter-spacing:-.8px;margin:18px 0}.awards-grid article p{font-size:8px;color:#888}.studio{padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:radial-gradient(ellipse at 10% 15%,#252336,#101116 65%);border:1px solid #32323b;border-radius:8px;align-items:center}.studio img{width:220px;height:auto;display:block}.studio h2{font-size:40px;letter-spacing:-1.5px;margin:0}.studio-button{display:inline-block;padding:18px 22px;margin-top:20px;background:#96eff8;color:#0b1415;border-radius:30px}.studio-button:hover{background:white}footer{padding-top:120px}footer h2{font-size:clamp(90px,18vw,260px);line-height:.8;letter-spacing:-.075em;margin:0 0 75px}footer h2 span{color:var(--accent)}.footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;border-top:1px solid #333;padding-top:30px}.footer-cols a{display:block;line-height:1.9}.footer-cols p:not(.eyebrow){color:#888;font-size:12px}.project{padding:120px 5% 80px;max-width:1500px;margin:auto}.back{font-family:monospace;font-size:12px;display:inline-block;margin-bottom:60px}.project h1{font-size:clamp(40px,7vw,100px);line-height:.95;letter-spacing:-.06em;text-transform:uppercase;margin:20px 0 48px;overflow-wrap:anywhere}.video{aspect-ratio:16/9;background:#151515}.video iframe{width:100%;height:100%;border:0}.backstage-title{margin-top:65px;font-size:28px}.full-credits{margin:60px 0}.full-credits>p{white-space:normal;font-size:15px;line-height:1.8;color:#bbb}.more{border-top:1px solid #333;padding-top:25px}.more>div{display:flex;justify-content:space-between;gap:30px}.more a{max-width:48%}.more a span,.more a strong{display:block}.more a strong{font-size:25px;margin-top:15px}.more a span{color:#888}
@media(min-width:1600px){.grid{gap:24px}.label strong{font-size:25px}}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bio{gap:5%}.portrait{min-height:420px}.awards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio{padding:35px;gap:30px}.hero h1{font-size:12vw}.top>div{gap:18px}.studio h2{font-size:32px}}@media(max-width:600px){.top{padding:23px 5%;align-items:center;gap:12px}.brand{font-size:11px}.top>div{gap:14px}.top>div a{font-size:8px;letter-spacing:.5px}.desktop{display:none}.hero{min-height:590px}.hero-content{left:5%;right:5%;bottom:110px}.hero h1{white-space:normal;font-size:19.5vw;max-width:100%;line-height:.85;margin-bottom:27px}.hero-bottom{display:block}.hero-bottom p{margin-top:22px;font-size:12px;max-width:280px}.toggle{width:max-content}.toggle button{width:120px;padding:13px 15px}.pill{width:120px}.emotional .pill{transform:translateX(120px)}.credits-flash{left:5%;top:24%}.scroll-cue{left:5%}.works,.bio,.awards,footer{margin:0 5%;padding:65px 0}.works h2{font-size:clamp(23px,6.8vw,40px);letter-spacing:-.05em;white-space:nowrap}.grid{grid-template-columns:1fr;gap:16px}.label strong{font-size:19px}.label>span{font-size:8px}.bio{grid-template-columns:1fr;gap:35px}.portrait{min-height:350px}.bio h2{font-size:30px}.awards header{display:block}.awards header p{font-size:8px;margin:0 0 25px}.awards-grid article{padding:25px 14px}.awards-grid h3{font-size:20px}.studio{margin:0 5%;padding:30px 24px;grid-template-columns:1fr;gap:25px}.studio img{width:180px}.studio h2{font-size:34px}.footer-cols{grid-template-columns:1fr;gap:24px}footer h2{font-size:24vw;margin-bottom:50px}.project{padding-top:100px}.back{margin-bottom:40px}.project h1{font-size:12vw}.more a strong{font-size:19px}.full-credits>p{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
