:root{
  --black:#050505;--black2:#0a0a0a;--ivory:#f2eee3;--paper:#e7e2d6;--cyan:#39d9ff;--white:#f8f5ee;--muted:#8f8b84;
  --line:rgba(255,255,255,.17);--line2:rgba(255,255,255,.09);--dline:rgba(0,0,0,.20);--pad:clamp(20px,3.35vw,60px);--nav:76px;
  --ease:cubic-bezier(.16,1,.3,1);--ease2:cubic-bezier(.76,0,.24,1)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.menu-open,body.lightbox-open{overflow:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}img,video{display:block;width:100%;height:100%;object-fit:cover}
::selection{background:var(--cyan);color:#000}
.mono,.eyebrow{font-family:"Arial Narrow",Arial,sans-serif;font-size:10px;line-height:1.2;letter-spacing:.13em;text-transform:uppercase}
.eyebrow{color:var(--cyan)}

/* loading / transition */
.site-loader{position:fixed;inset:0;background:var(--black);z-index:99999;display:grid;place-items:center;transition:transform .9s var(--ease2),visibility .9s}
.site-loader.is-done{transform:translateY(-102%);visibility:hidden}
.loader-inner{width:min(520px,75vw)}
.loader-word{font-size:clamp(70px,11vw,150px);line-height:.72;letter-spacing:-.09em;font-weight:400}
.loader-word::first-letter{letter-spacing:-.12em}
.loader-meta{color:#777;margin:18px 0 12px}
.loader-bar{height:1px;background:#292929;overflow:hidden}.loader-fill{display:block;width:0;height:100%;background:var(--cyan);animation:loaderBar 1.05s var(--ease) forwards}
@keyframes loaderBar{to{width:100%}}
.page-transition{position:fixed;inset:0;z-index:9000;background:var(--cyan);color:#000;transform:translateY(102%);transition:transform .62s var(--ease2);display:grid;place-items:center;pointer-events:none}
.page-transition.is-active{transform:translateY(0)}
.transition-mark{font-size:clamp(85px,14vw,220px);line-height:.7;letter-spacing:-.1em}
.scroll-progress{position:fixed;z-index:1700;right:0;top:0;width:2px;height:100vh;background:transparent;pointer-events:none}.scroll-progress-fill{display:block;width:100%;height:0;background:var(--cyan)}

/* cursor */
.cursor{display:none;position:fixed;left:0;top:0;z-index:10000;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;color:#fff}
.cursor-dot{display:block;width:10px;height:10px;border-radius:50%;background:#fff;transition:width .25s var(--ease),height .25s var(--ease),background .25s}
.cursor-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:8px "Arial Narrow",Arial,sans-serif;letter-spacing:.12em;opacity:0;color:#000;transition:opacity .18s;white-space:nowrap}
.cursor.is-label{mix-blend-mode:normal}.cursor.is-label .cursor-dot{width:68px;height:68px;background:var(--cyan)}.cursor.is-label .cursor-label{opacity:1}
@media(pointer:fine) and (min-width:900px){.cursor{display:block}body,a,button,[role=button]{cursor:none}}

/* nav */
.nav{position:fixed;z-index:2000;top:0;left:0;width:100%;height:var(--nav);padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid transparent;transition:background .45s,border-color .45s,transform .45s;background:linear-gradient(180deg,rgba(0,0,0,.46),transparent)}
.nav.scrolled{background:rgba(5,5,5,.88);backdrop-filter:blur(14px);border-color:var(--line)}
.brand{display:inline-flex;width:max-content;align-items:center;gap:4px}.brand img{width:80px;height:auto;object-fit:contain}.brand b{color:var(--cyan);font-size:18px}.nav-center{color:#aaa}.nav-links{display:flex;justify-content:flex-end;gap:28px;font:10px "Arial Narrow",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--cyan);transition:right .28s}.nav-links a:hover:after{right:0}.menu{display:none;background:none;border:0;padding:10px;color:#fff}.menu span{display:block;width:24px;height:1px;background:currentColor;margin:6px}

/* hero */
.hero{height:100svh;min-height:760px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--nav) + 42px) var(--pad) 42px;overflow:hidden;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-3;background:#111}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.18) 42%,rgba(0,0,0,.84) 92%)}
.hero-video{transform:scale(1.02);filter:saturate(.92) contrast(1.05)}
.gridfx{position:absolute;inset:0;z-index:-1;opacity:.20;background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);background-size:clamp(55px,5.5vw,90px) clamp(55px,5.5vw,90px);mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 58%)}
.hero-overline{position:absolute;top:calc(var(--nav) + 30px);left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;z-index:2}.hero-overline span:last-child{color:#bbb}
.hero-title{position:relative;z-index:2;font-size:clamp(72px,11.5vw,188px);font-weight:400;letter-spacing:-.09em;line-height:.72;text-transform:uppercase;margin:0;max-width:1540px;overflow:visible}.hero-title>span{display:block;transform:translateY(115%);opacity:.05;animation:heroLine .9s var(--ease) forwards}.hero-title>span:nth-child(2){animation-delay:.12s}.hero-title i{font-style:normal;color:var(--cyan)}
@keyframes heroLine{to{transform:translateY(0);opacity:1}}
.hero-bottom{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4vw;border-top:1px solid var(--line);padding-top:15px;margin-top:30px}.hero-bottom p{font-size:14px;line-height:1.45;max-width:520px;margin:0}.hero-stats{display:flex;justify-content:flex-end;gap:32px}.hero-stats strong{font-size:29px;font-weight:400;letter-spacing:-.04em;display:block}
.hero-reel-meta{position:absolute;z-index:2;right:var(--pad);top:50%;transform:translateY(-50%);display:flex;gap:18px;writing-mode:vertical-rl;color:rgba(255,255,255,.72)}
.scroll-hint{position:absolute;z-index:2;left:var(--pad);bottom:18px;color:#aaa;transform:translateY(38px)}

.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:54px;display:flex;align-items:center}.ticker-track{display:flex;width:max-content;animation:ticker 26s linear infinite}.ticker span{white-space:nowrap;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-right:32px}@keyframes ticker{to{transform:translateX(-50%)}}

/* intro */
.intro{background:var(--ivory);color:#000;padding:145px var(--pad);display:grid;grid-template-columns:.72fr 2fr;gap:6vw}.intro h2,.work-title,.expertise h2,.philosophy h2,.studio h2{font-weight:400;text-transform:uppercase;letter-spacing:-.075em;margin:0}.intro h2{font-size:clamp(50px,7.4vw,114px);line-height:.82}.intro-main{font-size:clamp(31px,4.25vw,66px);line-height:.98;letter-spacing:-.055em;margin:0 0 65px}.intro-main u{text-decoration-thickness:2px;text-underline-offset:8px;text-decoration-color:var(--cyan)}.intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:5vw;border-top:1px solid var(--dline);padding-top:22px}.intro-copy p{margin:0;font-size:14px;line-height:1.55}

/* manifesto */
.manifesto{height:220vh;background:#000;position:relative}.manifesto-sticky{height:100vh;position:sticky;top:0;overflow:hidden;display:flex;align-items:flex-end;padding:var(--pad)}.manifesto-media{position:absolute;inset:-6%;z-index:0}.manifesto-media img{filter:saturate(.78) contrast(1.08)}.manifesto-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.80) 0%,rgba(0,0,0,.52) 46%,rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.78),transparent 60%)}.manifesto-copy{position:relative;z-index:2;width:100%}.manifesto-kicker{margin:17px 0 28px;color:#bbb}.kinetic-title{margin:0;font-size:clamp(62px,9.4vw,152px);line-height:.73;letter-spacing:-.085em;font-weight:400;text-transform:uppercase;max-width:1430px}.kinetic-title span{display:block}.kinetic-title .accent{color:var(--cyan)}.manifesto-foot{margin-top:32px;border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;color:#aaa}

/* work */
.work{padding:140px var(--pad) 155px}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:6vw;align-items:end;margin-bottom:85px}.work-title{font-size:clamp(78px,11.2vw,176px);line-height:.7}.work-head-right{display:flex;justify-content:space-between;align-items:end;gap:20px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filter{border:1px solid #333;background:transparent;color:#bbb;border-radius:999px;padding:9px 13px;font:9px "Arial Narrow",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.filter.active,.filter:hover{background:var(--cyan);border-color:var(--cyan);color:#000}.count{color:#777;text-align:right;white-space:pre-line}
.work-browser{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr);gap:5vw;align-items:start;border-top:1px solid var(--line)}.work-list{min-width:0}.work-row{border-bottom:1px solid var(--line);overflow:hidden;transition:opacity .35s}.work-row.is-filtered{display:none}.work-row-link{min-height:104px;display:grid;grid-template-columns:52px minmax(0,1fr) 145px 42px;align-items:center;gap:18px;position:relative}.work-row-link:before{content:"";position:absolute;inset:0;background:var(--ivory);transform:scaleY(0);transform-origin:bottom;transition:transform .4s var(--ease);z-index:-1}.work-row:hover .work-row-link{color:#000;padding-left:10px;padding-right:10px}.work-row:hover .work-row-link:before{transform:scaleY(1)}.work-num{color:#727272}.work-row:hover .work-num{color:#000}.work-row-title{font-size:clamp(28px,3.25vw,53px);line-height:.85;letter-spacing:-.06em;text-transform:uppercase;transition:transform .35s var(--ease)}.work-row:hover .work-row-title{transform:translateX(5px)}.work-row-meta{text-align:right;color:#888}.work-row:hover .work-row-meta{color:#333}.work-row-arrow{font-size:25px;text-align:right;color:var(--cyan)}.work-row:hover .work-row-arrow{color:#000}.work-row-credit{color:#757575;padding:0 52px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px}.work-preview{position:sticky;top:calc(var(--nav) + 28px);padding-top:24px}.work-preview-frame{aspect-ratio:4/5;overflow:hidden;background:#101010;clip-path:inset(0 0 0 0)}.work-preview-frame img{transition:opacity .2s,transform .7s var(--ease);transform:scale(1.025)}.work-preview-frame.is-changing img{opacity:.15;transform:scale(1.08)}.work-preview-meta{margin-top:12px;color:#6f6f6f;display:flex;justify-content:space-between}.work-editorial{margin-top:110px;display:grid;grid-template-columns:1.35fr .65fr;gap:2vw}.editorial-card{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:#111}.editorial-card--wide{grid-row:span 2;aspect-ratio:auto;min-height:760px}.editorial-card img{transition:transform .9s var(--ease),filter .5s}.editorial-card:hover img{transform:scale(1.035);filter:saturate(1.12)}.editorial-card span{position:absolute;left:14px;bottom:14px;background:rgba(5,5,5,.88);padding:8px 10px}

/* philosophy */
.philosophy{background:var(--ivory);color:#000;padding:145px var(--pad)}.philosophy h2{font-size:clamp(72px,11.2vw,178px);line-height:.7}.philosophy h2 em{font-style:normal;color:var(--cyan);-webkit-text-stroke:1px #000}.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.3vw;margin-top:90px}.promise-card{position:relative}.promise-card figure{margin:10px 0 0;aspect-ratio:16/9;overflow:hidden}.promise-card figure img{transition:transform 1s var(--ease)}.promise-card:hover figure img{transform:scale(1.025)}.philosophy-copy{font-size:clamp(28px,3.3vw,52px);line-height:1;letter-spacing:-.05em;max-width:990px;margin:85px 0 0 auto}

/* expertise */
.expertise{padding:145px var(--pad)}.expertise-top{display:grid;grid-template-columns:1fr 2fr;gap:6vw;margin-bottom:80px}.expertise h2{font-size:clamp(66px,10.2vw,158px);line-height:.73}.exp-list{border-top:1px solid var(--line)}.exp-row{display:grid;grid-template-columns:70px 1.1fr 1fr;padding:28px 0;border-bottom:1px solid var(--line);gap:25px;transition:background .3s,color .3s,padding .3s}.exp-row:hover{background:var(--cyan);color:#000;padding-left:15px;padding-right:15px}.exp-row h3{margin:0;font-weight:400;text-transform:uppercase;font-size:clamp(30px,3.1vw,48px);letter-spacing:-.055em;line-height:.88}.exp-row p{margin:2px 0 0;color:#aaa;font-size:14px;line-height:1.45}.exp-row:hover p{color:#222}

/* studio/contact */
.studio{background:var(--paper);color:#000;padding:145px var(--pad);display:grid;grid-template-columns:1fr 2fr;gap:6vw}.studio h2{font-size:clamp(62px,9.2vw,144px);line-height:.72}.studio-body>p{font-size:clamp(30px,3.9vw,60px);letter-spacing:-.052em;line-height:.98;margin:0}.team{display:grid;grid-template-columns:1fr 1fr;gap:2vw;margin-top:80px}.person{border-top:1px solid var(--dline);padding-top:15px}.person h3{font-size:27px;text-transform:uppercase;font-weight:400;letter-spacing:-.045em;margin:10px 0 7px}.person p{font-size:13px;line-height:1.48;margin:0;color:#454545}
.contact{background:var(--cyan);color:#000;min-height:88svh;padding:105px var(--pad) 35px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.contact h2{font-weight:400;text-transform:uppercase;font-size:clamp(80px,13.5vw,212px);letter-spacing:-.09em;line-height:.67;margin:0;transition:transform .8s var(--ease)}.contact:hover h2{transform:translateX(1.2vw)}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid rgba(0,0,0,.35);padding-top:15px}.contact-bottom a{font-size:clamp(24px,3.1vw,48px);letter-spacing:-.052em}.footer{height:125px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between}.footer .brand img{width:75px}

/* reveal motion */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.in{opacity:1;transform:none}

/* CASE STUDY */
.case-hero{min-height:100svh;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--nav) + 45px) var(--pad) 38px;overflow:hidden;isolation:isolate}.case-bg{position:absolute;inset:-5%;z-index:-2}.case-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.18) 42%,rgba(0,0,0,.86) 94%)}.case-bg img{transform:scale(1.02)}.case-top{position:absolute;z-index:2;left:var(--pad);right:var(--pad);top:calc(var(--nav) + 28px);display:flex;justify-content:space-between}.case-hero h1{position:relative;z-index:2;font-size:clamp(69px,10.3vw,162px);line-height:.72;letter-spacing:-.082em;font-weight:400;text-transform:uppercase;margin:0;max-width:1540px}.case-foot{position:relative;z-index:2;border-top:1px solid var(--line);padding-top:14px;margin-top:30px;display:flex;justify-content:space-between}.case-foot span:last-child{text-align:right}.case-rail{position:absolute;right:12px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;color:#9b9b9b}
.credit-strip{background:var(--cyan);color:#000;padding:17px var(--pad);display:grid;grid-template-columns:150px 1fr;gap:2vw;align-items:start}.credit-strip-label{padding-top:5px}.credit-strip-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.credit-strip-item{border-left:1px solid rgba(0,0,0,.3);padding-left:12px}.credit-strip-item span{display:block;color:rgba(0,0,0,.62);margin-bottom:4px}.credit-strip-item strong{font-size:14px;font-weight:400;line-height:1.15;display:block}
.credits{background:var(--ivory);color:#000;padding:110px var(--pad) 120px}.credits-head{display:grid;grid-template-columns:1fr 2fr;gap:6vw;margin-bottom:62px}.credits-head h2{font-weight:400;text-transform:uppercase;font-size:clamp(50px,7.4vw,112px);line-height:.78;letter-spacing:-.07em;margin:0;white-space:pre-line}.credits-table{border-top:1px solid var(--dline)}.credit-row{display:grid;grid-template-columns:1fr 2fr;gap:4vw;border-bottom:1px solid var(--dline);padding:18px 0}.credit-row dt{color:#666}.credit-row dd{margin:0;font-size:clamp(22px,2.25vw,35px);letter-spacing:-.038em}
.story{padding:135px var(--pad);display:grid;grid-template-columns:1fr 2fr;gap:6vw}.story h2{font-weight:400;text-transform:uppercase;font-size:clamp(52px,7.2vw,112px);line-height:.79;letter-spacing:-.07em;margin:27px 0 0}.story-lede{font-size:clamp(30px,3.8vw,58px);line-height:.98;letter-spacing:-.052em;margin:0 0 58px}.story-body{display:grid;grid-template-columns:1fr 1fr;gap:3.5vw}.story-body p{font-size:15px;line-height:1.58;color:#bbb;margin:0}
.gallery{padding:0 var(--pad) 145px}.gallery-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:35px;color:#777}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2vw}.gallery-grid figure{margin:0;overflow:hidden;background:#111;min-height:300px;position:relative}.gallery-grid figure:after{content:"VIEW";position:absolute;right:12px;bottom:12px;background:var(--cyan);color:#000;padding:7px 9px;font:8px "Arial Narrow",Arial,sans-serif;letter-spacing:.12em;opacity:0;transform:translateY(5px);transition:.25s}.gallery-grid figure:hover:after{opacity:1;transform:none}.gallery-grid figure img{transition:transform .8s var(--ease),filter .5s}.gallery-grid figure:hover img{transform:scale(1.02);filter:saturate(1.08)}.gallery-grid figure:nth-child(4n+1){grid-column:span 7;aspect-ratio:16/10}.gallery-grid figure:nth-child(4n+2){grid-column:span 5;aspect-ratio:4/5}.gallery-grid figure:nth-child(4n+3){grid-column:span 5;aspect-ratio:4/3}.gallery-grid figure:nth-child(4n+4){grid-column:span 7;aspect-ratio:16/9}
.scope{background:var(--paper);color:#000;padding:120px var(--pad)}.scope-top{display:grid;grid-template-columns:1fr 2fr;gap:6vw;margin-bottom:62px}.scope h2{font-weight:400;text-transform:uppercase;font-size:clamp(57px,8.2vw,122px);line-height:.77;letter-spacing:-.075em;margin:0}.scope-list{border-top:1px solid var(--dline)}.scope-row{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid var(--dline);padding:17px 0;font-size:clamp(23px,2.5vw,38px);letter-spacing:-.04em}
.next{background:var(--cyan);color:#000;padding:75px var(--pad);display:grid;grid-template-columns:1fr 2fr;gap:5vw;align-items:end;position:relative;overflow:hidden;isolation:isolate;min-height:420px}.next-bg{position:absolute;inset:0;z-index:-2;opacity:0;transition:opacity .55s}.next-bg:after{content:"";position:absolute;inset:0;background:rgba(57,217,255,.78);mix-blend-mode:screen}.next-bg img{filter:grayscale(1) contrast(1.1)}.next:hover .next-bg{opacity:.33}.next a{font-size:clamp(52px,8.2vw,124px);line-height:.75;letter-spacing:-.075em;text-transform:uppercase}.next a span{display:block}.back{position:fixed;z-index:1800;right:var(--pad);bottom:20px;background:var(--ivory);color:#000;padding:10px 14px;border-radius:999px;font:9px "Arial Narrow",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 6px 24px rgba(0,0,0,.25)}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:8000;background:rgba(5,5,5,.97);display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}.lightbox.is-open{opacity:1;visibility:visible}.lightbox-stage{width:min(90vw,1500px);height:82vh}.lightbox-stage img{object-fit:contain}.lightbox-close{position:absolute;right:var(--pad);top:28px;background:var(--cyan);border:0;color:#000;padding:10px 13px}.lightbox-count{position:absolute;left:var(--pad);bottom:26px;color:#888}

@media(max-width:1000px){
  .work-browser{grid-template-columns:1fr}.work-preview{display:none}.work-editorial{grid-template-columns:1fr 1fr}.editorial-card--wide{grid-row:auto;grid-column:1/-1;min-height:620px;aspect-ratio:16/9}
  .credit-strip{grid-template-columns:1fr}.credit-strip-track{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:850px){
  :root{--nav:68px}.nav{grid-template-columns:1fr auto}.nav-center,.nav-links{display:none}.menu{display:block}.nav.open{height:100svh;align-items:start;padding-top:22px;background:#050505}.nav.open .nav-links{display:flex;position:absolute;left:var(--pad);top:125px;flex-direction:column;gap:24px}.nav.open .nav-links a{font-size:42px;letter-spacing:-.055em}.hero{min-height:760px}.hero-overline span:last-child,.hero-reel-meta{display:none}.hero-title{font-size:15vw}.hero-bottom{grid-template-columns:1fr;gap:24px}.hero-stats{justify-content:flex-start}.scroll-hint{display:none}
  .intro,.studio,.story{grid-template-columns:1fr;padding-top:95px;padding-bottom:95px}.intro-copy{grid-template-columns:1fr;gap:24px}.manifesto{height:155vh}.manifesto-sticky{padding-bottom:40px}.kinetic-title{font-size:13vw}.manifesto-foot{display:none}
  .section-head{grid-template-columns:1fr;gap:30px}.work-head-right{display:block}.count{display:none}.work-row-link{grid-template-columns:36px minmax(0,1fr) 30px;min-height:92px}.work-row-meta{display:none}.work-row-title{font-size:36px}.work-row-credit{padding-left:36px;white-space:normal;line-height:1.4}.work-editorial{display:block}.editorial-card,.editorial-card--wide{min-height:0;aspect-ratio:4/3;margin-bottom:12px}.promise-grid{grid-template-columns:1fr}.expertise-top,.credits-head,.scope-top{grid-template-columns:1fr;gap:30px}.exp-row{grid-template-columns:40px 1fr}.exp-row p{grid-column:2}.team{grid-template-columns:1fr}.contact{min-height:700px}.contact-bottom{display:block}.contact-bottom .mono{margin-top:25px;display:block}.case-hero{min-height:820px}.case-hero h1{font-size:14vw}.case-rail{display:none}.credit-strip-track{grid-template-columns:1fr}.credit-strip-item{border-left:0;border-top:1px solid rgba(0,0,0,.24);padding:9px 0 0}.credit-row{grid-template-columns:1fr;gap:8px}.story-body{grid-template-columns:1fr;gap:22px}.gallery{padding-left:0;padding-right:0}.gallery-head{padding-left:var(--pad);padding-right:var(--pad)}.gallery-grid{display:block}.gallery-grid figure{aspect-ratio:4/3!important;margin-bottom:10px}.scope-row{grid-template-columns:45px 1fr}.next{grid-template-columns:1fr;gap:20px;min-height:360px}.next a{font-size:13vw}.footer{height:100px}.lightbox-stage{width:94vw;height:76vh}
}
@media(max-width:540px){.hero-stats{gap:18px}.hero-stats strong{font-size:24px}.filters{gap:5px}.filter{padding:8px 10px}.work-row-title{font-size:31px}.manifesto-media{inset:-12%}.gallery-head{display:block}.gallery-head .mono{margin-top:8px}.case-top span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.hero-title>span{opacity:1;transform:none}.manifesto-media{transform:none!important}.page-transition,.site-loader{display:none!important}.hero-video{display:none}.hero-media{background:url('assets/projects/italian-supercup-2025-2026/01.webp') center/cover no-repeat}}


/* ============================================================
   V5 — publication layer
   ============================================================ */
.skip-link{position:fixed;left:14px;top:14px;z-index:12000;background:var(--cyan);color:#000;padding:10px 14px;transform:translateY(-180%);transition:transform .2s;font:11px "Arial Narrow",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.brand:focus-visible,.nav-links a:focus-visible{outline-offset:7px}
.contact-v4{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(45px,8vw,140px);align-items:start;padding-top:clamp(90px,12vw,180px);padding-bottom:clamp(70px,9vw,120px);min-height:auto}.contact-v5-intro h2{margin:.18em 0 .35em}.contact-v5-intro p{max-width:520px;font-size:clamp(18px,1.55vw,24px);line-height:1.42;color:#1c1c1a}.contact-form{border-top:1px solid rgba(0,0,0,.45);padding-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px}.contact-form label{display:flex;flex-direction:column;gap:9px}.contact-form label>span{font-size:10px;letter-spacing:.12em}.contact-form input,.contact-form select,.contact-form textarea{appearance:none;width:100%;border:0;border-bottom:1px solid rgba(0,0,0,.38);border-radius:0;background:transparent;color:#050505;padding:10px 0 13px;font:inherit;font-size:17px;outline:none;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-bottom-color:#050505}.contact-form input[aria-invalid="true"],.contact-form textarea[aria-invalid="true"]{border-bottom-color:#b00020}.form-wide{grid-column:1/-1}.form-actions{display:flex;align-items:center;gap:22px;margin-top:28px}.form-submit{border:1px solid #050505;background:#050505;color:var(--ivory);padding:15px 20px;font:11px "Arial Narrow",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}.form-submit:hover{background:var(--cyan);color:#000;border-color:var(--cyan)}.form-status{font-size:10px;line-height:1.4}.contact-v5-direct{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(0,0,0,.35);padding-top:28px;margin-top:10px}.contact-v5-direct>a{font-size:clamp(22px,2.3vw,38px);color:#000;letter-spacing:-.03em}.contact-v5-direct .mono{font-size:10px;text-align:right;line-height:1.6}
.footer-v5{height:auto;min-height:116px;padding-top:24px;padding-bottom:24px}.footer-meta{display:flex;align-items:center;gap:32px;font-size:9px}.footer-meta nav{display:flex;gap:15px}.footer-meta a{color:inherit;text-decoration:none}.footer-meta a:hover{text-decoration:underline}
.utility-page{background:#050505;color:var(--ivory)}.utility-page .footer{border-top:1px solid #292929}.utility-hero{padding:calc(var(--nav) + 100px) var(--pad) 120px;min-height:calc(100vh - 116px);display:grid;grid-template-columns:.55fr 1fr;column-gap:8vw;align-content:start}.utility-hero>.eyebrow{grid-column:1}.utility-hero>h1{grid-column:1/-1;margin:34px 0 80px;font-size:clamp(68px,12vw,180px);line-height:.78;letter-spacing:-.075em}.utility-copy{grid-column:2;max-width:840px}.utility-copy h2{font-size:clamp(24px,2.3vw,38px);margin:42px 0 12px;letter-spacing:-.04em}.utility-copy h2:first-child{margin-top:0}.utility-copy p{font-size:17px;line-height:1.62;color:#c7c5bd}.utility-copy a{color:var(--cyan)}.utility-note{margin-top:60px;font-size:9px;color:#777!important}.utility-cta{display:inline-block;margin-top:10px;font-size:clamp(30px,5vw,72px);letter-spacing:-.05em;text-decoration:none!important}
.credit-strip-label{white-space:nowrap}
@media(max-width:850px){.contact-v4{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}.contact-v5-direct{display:block}.contact-v5-direct .mono{display:block;text-align:left;margin-top:22px}.footer-v5{align-items:flex-start;gap:22px}.footer-meta{align-items:flex-start;flex-direction:column;gap:12px}.utility-hero{grid-template-columns:1fr;padding-top:calc(var(--nav) + 70px)}.utility-hero>.eyebrow,.utility-hero>h1,.utility-copy{grid-column:1}.utility-hero>h1{margin-bottom:55px}.utility-page .nav-links{display:flex;position:static;flex-direction:row}.utility-page .nav-center{display:none}}
@media(max-width:540px){.form-actions{display:block}.form-status{margin-top:14px}.utility-page .nav-links{display:none}}

/* ============================================================
   V5.1 — dedicated The Studio page
   ============================================================ */
body[data-page="studio"]{background:var(--black)}
body[data-page="studio"] .nav-links a[aria-current="page"]:after{right:0}
.studio-hero{height:100svh;min-height:760px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--nav) + 35px) var(--pad) 42px;isolation:isolate}
.studio-hero-media{position:absolute;inset:-4%;z-index:-3}.studio-hero-media img{filter:saturate(.7) contrast(1.08)}.studio-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.12) 36%,rgba(0,0,0,.84) 92%),linear-gradient(90deg,rgba(0,0,0,.42),transparent 58%)}
.studio-hero-top{position:absolute;top:calc(var(--nav) + 28px);left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;color:#d8d5cc}.studio-hero h1{margin:0;font-weight:400;text-transform:uppercase;font-size:clamp(100px,16.5vw,270px);line-height:.66;letter-spacing:-.095em}.studio-hero h1 span{display:block}.studio-hero h1 i{font-style:normal;color:var(--cyan)}.studio-hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:6vw;border-top:1px solid var(--line);padding-top:18px;margin-top:34px}.studio-hero-bottom p{max-width:590px;margin:0;font-size:clamp(18px,1.6vw,25px);line-height:1.28}.studio-hero-bottom .mono{text-align:right;color:#aaa}
.studio-opening{background:var(--ivory);color:#050505;padding:clamp(100px,12vw,190px) var(--pad);display:grid;grid-template-columns:.82fr 1.8fr;gap:7vw}.studio-opening h2,.studio-model h2,.studio-capabilities h2,.studio-geography h2,.studio-leadership h2,.studio-proof h2{margin:0;font-weight:400;text-transform:uppercase;letter-spacing:-.075em}.studio-opening h2{font-size:clamp(58px,7.8vw,125px);line-height:.78}.studio-opening-lede{font-size:clamp(34px,4.3vw,70px);line-height:.96;letter-spacing:-.055em;margin:0 0 65px}.studio-opening-lede u{text-decoration-thickness:2px;text-underline-offset:8px;text-decoration-color:var(--cyan)}.studio-opening-columns{display:grid;grid-template-columns:1fr 1fr;gap:5vw;border-top:1px solid var(--dline);padding-top:22px}.studio-opening-columns p{margin:0;font-size:15px;line-height:1.6}
.studio-statement{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:var(--pad);isolation:isolate}.studio-statement-media{position:absolute;inset:-5%;z-index:-2}.studio-statement-media img{filter:saturate(.78) contrast(1.1)}.studio-statement-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.22)),linear-gradient(0deg,rgba(0,0,0,.85),transparent 68%)}.studio-statement-copy{max-width:1250px}.studio-statement-copy h2{font-size:clamp(78px,11.5vw,185px);line-height:.69;letter-spacing:-.085em;font-weight:400;margin:16px 0 30px}.studio-statement-copy p{font-size:clamp(18px,1.7vw,26px);line-height:1.35;max-width:680px;color:#dad7cf}
.studio-model{padding:clamp(100px,12vw,180px) var(--pad);background:#050505}.studio-model-head{display:grid;grid-template-columns:.7fr 2fr;gap:6vw;align-items:start;margin-bottom:90px}.studio-model h2{font-size:clamp(62px,8.2vw,132px);line-height:.78}.studio-model-list{border-top:1px solid var(--line)}.studio-model-row{display:grid;grid-template-columns:150px minmax(320px,.95fr) 1fr;gap:4vw;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}.studio-model-row>.mono{color:var(--cyan);padding-top:8px}.studio-model-row h3{margin:0;font-size:clamp(30px,3vw,49px);line-height:.9;letter-spacing:-.05em;font-weight:400}.studio-model-row p{margin:0;color:#aaa;max-width:600px;font-size:15px;line-height:1.6}
.studio-capabilities{background:var(--paper);color:#050505;padding:clamp(100px,12vw,180px) var(--pad)}.studio-capabilities-head{display:grid;grid-template-columns:.7fr 2fr;gap:6vw;margin-bottom:85px}.studio-capabilities h2{font-size:clamp(62px,8.8vw,142px);line-height:.75}.studio-cap-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--dline);border-left:1px solid var(--dline)}.studio-cap{min-height:330px;padding:24px 20px;display:flex;flex-direction:column;border-right:1px solid var(--dline);border-bottom:1px solid var(--dline)}.studio-cap>.mono{color:#777}.studio-cap h3{font-weight:400;font-size:clamp(24px,2.1vw,34px);line-height:.95;letter-spacing:-.045em;margin:auto 0 22px}.studio-cap p{margin:0;font-size:13px;line-height:1.5;color:#3b3a36}
.studio-geography{display:grid;grid-template-columns:1fr 1fr;min-height:92svh;background:#090909}.studio-geography-media{min-height:720px}.studio-geography-media img{filter:saturate(.75) contrast(1.08)}.studio-geography-copy{padding:clamp(70px,8vw,135px) var(--pad);display:flex;flex-direction:column;justify-content:center}.studio-geography h2{font-size:clamp(58px,7vw,112px);line-height:.78;margin:22px 0 48px}.studio-geography-copy>p{max-width:620px;color:#bbb;font-size:17px;line-height:1.6}.studio-geography-meta{margin-top:auto;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8c8c8c}
.studio-leadership{padding:clamp(100px,12vw,180px) var(--pad);background:var(--ivory);color:#050505}.studio-leadership-head{display:grid;grid-template-columns:.7fr 2fr;gap:6vw;margin-bottom:80px}.studio-leadership h2{font-size:clamp(60px,8.4vw,136px);line-height:.76}.leadership-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--dline)}.leader{padding:30px 4vw 20px 0;min-height:520px;display:flex;flex-direction:column}.leader+ .leader{border-left:1px solid var(--dline);padding-left:4vw}.leader-index{color:#777}.leader h3{font-size:clamp(56px,7vw,112px);line-height:.76;letter-spacing:-.075em;font-weight:400;margin:auto 0 35px}.leader p{max-width:520px;font-size:16px;line-height:1.55;margin:0}
.studio-proof{display:grid;grid-template-columns:.85fr 1.15fr;min-height:82svh;background:#050505}.studio-proof-copy{padding:clamp(70px,8vw,130px) var(--pad);display:flex;flex-direction:column;justify-content:center}.studio-proof h2{font-size:clamp(62px,7.6vw,124px);line-height:.76;margin:20px 0 30px}.studio-proof-copy p{color:#aaa;font-size:18px}.studio-proof-link{position:relative;overflow:hidden;min-height:650px}.studio-proof-link:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 58%)}.studio-proof-link img{transition:transform 1.1s var(--ease),filter .7s;filter:saturate(.82)}.studio-proof-link:hover img{transform:scale(1.035);filter:saturate(1)}.studio-proof-link span{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;padding-top:14px;border-top:1px solid var(--line);color:#fff}
.studio-contact{background:var(--cyan);color:#050505;padding:clamp(80px,10vw,150px) var(--pad)}.studio-contact .eyebrow{color:#050505}.studio-contact>a{display:block;margin-top:35px;font-size:clamp(70px,12vw,190px);line-height:.72;letter-spacing:-.09em;text-transform:uppercase}.studio-contact>a span{display:block}.studio-contact>a i{font-style:normal;color:var(--ivory)}
@media(max-width:1000px){.studio-cap-grid{grid-template-columns:repeat(2,1fr)}.studio-cap:last-child{grid-column:1/-1;min-height:260px}.studio-model-row{grid-template-columns:110px 1fr}.studio-model-row p{grid-column:2}}
@media(max-width:850px){.studio-hero{min-height:760px}.studio-hero-top span:last-child{display:none}.studio-hero h1{font-size:22vw}.studio-hero-bottom{grid-template-columns:1fr}.studio-hero-bottom .mono{text-align:left}.studio-opening,.studio-model-head,.studio-capabilities-head,.studio-leadership-head{grid-template-columns:1fr}.studio-opening-columns{grid-template-columns:1fr}.studio-statement{min-height:780px}.studio-statement-copy h2{font-size:16vw}.studio-model-row{grid-template-columns:1fr;padding:26px 0;gap:12px}.studio-model-row p{grid-column:1}.studio-cap-grid{grid-template-columns:1fr}.studio-cap:last-child{grid-column:auto}.studio-cap{min-height:240px}.studio-geography,.studio-proof{grid-template-columns:1fr}.studio-geography-media{min-height:55svh}.studio-geography-copy{min-height:70svh}.studio-geography-meta{gap:15px;flex-wrap:wrap}.leadership-grid{grid-template-columns:1fr}.leader{min-height:430px}.leader+ .leader{border-left:0;border-top:1px solid var(--dline);padding-left:0}.studio-proof-link{min-height:62svh}.studio-contact>a{font-size:16vw}}
@media(max-width:540px){.studio-opening-lede{font-size:38px}.studio-model h2,.studio-capabilities h2,.studio-leadership h2{font-size:16vw}.studio-geography h2{font-size:15vw}.leader h3{font-size:17vw}}
.studio-page-link{display:inline-block;margin-top:34px;padding-bottom:7px;border-bottom:1px solid currentColor;color:var(--cyan);width:max-content}