:root{--bg:#fff;--text:#10110e;--muted:#62655b;--lime:#c7ff19;--panel:#f5f5f1;--line:#dedfd8;--hairline:#dedfd8;--hairline-strong:#aaada1}
body{background:#fff;color:#10110e}::selection{background:#c7ff19;color:#10110e}.nav,.nav.scrolled,.editorial-home .nav:not(.scrolled){background:#10110ef5;color:#fff;border-bottom:1px solid #ffffff18}.nav__logo img,.footer__logo img,.editorial-home .nav:not(.scrolled) .nav__logo img,body.editorial-home.nav-open .nav:not(.scrolled) .nav__logo img{filter:none!important;width:82px;height:52px}.nav__link:hover{color:#c7ff19;opacity:1}.nav__link.is-active::after{background:#c7ff19}.nav__cta,.btn,.btn--lime{background:#c7ff19;color:#10110e;border-color:#c7ff19}.btn:hover,.nav__cta:hover{background:#10110e;color:#c7ff19;border-color:#c7ff19}.mobile-menu{background:#10110e;color:white}.mobile-menu>a{color:white}.mobile-menu a.mm-cta{background:#c7ff19;color:#10110e}.nav__burger{color:white}body.editorial-home.nav-open .nav:not(.scrolled),body.nav-open .nav{background:#10110e;color:#fff}.ar-ico{display:none!important}.practice-list> a>span:last-child:empty,.website-card__caption>span:empty{display:none}.eyebrow::before{background:#a5d600}.lime{color:inherit!important}.text-link{border-color:#a2b273}.digital-section,.case-overview,.case-execution,.hire,.case-next{background:#f4f5ef}.footer,.seo-footer,.motion-section{background:#10110e}.hire__trust span::before{background:#a5cf00}.hire__check{background:#b8ed12}.hire__check svg{color:#111}.hire__card,.hire input,.hire select,.hire textarea{background:#fff}.work__card:nth-child(even){padding-top:0!important}.work__visual{aspect-ratio:16/9}.portfolio-card .work__visual img{object-fit:contain}.film-play{font:500 10px Poppins,sans-serif;padding:0}.work__view{font-size:10px;background:#c7ff19;color:#111}.motion-library summary{cursor:pointer;font:500 14px Poppins,sans-serif;padding:18px 0;border-block:1px solid #ffffff30;margin-bottom:24px;list-style-position:inside}.motion-library:not([open]){margin-bottom:0}.motion-section{padding-block:42px!important}.motion-section .editorial-heading{margin-bottom:20px}.motion-section .editorial-heading h2{font-size:30px}
/* A single film canvas. Text remains HTML, sharp and accessible. */
.showreel-hero{position:relative;isolation:isolate;min-height:80svh;padding:165px var(--shell) 38px;display:flex;flex-direction:column;justify-content:center;background:#10110e;color:#fff;overflow:hidden}.showreel-hero__media{position:absolute;inset:0;z-index:-2;background:#10110e}.showreel-hero video{width:100%;height:100%;object-fit:cover;opacity:.65;filter:saturate(.85)}.showreel-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080a06d9 0%,#080a0660 60%,#080a0630),linear-gradient(0deg,#080a0699,transparent 60%)}.showreel-hero .eyebrow{color:#e2e8d7}.showreel-hero .eyebrow::before{background:#c7ff19}.showreel-hero h1{font-size:clamp(40px,5.1vw,72px);line-height:1.06;letter-spacing:-.045em;max-width:18ch;margin:26px 0}.showreel-hero h1 em{font-style:normal;color:#c7ff19}.showreel-hero__copy>p:not(.eyebrow){font-size:14px;color:#d7dacf;max-width:42ch}.showreel-hero__actions{display:flex;align-items:center;gap:24px;margin-top:28px}.showreel-hero__foot{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #ffffff30;padding-top:20px;margin-top:65px;font-size:10px;color:#d2d7c9}.reel-toggle{background:#14170f66;border:1px solid #ffffff66;color:#fff;border-radius:30px;padding:10px 15px;cursor:pointer;font:11px Poppins,sans-serif}.showreel-hero__copy{animation:hero-arrive .8s cubic-bezier(.2,.7,.2,1) both}.showreel-hero .btn{box-shadow:0 0 0 0 #c7ff1900;transition:background .2s,box-shadow .3s,transform .3s}.showreel-hero .btn:hover{box-shadow:0 0 35px #c7ff1925;transform:translateY(-3px)}
/* Branded CSS 3D sculpture: six real perspective planes, no external rendering library. */
.studio-signature{display:flex;align-items:center;justify-content:space-between;gap:20px}.magnet-sculpture{--edge:110px;--half:55px;position:relative;width:180px;height:160px;perspective:650px;flex-shrink:0;contain:layout}.sculpture-orbit{position:absolute;left:35px;top:15px;width:var(--edge);height:var(--edge);transform-style:preserve-3d;transform:rotateX(var(--cube-x,-16deg)) rotateY(var(--cube-y,-25deg));transition:transform .6s cubic-bezier(.2,.7,.2,1)}.brand-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:cube-turn 18s linear infinite}.cube-face{position:absolute;inset:0;background:#12140f;border:1px solid #3b422d;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;border-radius:5px;overflow:hidden}.cube-face img{width:83%;height:auto}.cube-front{transform:translateZ(var(--half))}.cube-back{transform:rotateY(180deg) translateZ(var(--half))}.cube-right{transform:rotateY(90deg) translateZ(var(--half));background:#c7ff19;color:#111}.cube-left{transform:rotateY(-90deg) translateZ(var(--half));background:#fff;color:#111}.cube-top{transform:rotateX(90deg) translateZ(var(--half));background:linear-gradient(135deg,#e5ff9b,#a8db00)}.cube-bottom{transform:rotateX(-90deg) translateZ(var(--half));background:#292f1d}.cube-face span{font:700 58px Outfit,sans-serif;letter-spacing:-.08em}.sculpture-shadow{position:absolute;bottom:0;left:35px;width:115px;height:20px;background:#10110e35;filter:blur(11px);border-radius:50%;animation:shadow-breathe 6s ease-in-out infinite}.editorial-intro>.studio-signature{align-items:flex-start;flex-direction:column}.editorial-intro .magnet-sculpture{margin-top:20px}
@keyframes cube-turn{0%{transform:rotateY(0deg) translateY(0)}50%{transform:rotateY(180deg) translateY(-8px)}100%{transform:rotateY(360deg) translateY(0)}}@keyframes shadow-breathe{50%{transform:scale(.8);opacity:.6}}@keyframes hero-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.work__visual,.website-preview{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease,box-shadow .35s;will-change:auto}.work__visual:hover,.website-preview:hover{box-shadow:0 18px 38px #10110e18}.work__visual::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#ffffff25,transparent 55%);pointer-events:none}.work__visual{position:relative}.experience-enter{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.experience-enter.is-entered{opacity:1;transform:none}}
@media(max-width:680px){.nav__logo img{width:72px;height:45px}.showreel-hero{min-height:76svh;padding:135px 24px 26px}.showreel-hero h1{font-size:43px}.showreel-hero__copy>p:not(.eyebrow){font-size:12px}.showreel-hero__foot{margin-top:44px;font-size:9px;gap:15px}.showreel-hero video{object-position:center;opacity:.55}.showreel-hero__media::after{background:linear-gradient(90deg,#080a06c9,#080a0660),linear-gradient(0deg,#080a0680,transparent)}.showreel-hero__actions{gap:18px}.editorial-intro>.studio-signature{flex-direction:row;align-items:center}.magnet-sculpture{transform:scale(.8);transform-origin:center right;width:145px;margin-block:-15px}.motion-dialog{width:94vw}.showreel-hero .text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.brand-cube,.sculpture-shadow,.showreel-hero__copy{animation:none}.experience-enter{opacity:1;transform:none;transition:none}.work__visual,.website-preview{transform:none!important;transition:none}.showreel-hero video{display:none}.showreel-hero__media{background:#10110e url('/assets/video/magnet-showreel-v3.jpg') center/cover}.sculpture-orbit{transition:none}}
@media(max-width:680px) and (prefers-reduced-motion:reduce){.showreel-hero__media{background-image:url('/assets/video/magnet-showreel-v3-mobile.jpg')}}
@media(prefers-reduced-motion:reduce){.showreel-hero video.motion-opt-in{display:block}}

/* Editorial direction: cinematic opening, clear introduction, varied project scale. */
.editorial-home{background:#10110e;color:#fff}
.editorial-home .section{padding-block:90px}
.editorial-home .showreel-hero{min-height:92svh;padding-top:180px;padding-bottom:30px;justify-content:flex-end}
.editorial-home .showreel-hero h1{font-weight:500;font-size:clamp(52px,6.8vw,98px);line-height:.98;letter-spacing:-.055em;max-width:16ch;margin:24px 0 30px}
.editorial-home .showreel-hero h1 em{color:white;padding-left:9vw}
.editorial-home .showreel-hero__copy>p:not(.eyebrow){font-size:14px;line-height:1.8}
.editorial-home .showreel-hero__foot{margin-top:52px}
.agency-statement{display:grid;grid-template-columns:1fr 2fr;gap:35px 8%;background:#10110e;color:white}
.agency-statement .eyebrow{color:#b7bcaf}.agency-statement h2{font:500 clamp(30px,3.2vw,48px)/1.15 Outfit,sans-serif;letter-spacing:-.035em;margin:0 0 24px}.agency-statement p:not(.eyebrow){color:#b7bcaf;max-width:58ch;font-size:14px;line-height:1.9}
.brand-roster{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:32px;margin-top:25px}.brand-roster span{font:500 clamp(17px,1.7vw,24px) Outfit,sans-serif;color:#e4e5df}
.editorial-home .editorial-work{background:#fff;color:#10110e;border-radius:28px 28px 0 0}.editorial-home .editorial-heading{align-items:flex-end;margin-bottom:45px}.editorial-home .editorial-heading h2{font-size:clamp(32px,4vw,58px);font-weight:500;line-height:1.07;letter-spacing:-.04em}
.editorial-home #work .work__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px 30px}.editorial-home #work .portfolio-card:nth-child(n+7){display:none}.editorial-home #work .portfolio-card:first-child,.editorial-home #work .portfolio-card:nth-child(4){grid-column:1/-1}.editorial-home #work .portfolio-card:first-child .work__visual,.editorial-home #work .portfolio-card:nth-child(4) .work__visual{aspect-ratio:2/1}.editorial-home #work .work__visual{border-radius:12px;background:#f2f2ed;aspect-ratio:1.35}.editorial-home #work .work__visual img{object-fit:contain;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.editorial-home #work .work__visual:hover img{transform:scale(1.025)}.editorial-home #work .wk-name{font-size:26px;font-weight:500}.editorial-home #work .wk-result{font-size:12px;max-width:50ch}.editorial-home #work .wk-cat{font-size:10px}.editorial-home .project-more{margin-top:50px;text-align:center}
.editorial-home .digital-section{background:#eeeee8;color:#10110e}.editorial-home .website-preview{border-radius:10px}.editorial-home .editorial-capabilities{background:#10110e;color:white;display:grid;grid-template-columns:1fr 1.25fr;gap:8%}.editorial-home .editorial-capabilities h2{font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.12;letter-spacing:-.035em}.editorial-home .editorial-capabilities .eyebrow{color:#b7bcaf}.editorial-home .practice-list>a{color:white;border-color:#ffffff26;padding-block:27px}.editorial-home .practice-list h3{font-size:23px;font-weight:400}.editorial-home .practice-list>a>span:first-child{color:#c7ff19}.editorial-home .practice-list>a:hover{padding-left:14px;background:#ffffff05}
.studio-process{background:#10110e;color:#fff;display:grid;grid-template-columns:1fr 1.25fr;gap:8%;border-top:1px solid #ffffff20}.studio-process h2{font:500 clamp(30px,3.5vw,48px)/1.12 Outfit,sans-serif;letter-spacing:-.035em}.studio-process p{color:#b7bcaf;font-size:13px;line-height:1.9;max-width:42ch}.studio-process ol{list-style:none;margin:0;padding:0}.studio-process li{display:flex;gap:30px;padding:25px 0;border-bottom:1px solid #ffffff20}.studio-process li>span{color:#c7ff19;font-size:11px;padding-top:7px}.studio-process h3{font:500 25px Outfit,sans-serif;margin:0 0 8px}.studio-process li p{margin:0;max-width:52ch}.editorial-home .hire{color:#10110e;background:#f5f5f0;border-radius:28px 28px 0 0}
@media(max-width:700px){.editorial-home .section{padding-block:56px}.editorial-home .showreel-hero{min-height:86svh;padding-top:145px}.editorial-home .showreel-hero h1{font-size:clamp(44px,11.5vw,70px)}.editorial-home .showreel-hero h1 em{padding-left:6vw}.editorial-home .showreel-hero__copy>p:not(.eyebrow){font-size:12px}.agency-statement,.editorial-home .editorial-capabilities,.studio-process{grid-template-columns:1fr;gap:26px}.brand-roster{justify-content:flex-start;column-gap:28px;row-gap:18px;margin-top:0}.editorial-home #work .work__grid{grid-template-columns:1fr;gap:36px}.editorial-home #work .portfolio-card:first-child,.editorial-home #work .portfolio-card:nth-child(4){grid-column:auto}.editorial-home #work .portfolio-card .work__visual{aspect-ratio:1.35!important}.editorial-home .editorial-heading{gap:15px;align-items:flex-start}.editorial-home .editorial-heading .text-link{font-size:10px}.editorial-home .editorial-work,.editorial-home .hire{border-radius:18px 18px 0 0}.editorial-home .practice-list h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.editorial-home #work .work__visual img{transition:none;transform:none!important}}
@media(max-width:700px){.editorial-home .showreel-hero__foot{align-items:flex-start;flex-direction:column;gap:16px;margin-top:32px}.editorial-home .reel-toggle{white-space:nowrap;padding:9px 14px}.editorial-home .showreel-hero h1{max-width:none}.editorial-home .showreel-hero .eyebrow{font-size:9px;letter-spacing:.1em}}
/* Form spacing is explicit so earlier legacy resets cannot collapse the card. */
.hire .hire__wrap{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(35px,6vw,90px)}
.hire .hire__card{padding:clamp(24px,3vw,44px);border:1px solid #e0e1d9;border-radius:20px;background:#fff;box-shadow:0 16px 50px #10110e08;min-width:0}
.hire .hire__pitch{padding-top:20px}.hire .hire__pitch h2{font:500 clamp(32px,3.2vw,46px)/1.12 Outfit,sans-serif;letter-spacing:-.035em;max-width:15ch}.hire .hire__sub{font-size:14px;line-height:1.85;margin-top:25px}.hire .hire__trust{gap:12px 18px;margin-top:24px}.hire .hire__trust span{font-size:11px}.hire .hire__chips{gap:12px;margin-top:32px;flex-direction:column;align-items:flex-start}.hire .hire__chip{padding:13px 17px;font-size:12px;border-radius:10px}.hire .hire__chip svg{color:#557000}
.hire .hire-form{gap:19px}.hire .hf{gap:8px;min-width:0}.hire .hf--row{gap:16px}.hire .hf label{font-size:11px;color:#44483c}.hire .hf label .req{color:#567300}.hire .hf input,.hire .hf select,.hire .hf textarea{border:1px solid #dfe2d8;border-radius:9px;background:#fafbf7;font-size:13px;padding:13px 14px;min-height:46px}.hire .hf textarea{min-height:110px}.hire .hf--select::after{top:39px;width:7px;height:7px}.hire .hire__submit{min-height:48px;font-size:13px;border-radius:10px}.hire .hire__note{font-size:11px;margin-top:0}.hire .hire__banner{margin-top:0}
.editorial-home .reel-toggle{border:1px solid #ffffff60;border-radius:50%;width:34px;height:34px;min-width:34px;padding:0;display:grid;place-items:center;background:#0004}.reel-icon{display:block;width:9px;height:11px;border-left:3px solid white;border-right:3px solid white}.reel-toggle[aria-pressed=false] .reel-icon{width:0;height:0;border:0;border-left:9px solid white;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}.editorial-home .showreel-hero__foot{flex-direction:row;align-items:center}.agency-reasons{padding-top:50px!important}
@media(max-width:700px){.hire .hire__wrap{grid-template-columns:1fr;gap:30px}.hire .hire__card{padding:24px 20px;border-radius:16px}.hire .hire__pitch{padding-top:0}.hire .hf--row{grid-template-columns:1fr;gap:19px}.hire .hire__chips{margin-top:24px}.hire .hire__pitch h2{font-size:34px}}

.campaign-art{grid-column:1/-1;margin:12px 0 0;overflow:hidden;background:#10110e}.campaign-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.agency-statement .campaign-art~.brand-roster{grid-column:1/-1}.campaign-art img{animation:campaign-arrive .8s ease both}@keyframes campaign-arrive{from{opacity:.8}to{opacity:1}}@media(prefers-reduced-motion:reduce){.campaign-art img{animation:none}}
#about.agency-statement,#about.agency-statement h2{color:#f4f4ef;background-color:#10110e}#about.agency-statement .eyebrow{color:#c2c5ba}#about.agency-statement p:not(.eyebrow){color:#c2c5ba}#about.agency-statement .brand-roster{color:#f4f4ef}
/* Service campaign: one original editorial visual per discipline. */
.svc__art{margin:0 0 24px;overflow:hidden;background:#0b0b0b;aspect-ratio:16/9;border-radius:3px}.svc__art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.svc__card:hover .svc__art img{transform:scale(1.025)}.svc__art~.svc__ico{display:none}.service-campaign{margin:0;padding:0 var(--space,6vw) 60px;background:#111310}.service-campaign img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;background:#090909}@media(prefers-reduced-motion:reduce){.svc__art img{transition:none}.svc__card:hover .svc__art img{transform:none}}