@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#090909;--paper:#f1f0e9;--grey:#9a9a96;--line:#303030;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #b6d0ef;outline-offset:6px}button{border:0}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}::selection{background:var(--paper);color:var(--ink)}.skip{position:fixed;top:-100px;left:20px;background:white;color:black;padding:15px;z-index:100}.skip:focus{top:15px}.header{position:fixed;z-index:20;left:0;right:0;top:0;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5%;background:linear-gradient(#090909f5,#090909e8);border-bottom:1px solid #ffffff20;backdrop-filter:blur(15px)}.brand{display:flex;gap:22px;align-items:center}.brand img{width:128px;height:auto}.brand>span{font-size:10px;letter-spacing:.14em;border-left:1px solid #777;padding-left:22px}.header nav{display:flex;gap:32px;align-items:center;font-size:12px}.nav-brief{padding:13px 0;border-bottom:1px solid #eee}.nav-brief span{margin-left:25px}.hero{position:relative;min-height:900px;height:100svh;max-height:1200px;overflow:hidden;background:radial-gradient(ellipse at 73% 46%,#22221f33,transparent 65%),#090909;isolation:isolate}.coordinates{position:absolute;top:120px;left:3.5%;right:3.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#9a9a96}.hero-copy{position:relative;z-index:4;pointer-events:none;padding:190px 0 0 6.8%;width:60%}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:600;display:flex;gap:9px;align-items:center}.eyebrow i{display:block;width:6px;height:6px;background:#ddd;border-radius:50%;box-shadow:0 0 16px #eee}.hero h1{font-family:var(--display);font-weight:700;font-size:clamp(48px,9.5vw,165px);line-height:.91;letter-spacing:-.025em;margin:32px 0 32px}.hero h1>span{color:transparent;-webkit-text-stroke:1px #d0d0c5}.hero-bottom p{font-size:14px;line-height:1.6;color:#b0b0a9;margin:0 0 20px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;padding:19px 22px;font-size:11px;letter-spacing:.035em;font-weight:700}.primary{background:var(--paper);color:var(--ink);transition:background .2s,transform .2s}.primary:hover{background:#fff;transform:translateY(-2px)}.button span{font-size:22px;line-height:.7}.stage-wrap{position:absolute;right:-4%;top:15%;width:65%;height:75%;perspective:1400px;z-index:2}.stage{height:100%;width:100%;position:relative;transform-style:preserve-3d;transform:rotateY(-17deg) rotateX(5deg);will-change:transform}.film-plane{position:absolute;box-shadow:0 22px 75px #0009;overflow:hidden;background:#222;border:1px solid #ffffff38;backface-visibility:hidden}.film-plane img{transition:filter .5s,transform 1s;filter:brightness(.82)}.plane-main{width:75%;height:auto;aspect-ratio:16/9;left:17%;top:30%;padding:0;transform:translateZ(80px);text-align:left}.plane-main img{position:absolute;inset:0}.plane-main:hover img{filter:brightness(1);transform:scale(1.025)}.plane-back{width:41%;aspect-ratio:16/10;left:55%;top:1%;transform:translateZ(-130px) rotateY(-5deg)}.plane-top{width:38%;aspect-ratio:16/9;left:5%;top:7%;transform:translateZ(-180px) rotateY(12deg)}.plane-front{width:36%;aspect-ratio:16/10;left:61%;top:75%;transform:translateZ(180px) rotateY(-5deg)}.plane-front img{filter:brightness(.7)}.screen-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;border:1px solid #fff9;display:grid;place-items:center;background:#1113;font-size:18px;backdrop-filter:blur(8px)}.screen-caption{position:absolute;bottom:0;left:0;right:0;padding:20px 18px 14px;background:linear-gradient(transparent,#0009);font-size:9px;letter-spacing:.12em;display:flex;justify-content:space-between}.screen-caption b{font-weight:400}.depth-axis{position:absolute;left:18%;top:92%;font-size:9px;letter-spacing:.13em;color:#85857e;transform:translateZ(-80px)}.stage-floor{position:absolute;left:0;right:0;top:50%;height:90%;transform:rotateX(80deg) translateZ(-70px);transform-origin:center;background-image:linear-gradient(#85857e1a 1px,transparent 1px),linear-gradient(90deg,#85857e1a 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.hero-watch{position:absolute;right:6%;bottom:80px;display:grid;grid-template-columns:44px auto;align-items:center;column-gap:14px;font-size:10px;letter-spacing:.07em;z-index:5}.round-play{grid-row:span 2;border:1px solid #777;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:10px}.hero-watch small{font-size:8px;color:#8d8d88;letter-spacing:.08em}.hero-foot{position:absolute;bottom:24px;left:3.5%;right:3.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;color:#85857e;border-top:1px solid #ffffff25;padding-top:20px;z-index:5}.section{padding:38px 6.8% 100px}.section-label{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.08em;padding-bottom:35px}.section-label>span+span{color:#9a9a96}h2,h3,p{margin-top:0}h2{font-family:var(--display);font-stretch:condensed;font-weight:700;letter-spacing:-1.9px;line-height:.9}.work{background:var(--paper);color:var(--ink);padding-top:38px}.work-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:25px 0 45px;gap:40px}.work-heading h2{font-size:clamp(60px,7vw,110px);margin:0}.work-heading>p{font-size:14px;line-height:1.7;margin:0 0 5px;max-width:340px}.reel-screen{position:relative;aspect-ratio:2/1;width:100%;padding:0;overflow:hidden;background:#090909;color:white;text-align:left}.reel-screen>img{transition:transform 1.4s,filter .7s;filter:brightness(.8)}.reel-screen:hover>img{transform:scale(1.035);filter:brightness(1)}.reel-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0007,transparent),linear-gradient(transparent 65%,#000b)}.reel-title{position:absolute;left:4%;top:8%;font-family:var(--display);font-weight:600;font-size:clamp(45px,7vw,110px);line-height:.88;letter-spacing:-.015em}.big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:90px;height:90px;border:1px solid #fffa;border-radius:50%;background:#ffffff18;backdrop-filter:blur(10px);font-size:20px}.reel-bottom{position:absolute;bottom:7%;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em}.filmstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.filmstrip figure{overflow:hidden}.filmstrip img{height:auto;aspect-ratio:16/9;transition:transform .7s}.filmstrip figure:hover img{transform:scale(1.03)}.filmstrip figcaption{font-size:9px;letter-spacing:.12em;padding:12px 0;border-bottom:1px solid #1113}.production{padding-bottom:50px}.production .section-label{padding-bottom:28px}.service{border-top:1px solid var(--line);display:grid;grid-template-columns:40px 1fr 33%;gap:22px;padding:40px 0;align-items:start}.service-number{color:#9a9a96;font-size:10px;padding-top:6px}.service h2{font-size:clamp(38px,4.7vw,75px);margin-bottom:20px}.service-content>p{font-size:20px;margin-bottom:15px}.service-detail{font-size:13px;line-height:1.75;color:#aaa;max-width:410px}.text-link{display:inline-block;font-size:10px;letter-spacing:.05em;padding:0 0 9px;background:transparent;border-bottom:1px solid currentColor;margin-top:26px;font-weight:600}.service-image{aspect-ratio:1.5/1;overflow:hidden}.service-image img{transition:transform 1.2s}.service:hover .service-image img{transform:scale(1.06)}.service-type{background:#f1f0e9;color:#131313;display:grid;align-content:center;padding:18px 25px}.service-type>span{font-family:var(--display);font-size:clamp(28px,3.7vw,62px);line-height:.8;position:relative}.type-plus{position:absolute;right:4%;top:10%;font-size:120px;font-weight:600;color:#9a9a96}.case-study{background:#111;padding-top:35px}.case-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:7%;align-items:center}.case-image{position:relative;padding:0;width:100%;aspect-ratio:1.3/1;overflow:hidden}.case-image>img{object-position:center;transition:transform 1s}.case-image:hover>img{transform:scale(1.03)}.case-play{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:30px 22px 20px;background:linear-gradient(transparent,#000a);font-size:10px;letter-spacing:.05em}.case-play b{font-weight:400}.case-copy h2{font-size:clamp(50px,5vw,80px);margin:25px 0}.case-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#b5b5b0}.process{background:var(--paper);color:var(--ink)}.process h2{font-size:clamp(65px,7.8vw,125px);margin:30px 0 55px}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.process-steps>div{border-top:1px solid #1115;padding-top:22px}.process-steps span{font-size:9px;letter-spacing:.08em}.process-steps h3{font-size:20px;font-weight:500;margin:28px 0 15px}.process-steps p{font-size:13px;line-height:1.7;color:#5d5f56;max-width:300px}.brief{padding-top:35px;padding-bottom:100px}.brief-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.brief h2{font-size:clamp(120px,15vw,240px);line-height:.77;margin:30px 0}.brief h2>span{color:transparent;-webkit-text-stroke:1px var(--paper)}.brief-layout>div>p{font-size:14px;line-height:1.8;color:#aaa}.form-top{padding:28px 0 25px;border-top:1px solid #d0d7c9;font-size:11px;display:flex;justify-content:space-between}.form-top span{font-size:25px}.brief form{padding-top:30px}.brief label{display:block;font-size:10px;color:#deded5;letter-spacing:.03em;margin:0 0 25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}input,textarea,select{display:block;width:100%;border:0;border-radius:0;border-bottom:1px solid #555;background:transparent;color:var(--paper);padding:13px 0;font-size:13px;outline-offset:4px!important;resize:vertical}input::placeholder,textarea::placeholder{color:#888}select{color-scheme:dark;min-height:45px}select option{background:#171717}.submit{width:100%}.form-note{font-size:11px;line-height:1.6;color:#9a9a96;margin-top:15px}#form-status{font-size:12px;line-height:1.8;border-top:1px solid #777;padding-top:16px}#form-status button{background:none;padding:0;text-decoration:underline}#form-status a{text-decoration:underline}footer{border-top:1px solid var(--line);padding:40px 3.5%;display:flex;justify-content:space-between;gap:35px;align-items:center;font-size:8px;line-height:1.7;letter-spacing:.06em;color:#8d8d83}.footer-brand{display:flex;align-items:center;gap:25px}.footer-brand img{width:135px;height:auto}.footer-brand span{font-size:9px}dialog{background:#090909;color:white;border:1px solid #444;padding:0;width:min(1200px,94vw);max-height:94svh}dialog::backdrop{background:#000e;backdrop-filter:blur(15px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 22px}.dialog-bar h2{font-family:var(--body);font-size:12px;letter-spacing:.04em;font-weight:400;margin:0;line-height:1.4}.dialog-bar button{font-size:11px;background:none;border:1px solid #555;padding:8px 14px}dialog video{display:block;width:100%;max-height:80svh;background:#000}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1700px){.hero-copy{padding-top:210px}.hero{min-height:1050px}.hero-bottom p{font-size:17px}.stage-wrap{top:16%}}
@media(max-width:1000px){.header{height:75px}.header nav{gap:20px}.brand>span{display:none}.hero{min-height:850px}.hero-copy{padding-top:170px;padding-left:5%;width:65%}.hero h1{font-size:12vw}.hero-bottom p{font-size:12px}.stage-wrap{right:-18%;width:83%;top:19%;height:60%}.hero-watch{bottom:95px}.section{padding-left:5%;padding-right:5%}.service{grid-template-columns:25px 1fr 30%;gap:15px}.service h2{font-size:5.3vw}.service-content>p{font-size:17px}.case-layout{gap:5%}.case-copy h2{font-size:5.6vw}.brief-layout{gap:7%}footer>div{display:none}}
@media(max-width:650px){html{scroll-padding-top:80px}.header{height:70px;padding:0 5%}.brand img{width:110px}.header nav>a:not(.nav-brief){display:none}.header nav{font-size:10px}.nav-brief span{margin-left:10px}.coordinates{top:96px;left:5%;right:5%;font-size:7px}.coordinates>span{display:none}.hero{height:auto;min-height:1050px;max-height:none}.hero-copy{padding:143px 5% 0;width:100%}.hero h1{font-size:22vw;line-height:.91;margin:27px 0 24px}.hero .eyebrow{font-size:8px}.hero-bottom{display:flex;flex-direction:column;align-items:flex-start}.hero-bottom p{font-size:13px;line-height:1.7}.hero-bottom .button{padding:17px 20px;gap:30px}.stage-wrap{width:105%;right:-1%;top:550px;height:350px;perspective:1100px}.stage{transform:rotateY(-12deg) rotateX(5deg)}.plane-main{width:77%;left:12%;top:23%}.plane-back{width:37%;top:0%;left:55%}.plane-top{width:36%;top:0;left:5%}.plane-front{width:34%;top:78%;left:57%}.depth-axis{top:95%;font-size:6px}.screen-play{width:45px;height:45px;font-size:12px}.screen-caption{font-size:7px;padding:15px 12px 10px}.hero-watch{bottom:83px;left:5%;right:auto;font-size:9px}.hero-watch small{font-size:7px}.hero-foot{left:5%;right:5%;font-size:7px;padding-top:16px;bottom:20px}.hero-foot>span{max-width:180px;line-height:1.6}.hero-foot a{align-self:center}.section{padding-top:28px;padding-bottom:60px}.section-label{font-size:7px;padding-bottom:25px}.section-label>span+span{max-width:140px;text-align:right;line-height:1.5}.work-heading{display:block;margin:20px 0 30px}.work-heading h2{font-size:17vw}.work-heading>p{font-size:12px;margin-top:24px}.reel-screen{aspect-ratio:1.2/1}.reel-title{font-size:14vw;top:7%;left:6%}.big-play{width:60px;height:60px;font-size:15px;top:58%}.reel-bottom{font-size:7px;left:6%;right:6%}.filmstrip{gap:9px}.filmstrip img{aspect-ratio:1/1}.filmstrip figcaption{font-size:7px;letter-spacing:.04em}.service{grid-template-columns:22px 1fr;gap:10px;padding:28px 0}.service-image{grid-column:2;width:100%;aspect-ratio:1.8/1;margin-top:12px}.service h2{font-size:12vw;margin-bottom:16px}.service-content>p{font-size:17px}.service-detail{font-size:12px}.service-number{font-size:9px}.service-type>span{font-size:11vw;display:block;line-height:.75}.service-type{height:180px}.type-plus{font-size:105px;right:17%}.text-link{font-size:9px;margin-top:20px}.case-layout{grid-template-columns:1fr;gap:30px}.case-image{aspect-ratio:1.3/1}.case-copy h2{font-size:17vw;margin:18px 0}.case-copy>p:not(.eyebrow){font-size:13px}.process h2{font-size:16vw;margin:20px 0 35px}.process-steps{grid-template-columns:1fr;gap:26px}.process-steps>div{padding-top:15px}.process-steps h3{font-size:20px;margin:16px 0 10px}.process-steps p{max-width:none;font-size:12px;margin-bottom:0}.brief-layout{grid-template-columns:1fr;gap:20px}.brief h2{font-size:34vw;margin-top:15px}.brief-layout>div>p{font-size:13px}.brief .section-label{font-size:7px;gap:8px}.brief form{padding-top:10px}.form-row{gap:18px}.form-row input{font-size:11px}.brief label{margin-bottom:22px}footer{padding:30px 5%;flex-wrap:wrap;gap:25px}.footer-brand{width:100%;justify-content:space-between}.footer-brand img{width:115px}footer>span{margin-right:auto}.reveal{transform:translateY(20px)}.dialog-bar{padding:13px}.dialog-bar h2{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.stage{will-change:auto}.reveal{opacity:1;transform:none}}

.plane-main video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.8)}

/* Smooth studio backdrop and independent spatial film planes. */
.hero{background:#090909}
.stage-wrap{perspective:1100px}
.film-plane{will-change:transform}
.motion-toggle{position:absolute;z-index:6;right:3.5%;top:155px;background:transparent;border:0;border-bottom:1px solid #555;padding:8px 0;font-size:8px;letter-spacing:.09em;color:#9a9a96}
.motion-toggle:hover{color:#f1f0e9}
@media(max-width:650px){.motion-toggle{top:92px;right:5%;font-size:7px}.stage-wrap{perspective:1000px}}
@media(prefers-reduced-motion:reduce){.film-plane{will-change:auto}}
/* Clip the stage without creating an internally scrollable hero. */
.hero{overflow:clip}

.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.submit:disabled{opacity:.65;cursor:wait;transform:none}#form-status[data-state="error"]{color:#f1c0b5}#form-status[data-state="success"]{color:var(--paper)}