@view-transition{navigation:auto}:root{--night:#090f17;--paper:#eeece4;--ink:#172129;--gold:#d8b879;--blue:#9dd4ec;--line:#c9cbc5;--display:'Barlow Condensed',Impact,sans-serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:15px/1.6 var(--sans);background:var(--paper);color:var(--ink)}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,video:focus-visible{outline:2px solid #6e9ab7;outline-offset:6px}::selection{background:var(--gold);color:var(--night)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:.94;letter-spacing:-.015em}h2{font-size:clamp(52px,6vw,88px)}h2 em{font-style:normal;color:#778b93}h3{font-size:29px}p{color:#59666b}.eyebrow,small,.card-type,.film-label,.card-caption>span,.step-tags,.case-meta,.scene-credit,.pointer-note,.scene-selector,.work-count,.campaign-steps article>span,.extensions>a>span{font:10px/1.4 var(--sans);font-weight:500;letter-spacing:1.5px;text-transform:uppercase}.eyebrow{margin-bottom:23px}.nav{height:88px;position:absolute;top:0;left:0;right:0;z-index:20;padding:0 4%;display:flex;justify-content:space-between;align-items:center;color:var(--paper);border-bottom:1px solid #ffffff26}.brand{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:700;letter-spacing:-.3px;white-space:nowrap}.brand img{object-fit:contain}.nav nav{display:flex;align-items:center;gap:34px;font-size:12px}.nav nav a{position:relative}.nav nav a:after{content:'';position:absolute;bottom:-7px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav nav a:hover:after{transform:scaleX(1)}sup{font-size:8px;vertical-align:super;margin-left:3px}.nav-contact{display:flex;gap:28px}.nav-contact span{color:var(--gold)}.entrance{position:relative;height:100svh;min-height:710px;max-height:1100px;background:var(--night);color:var(--paper);overflow:hidden}.scene-fallback,#scene-canvas,.scene-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.scene-fallback{opacity:.75}#scene-canvas{opacity:0;transition:opacity 1.2s;pointer-events:none}#scene-canvas.ready{opacity:1}.scene-shade{background:linear-gradient(90deg,#050d18bb 0%,#050d1833 70%),linear-gradient(0deg,#060d17dd,transparent 48%,#060d1755);pointer-events:none}.entrance-top{position:absolute;top:125px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:start}.entrance-top .eyebrow{font-size:9px;color:var(--paper)}.status-dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:var(--gold);box-shadow:0 0 14px var(--gold);margin-right:7px}.hero-description{font-size:13px;color:#eeece4cc;line-height:1.65;max-width:270px}.hero-title-wrap{position:absolute;left:6.5%;bottom:150px}.hero-title-wrap>.eyebrow{color:var(--gold);font-size:9px;letter-spacing:2.3px;margin-bottom:20px}.hero-title-wrap h1{font-size:clamp(50px,6.4vw,94px);line-height:.82;letter-spacing:-.02em}.hero-title-wrap h1>span{display:block}.hero-title-wrap .other-word{font-size:clamp(130px,20vw,290px);letter-spacing:-.035em;margin-top:10px}.period{color:var(--gold)}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:28px}.enter-link{font-size:13px;display:flex;align-items:center;gap:50px;border-bottom:1px solid #eeece488;padding-bottom:11px}.enter-link>span{font-size:24px;transition:transform .3s}.enter-link:hover>span{transform:translate(4px,4px)}.quiet-link{font-size:10px;color:#dddcd4}.hero-floor{position:absolute;bottom:30px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:23px}.pointer-note{font-size:8px;letter-spacing:1.3px;display:flex;align-items:center;gap:9px;color:#e0e0d3aa}.pointer-note i{width:16px;height:16px;border:1px solid #ffffff77;border-radius:50%;position:relative}.pointer-note i:before{content:'';position:absolute;width:4px;height:4px;top:5px;left:5px;border-radius:50%;background:var(--gold)}.scene-selector{display:flex;gap:5px}.scene-selector button{color:#eeece499;border:0;background:none;font-size:9px;letter-spacing:1px;padding:10px 14px;transition:background .3s,color .3s}.scene-selector button span{font-size:8px;opacity:.65;margin-right:8px}.scene-selector button[aria-pressed=true]{background:#eeece41a;color:var(--paper);box-shadow:inset 0 -1px var(--gold)}.scene-selector button:hover{background:#eeece426;color:var(--paper)}.scene-credit{font-size:8px;color:#eeece4b0;max-width:260px;text-align:right;letter-spacing:1px}.scroll-cue{position:absolute;right:4%;bottom:132px;display:grid;place-items:center;border:1px solid #eeece455;width:46px;height:46px;border-radius:50%;font-size:22px;transition:background .3s,transform .3s}.scroll-cue:hover{background:#eeece422;transform:translateY(3px)}.hero-title-wrap,.entrance-top,.hero-floor{animation:arrival 1.2s cubic-bezier(.2,.7,.2,1) both}.hero-title-wrap{animation-delay:.08s}.hero-floor{animation-delay:.18s}@keyframes arrival{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.work-section{padding:90px 4% 110px}.work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:50px}.work-heading>.eyebrow{color:#6a7271}.work-heading>p{font-size:13px;line-height:1.8;max-width:380px;padding-bottom:5px}.filters{position:sticky;top:0;z-index:11;background:#eeece4f5;backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:28px}.filters>div{display:flex;gap:8px;flex-wrap:wrap}.filters button{font-size:11px;padding:8px 14px;border:1px solid transparent;background:none;color:#667378;border-radius:2px;transition:color .2s,background .2s}.filters button.active{background:var(--ink);color:var(--paper)}.filters button:hover{border-color:#a0abae}.work-count{font-size:8px;letter-spacing:1.2px;white-space:nowrap}.work-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:22px;row-gap:36px}.work-card{grid-column:span 2;min-width:0;display:block;position:relative}.work-card.lead-card{grid-column:span 3}.work-card[hidden]{display:none}.card-media{position:relative;aspect-ratio:1.45;background:#15232b;overflow:hidden;isolation:isolate}.lead-card .card-media{aspect-ratio:1.7}.card-media>img,.card-media>video{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.card-media>video{position:absolute;inset:0;opacity:0;transition:opacity .45s;pointer-events:none}.card-media>video.playing{opacity:1}.card-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08111a80,transparent 45%);pointer-events:none}.card-type{position:absolute;top:16px;left:16px;color:#fff;font-size:8px;z-index:2;opacity:0;transform:translateY(-5px);transition:opacity .3s,transform .3s}.card-open{position:absolute;right:14px;bottom:14px;border:1px solid #ffffff77;border-radius:50%;color:#fff;width:34px;height:34px;display:grid;place-items:center;font-size:18px;z-index:2;transition:transform .35s,background .35s}.film-label{position:absolute;bottom:18px;left:16px;color:#fff;font-size:7px;letter-spacing:1.4px;z-index:2}.work-card:hover .card-media>img{transform:scale(1.035)}.work-card:hover .card-type,.work-card:focus-visible .card-type{opacity:1;transform:translateY(0)}.work-card:hover .card-open{transform:rotate(45deg);background:#ffffff1a}.card-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:14px}.card-caption h3{font-size:clamp(25px,2.3vw,35px);line-height:1.05}.card-caption>span{color:#819095;font-size:8px}.work-card>p{font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:#6a7373;margin-top:7px}.work-card{transition:opacity .3s,transform .4s}.work-card.entering{animation:tile-enter .5s both}@keyframes tile-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hover-label{position:fixed;top:0;left:0;z-index:50;pointer-events:none;display:grid;place-items:center;width:78px;height:78px;background:var(--paper);color:var(--ink);border-radius:50%;font-size:8px;letter-spacing:1px;opacity:0;transform:translate(-200px,-200px);transition:opacity .18s;box-shadow:0 2px 20px #0002}.hover-label.active{opacity:.95}.studio{background:#101c25;color:var(--paper);padding:100px 6.5% 85px;position:relative;overflow:hidden}.studio:before{content:'';position:absolute;right:-150px;top:-180px;width:650px;height:650px;border:1px solid #b9d8ec16;border-radius:50%;pointer-events:none;box-shadow:0 0 0 70px #b9d8ec04,0 0 0 140px #b9d8ec03}.studio .eyebrow{color:var(--gold)}.studio-intro{display:grid;grid-template-columns:1.1fr 1fr;column-gap:15%;align-items:end;position:relative}.studio-intro .eyebrow{grid-column:1/-1}.studio h2 em{color:var(--gold)}.studio-lead{font-size:21px;line-height:1.55;color:#c2cbd0;max-width:460px}.campaign-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:70px}.campaign-steps article{padding-top:25px;border-top:1px solid #77919f55;position:relative}.campaign-steps article:before{content:'';position:absolute;top:-1px;left:0;height:1px;width:0;background:var(--gold);transition:width .8s}.campaign-steps article:hover:before{width:100%}.campaign-steps article>span{color:#94a9b3;font-size:9px}.campaign-steps h3{font-size:37px;margin:28px 0 22px}.campaign-steps p{font-size:13px;color:#a3b2ba;line-height:1.85;max-width:330px}.step-tags{font-size:8px;color:#cbb587;margin-top:25px;letter-spacing:1px}.scope-note{font-size:10px;color:#80939f;margin-top:36px;max-width:750px}.extensions{margin-top:65px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.extensions>a{padding:32px 35px;position:relative;background:#182731;border:1px solid #6a899c33;transition:background .3s}.extensions>a:hover{background:#20343f}.extensions>a>span{font-size:8px;color:#9cb1be}.extensions h3{font-size:44px;margin:25px 0 17px}.extensions p{max-width:340px;font-size:12px;color:#a9b9c2}.extensions i{position:absolute;right:30px;top:25px;font-size:25px;font-style:normal;color:var(--gold);transition:transform .3s}.extensions a:hover i{transform:translate(3px,-3px)}.team-section{padding:90px 6.5%}.team-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:15%;align-items:end}.team-heading .eyebrow{grid-column:1/-1}.team-heading p:last-child{font-size:15px;line-height:1.8;max-width:440px}.team-list{margin-top:45px;border-top:1px solid var(--line)}.team-list a{display:flex;align-items:center;gap:40px;padding:25px 10px;border-bottom:1px solid var(--line);transition:padding .3s,background .3s}.team-list a:hover{padding-left:25px;background:#dddcd34d}.team-list h3{font-size:45px;flex:1}.team-list span{font-size:11px;color:#738087}.team-list small{font-size:9px;color:#738087}.team-list i{font-size:26px;font-style:normal}.systems{display:grid;grid-template-columns:1fr 1fr;column-gap:15%;padding-top:35px}.systems .eyebrow{font-size:9px}.systems p:last-child{font-size:12px}.contact{background:#bdd5df;color:#142b37;padding:70px 6.5%}.contact .eyebrow{font-size:9px}.contact h2{font-size:clamp(70px,11vw,158px);line-height:.84;letter-spacing:-.025em}.contact h2 em{color:#5f8394}.contact h2 span{font-size:.65em;display:inline-block;margin-left:30px;transition:transform .4s}.contact:hover h2 span{transform:translate(7px,-7px)}.contact>div{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:45px}.contact p{font-size:14px;color:#3c5968}.contact-button{border-bottom:1px solid #142b37;font-size:13px;padding:15px 0;display:flex;gap:50px;align-items:center}.contact-button span{font-size:24px}footer{padding:32px 4%;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;background:var(--night);color:var(--paper)}footer>p,footer a{font-size:10px;color:#a4b0b6}footer .brand{font-size:13px;color:var(--paper)}footer div{display:flex;gap:25px}footer small{width:100%;font-size:7px;color:#697983}.skip{position:fixed;top:-100px;left:10px;z-index:99;background:var(--paper);color:var(--ink);padding:12px}.skip:focus{top:10px}.case .nav{position:relative;color:var(--ink);border-color:var(--line)}.case .nav-contact span{color:#688996}.case-head{padding:35px 6.5% 35px;max-width:1500px;margin:auto}.back{font-size:11px;display:inline-block;margin-bottom:55px;color:#62737b}.case-head>.eyebrow{font-size:9px}.case-head h1{font-size:clamp(58px,8.5vw,124px);max-width:1050px;line-height:.94;text-wrap:balance}.case-summary{font-size:18px;max-width:640px;margin:28px 0}.case-meta{display:flex;gap:25px;font-size:9px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px;color:#667b84}.case-media{padding:0 6.5%;max-width:1400px;margin:0 auto}.case-media video{width:100%;height:auto;max-height:76vh;object-fit:contain;background:#090f17}.case-media img{height:auto;width:100%;object-fit:contain;margin:auto}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:60px 6.5% 80px;max-width:1400px;margin:auto}.case-story h2{font-size:57px;max-width:400px}.case-story p:not(.eyebrow){font-size:15px;line-height:1.8;margin-bottom:20px}.receipts{border-top:1px solid var(--line);padding-top:15px;margin-top:25px}.receipts a{font-size:11px;border-bottom:1px solid #819097;padding-bottom:6px;display:inline-block;margin:10px 18px 10px 0}.case-next{padding:60px 6.5% 75px;border-top:1px solid var(--line)}.case-next>div:first-child{margin-bottom:40px}.case-next h2{font-size:52px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.related-grid .work-card{grid-column:auto}.case-cta{padding:45px 6.5%;background:#bdd5df;display:flex;align-items:center;justify-content:space-between;gap:25px}.case-cta h2{font-size:54px}.case-cta a{font-size:13px;border-bottom:1px solid;padding-bottom:8px}body.case{animation:case-arrive .5s both}@keyframes case-arrive{from{opacity:.3}to{opacity:1}}@media(min-width:1600px){.work-section,.studio,.team-section,.contact,.case-next{padding-left:max(5%,calc((100vw - 1450px)/2));padding-right:max(5%,calc((100vw - 1450px)/2))}}@media(max-width:1000px){.pointer-note{display:none}.hero-title-wrap{left:5%}.work-grid{column-gap:16px}.card-caption h3{font-size:26px}.work-heading>p{max-width:280px}.campaign-steps{gap:25px}.studio-lead{font-size:18px}.team-list h3{font-size:38px}.work-count{display:none}.case-story{gap:7%}.case-story h2{font-size:45px}}@media(max-width:650px){html{scroll-padding-top:80px}.nav{height:72px;padding:0 5%}.brand{font-size:12px;gap:7px}.brand img{width:25px;height:25px}.nav nav{gap:15px;font-size:10px}.nav nav>a:nth-child(2){display:none}.nav-contact{gap:9px}.nav nav sup{display:none}.entrance{min-height:680px;height:100svh;max-height:1000px}.entrance-top{top:100px;left:6%;right:6%;display:block}.entrance-top .eyebrow{font-size:8px;margin-bottom:12px}.hero-description{font-size:12px;max-width:240px}.hero-title-wrap{left:6%;right:6%;bottom:175px}.hero-title-wrap h1{font-size:10.8vw}.hero-title-wrap .other-word{font-size:33vw;line-height:.85}.hero-title-wrap>.eyebrow{font-size:8px;letter-spacing:1.6px}.hero-actions{gap:22px;flex-wrap:wrap;margin-top:22px}.enter-link{font-size:12px;gap:38px}.quiet-link{font-size:9px}.hero-floor{left:6%;right:6%;bottom:25px;flex-direction:column;align-items:start;gap:13px;padding-top:16px}.scene-selector button{font-size:9px;padding:8px 10px}.scene-credit{font-size:7px;text-align:left}.scroll-cue{bottom:32px;right:6%;width:32px;height:32px;font-size:17px}.scene-shade{background:linear-gradient(90deg,#050d1888,#050d1815),linear-gradient(0deg,#060d17ee,transparent 70%,#060d1766)}.work-section{padding:50px 5% 60px}.work-heading{display:block;margin-bottom:30px}.work-heading h2{font-size:50px}.work-heading>p{font-size:12px;max-width:100%;margin-top:25px}.work-heading>p br{display:none}.eyebrow{font-size:8px;margin-bottom:20px}.filters{padding:10px 0;margin-bottom:20px}.filters>div{gap:2px}.filters button{font-size:9px;padding:8px 10px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 13px}.work-card,.work-card.lead-card{grid-column:span 1}.work-card:first-child{grid-column:1/-1}.card-media,.lead-card .card-media{aspect-ratio:1.13}.work-card:first-child .card-media{aspect-ratio:1.7}.card-caption{margin-top:10px;gap:6px}.card-caption h3{font-size:24px}.card-caption>span{font-size:7px}.work-card>p{font-size:7px;letter-spacing:.2px}.card-open{width:25px;height:25px;right:8px;bottom:8px;font-size:14px}.film-label{font-size:6px;bottom:12px;left:9px;letter-spacing:.8px}.card-type{display:none}.hover-label{display:none!important}.studio,.team-section{padding:55px 6%}.studio-intro,.team-heading,.systems{display:block}.studio h2,.team-heading h2{font-size:54px}.studio-lead{font-size:18px;margin-top:30px}.campaign-steps{grid-template-columns:1fr;gap:35px;margin-top:40px}.campaign-steps h3{font-size:36px;margin:20px 0 15px}.campaign-steps p{max-width:none}.step-tags{margin-top:18px}.scope-note{margin-top:25px;font-size:9px}.extensions{grid-template-columns:1fr;margin-top:35px;gap:15px}.extensions>a{padding:28px}.extensions h3{font-size:38px}.team-heading p:last-child{margin-top:25px;font-size:13px}.team-list{margin-top:30px}.team-list a{gap:15px;padding:22px 0;flex-wrap:wrap}.team-list h3{font-size:34px}.team-list span{display:none}.team-list i{font-size:22px}.systems{padding-top:25px}.systems .eyebrow{margin-bottom:14px}.contact{padding:50px 6%}.contact h2{font-size:17vw;line-height:.92}.contact h2 span{margin-left:15px}.contact>div{display:block;margin-top:30px}.contact-button{margin-top:20px;justify-content:space-between;font-size:12px}.contact p{font-size:13px}footer{padding:28px 6%;gap:18px}footer>p{display:none}footer div{gap:15px}footer a{font-size:9px}.case-head{padding:25px 6% 28px}.back{margin-bottom:38px}.case-head h1{font-size:56px}.case-summary{font-size:16px;margin:22px 0}.case-meta{gap:13px;font-size:8px}.case-media{padding:0}.case-story{grid-template-columns:1fr;gap:25px;padding:35px 6% 45px}.case-story h2{font-size:44px}.case-story p:not(.eyebrow){font-size:14px}.case-next{padding:40px 6%}.case-next h2{font-size:43px}.related-grid{grid-template-columns:1fr;gap:25px}.related-grid .work-card{grid-column:1}.related-grid .card-media{aspect-ratio:1.6}.case-cta{padding:30px 6%;display:block}.case-cta h2{font-size:42px;margin-bottom:20px}.case-cta a{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hover-label,#scene-canvas{display:none!important}}@media(hover:none){.hover-label{display:none!important}.pointer-note{display:none}.card-type{display:none}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-in{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
.case-media video{max-width:720px;margin-inline:auto}.case-media img[src="/assets/boximus.png"]{max-width:800px!important}

.case-brands{margin-top:28px;padding-top:22px;border-top:1px solid #18202720;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.case-brands>span{font-size:9px;letter-spacing:.15em;opacity:.5}.case-brands>div{display:flex;flex-wrap:wrap;gap:10px}.case-brands a{font-size:12px;padding:10px 14px;border:1px solid #18202730;border-radius:2px;transition:background .2s,border-color .2s}.case-brands a:hover{background:#18202708;border-color:var(--gold)}.case-brands i{font-style:normal;margin-left:16px;color:var(--gold)}

/* The portal stays below the shade and the readable, stable interface. */
.hero-title-wrap{user-select:none}.hero-actions{gap:22px}.hero-actions a{color:#f4f8ff;background:#08121dcc;text-shadow:0 1px 3px #000;padding:10px 14px;min-height:48px;display:inline-flex;align-items:center;border:0;border-bottom:1px solid #f4f8ff80;transition:background .2s,border-color .2s}.hero-actions a:hover,.hero-actions a:focus-visible{background:#08121df5;border-color:#c3eaff;color:#fff}.hero-actions .quiet-link{font-size:12px}.hero-actions a:focus-visible{outline:2px solid #c3eaff;outline-offset:4px}.hero-title-wrap h1{text-shadow:0 2px 22px #050d1840}@media(max-width:600px){.hero-actions{gap:10px}.hero-actions a{padding:8px 10px;height:48px;min-height:48px}.hero-actions .enter-link{gap:16px}.hero-actions .quiet-link{font-size:10px}}

.hero-actions a{height:52px;min-height:52px;padding-block:0}