@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter+Tight:wght@500;600;700&display=swap');

:root{
  --black:#050505;
  --ink:#11110f;
  --paper:#f4f0e8;
  --paper2:#ebe5da;
  --muted:#847d73;
  --line:rgba(17,17,15,.16);
  --line-dark:rgba(255,255,255,.16);
  --white:#ffffff;
  --accent:#7A202D;
  --accent-dark:#4D121B;
  --accent-soft:#b56d78;
  --serif:'Cormorant Garamond', Georgia, serif;
  --sans:'Inter Tight', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:500;letter-spacing:0;overflow-x:hidden}
a{color:inherit;text-decoration:none}
::selection{background:var(--accent);color:#fff}
.noise{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.08;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='250' height='250' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E")}
.wrap{width:min(1540px,calc(100vw - 48px));margin:0 auto}
.editorial-serif{font-family:var(--serif);font-weight:600;letter-spacing:0}

.topbar{position:fixed;top:0;left:0;right:0;z-index:80;height:66px;padding:0 24px;color:#fff;mix-blend-mode:exclusion;pointer-events:none;display:flex;align-items:center}
.nav{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;text-transform:uppercase;letter-spacing:-.01em;line-height:1}
.logo{pointer-events:auto;font-weight:700;font-size:22px;letter-spacing:-.04em;text-transform:none}.logo span{color:inherit;opacity:.72}
.navlinks{display:flex;gap:28px;pointer-events:auto}.navlinks a,.nav-cta{opacity:.86;transition:.25s}.navlinks a:hover,.nav-cta:hover{opacity:1}
.nav-cta{pointer-events:auto;border:1px solid rgba(255,255,255,.38);padding:9px 14px;border-radius:999px;line-height:1}
.stage-cursor{position:fixed;z-index:100;left:0;top:0;transform:translate(-50%,-50%);width:46px;height:46px;border:1.6px solid #fff;border-radius:999px;display:grid;place-items:center;color:#fff;mix-blend-mode:exclusion;pointer-events:none;font-size:12px;letter-spacing:-.01em;opacity:0;transition:opacity .2s}

.presence-stage{height:390vh;position:relative;background:#000;color:#fff}
.stage-fixed{position:sticky;top:0;height:100vh;overflow:hidden;background:#080808}
.stage-video{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 28% 32%,rgba(122,32,45,.34),transparent 32%),linear-gradient(135deg,#191919,#050505 62%,#151210);overflow:hidden}
.stage-video:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.58));z-index:2;pointer-events:none}
.stage-video:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 46%,rgba(0,0,0,.24));z-index:3;pointer-events:none}
.hero-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;filter:saturate(.88) contrast(1.04);z-index:1;background:#050505}
.hero-video-fallback{position:absolute;inset:0;z-index:0;background:linear-gradient(120deg,#111,#050505)}
.stage-hero-content{position:relative;z-index:5;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding:108px 0 48px}
.eyebrow,.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.74)}
.eyebrow strong{color:#fff}
.display{margin:0;font-size:clamp(76px,13.2vw,254px);line-height:.84;letter-spacing:-.026em;text-transform:uppercase;max-width:1420px;text-wrap:balance}
.hero-short{max-width:1220px;text-shadow:0 20px 70px rgba(0,0,0,.55);margin-top:12px}
.hero-bottom{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.62fr);gap:72px;align-items:start;border-top:1px solid rgba(255,255,255,.22);padding-top:28px}
.lead{font-size:clamp(32px,5.1vw,82px);line-height:1.04;margin:0;text-wrap:balance;color:#fff}
.body{font-size:clamp(18px,1.7vw,27px);line-height:1.24;margin:0;color:rgba(255,255,255,.72);letter-spacing:-.012em}.body.small{font-size:20px;color:var(--muted)}
.scroll-hint{position:absolute;right:26px;bottom:24px;z-index:8;color:#fff;mix-blend-mode:exclusion;font-size:12px;text-transform:uppercase;letter-spacing:.12em;writing-mode:vertical-rl}

.archive-panel{position:absolute;left:0;right:0;bottom:0;height:100vh;background:#050505;color:#fff;z-index:10;transform:translateY(100vh);overflow:hidden;border-top:1px solid var(--line-dark)}
.archive-inner{height:100%;overflow:hidden;will-change:transform}
.archive-wrap{width:min(1540px,calc(100vw - 48px));margin:0 auto;padding:9vh 0 24vh}
.archive-intro{display:grid;grid-template-columns:1.18fr .72fr;gap:72px;align-items:end;margin-bottom:54px}
.archive-intro h2{font-size:clamp(44px,7.4vw,118px);line-height:.92;letter-spacing:-.026em;margin:0;text-transform:uppercase}.archive-intro p{font-size:19px;line-height:1.22;color:rgba(255,255,255,.7);margin:0}.archive-serif-note{font-family:var(--serif)!important;font-size:44px!important;line-height:1!important;letter-spacing:0!important;color:#f2e9df!important;margin-top:18px!important}
.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:stretch}
.archive-card{position:relative;min-height:430px;aspect-ratio:2/3;background:#111;border:1px solid var(--line-dark);overflow:hidden;color:#fff;transform:scale(.01);will-change:transform;display:flex;align-items:flex-end}
.archive-card:before{content:'';position:absolute;inset:14px;border:1px solid rgba(255,255,255,.12);z-index:2;pointer-events:none}.archive-card .visual{position:absolute;inset:0;background:radial-gradient(circle at 26% 16%,rgba(122,32,45,.5),transparent 33%),linear-gradient(160deg,#2a2a2a,#080808 65%)}.archive-card .visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.82))}.archive-card .content,.copy-content{position:relative;z-index:3;padding:22px}.archive-card h3{margin:0 0 12px;font-size:clamp(30px,3.5vw,58px);line-height:.96;letter-spacing:-.018em;text-transform:uppercase}.archive-card p{font-size:16px;line-height:1.25;color:rgba(255,255,255,.78);margin:0}.tag,.num{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--accent-soft);margin-bottom:14px}.open{position:absolute;right:18px;top:18px;z-index:4;font-size:11px;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 10px;color:#fff;background:rgba(255,255,255,.04)}.is-copy{background:#0d0d0d}.is-copy:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(122,32,45,.28),transparent 42%);pointer-events:none}.is-wide{grid-column:span 2;aspect-ratio:4/3}.serif-head{font-family:var(--serif);font-weight:600;letter-spacing:0;text-transform:none!important;font-size:clamp(36px,4vw,68px)!important;line-height:1.06!important}.archive-outro{display:grid;grid-template-columns:1.1fr .85fr;gap:72px;align-items:end;margin-top:110px}.archive-outro h2{font-size:clamp(42px,6vw,96px);line-height:.92;letter-spacing:-.024em;margin:0;text-transform:uppercase}.archive-outro p{font-size:18px;line-height:1.25;color:rgba(255,255,255,.72);margin:0 0 20px}.archive-links{display:flex;flex-wrap:wrap;gap:12px}.archive-links a{border:1px solid rgba(255,255,255,.18);padding:12px 16px;border-radius:999px;text-transform:uppercase;font-size:12px;color:#fff}

.marquee{background:var(--accent);color:#fff;white-space:nowrap;overflow:hidden;font-size:clamp(28px,4vw,64px);line-height:1;padding:18px 0;text-transform:uppercase;letter-spacing:-.018em}.marquee span{display:inline-block;animation:marquee 20s linear infinite;padding-right:16px}@keyframes marquee{to{transform:translateX(-100%)}}
.section{padding:128px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.grid-2>div:nth-child(2){padding-top:30px}.grid-2.align-copy-top>div:nth-child(2){padding-top:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.h2{font-size:clamp(54px,8vw,144px);line-height:.92;letter-spacing:-.026em;margin:0;text-transform:uppercase}.section .kicker{color:var(--accent);margin-bottom:14px}.section .body{color:var(--ink)}.section-quote,.method-quote,.case-serif{font-size:clamp(34px,4vw,66px);line-height:1.02;color:var(--ink);margin:34px 0 0!important;max-width:100%;overflow-wrap:break-word}.compact{padding-top:0}.card,.line-card,.step,.offer-card,.case-card{border:1px solid var(--line);background:rgba(255,255,255,.25)}.card{min-height:340px;padding:22px;display:grid;grid-template-rows:auto 1fr;gap:88px}.card>div:last-child{display:grid;grid-template-rows:minmax(92px,auto) auto;align-content:start}.card h3{font-size:34px;line-height:1.04;letter-spacing:-.014em;margin:0;text-transform:uppercase}.card p{font-size:16px;line-height:1.28;color:#54504b;margin:0}.dark-on-paper{background:#111;color:#fff}.dark-on-paper .h2,.dark-on-paper .body{color:#fff}.dark-on-paper .line-card,.dark-on-paper .offer-card{border-color:var(--line-dark);background:rgba(255,255,255,.025)}.line-card{padding:22px 0;border-width:1px 0 0}.line-card h4{font-size:36px;line-height:1.02;letter-spacing:-.014em;margin:0 0 10px;text-transform:uppercase}.line-card p{font-size:18px;line-height:1.28;color:rgba(255,255,255,.68);margin:0}.method{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:34px;align-items:stretch}.step{padding:20px;min-height:310px;display:grid;grid-template-rows:auto minmax(124px,auto) auto;gap:18px;align-content:start}.step b{color:var(--accent);font-size:12px;letter-spacing:.1em}.step h3{font-size:42px;line-height:1.02;letter-spacing:-.016em;margin:0;text-transform:uppercase}.step p{font-size:15px;line-height:1.28;color:#5b564f;margin:0}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-card{display:flex;flex-direction:column;min-height:620px;transition:.28s}.case-card:hover{transform:translateY(-4px)}.case-media{height:360px;background:radial-gradient(circle at 32% 25%,rgba(122,32,45,.32),transparent 34%),linear-gradient(135deg,#1d1d1d,#060606);border-bottom:1px solid var(--line);position:relative}.case-media:before{content:'PHOTO / VIDEO PLACEHOLDER';position:absolute;left:18px;bottom:18px;color:rgba(255,255,255,.72);font-size:11px;letter-spacing:.12em}.case-content{padding:22px;display:flex;flex:1;flex-direction:column;justify-content:space-between}.case-content h3{font-size:42px;line-height:1.02;letter-spacing:-.016em;margin:0 0 12px;text-transform:uppercase;min-height:86px}.case-content p{font-size:16px;line-height:1.28;color:#5c554d;margin:0}.case-link{font-size:12px;text-transform:uppercase;color:var(--accent);letter-spacing:.06em;margin-top:28px}.offer{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.offer-card{padding:22px;min-height:370px;display:grid;grid-template-rows:minmax(112px,auto) 1fr;align-content:start}.offer-card h3{font-size:34px;line-height:1.02;letter-spacing:-.016em;margin:0;text-transform:uppercase}.clean{list-style:none;margin:0;padding:0;display:grid;gap:12px}.clean li{font-size:16px;line-height:1.2;color:rgba(255,255,255,.72);border-top:1px solid var(--line-dark);padding-top:10px}.cta{padding:140px 0}.button-row{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}.btn{border:1px solid var(--line);border-radius:999px;padding:15px 20px;text-transform:uppercase;font-size:12px;letter-spacing:.09em}.btn.signal{background:var(--accent);border-color:var(--accent);color:#fff}.footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:24px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#676057}

.case-page{background:var(--paper);color:var(--ink)}.case-header{position:sticky;top:0;z-index:50;background:rgba(244,240,232,.9);backdrop-filter:blur(12px);padding:22px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.case-header nav{display:flex;gap:20px;text-transform:uppercase;font-size:12px;letter-spacing:.07em}.case-hero{min-height:62vh;padding:96px 24px 32px;display:grid;grid-template-columns:1.2fr .7fr;gap:72px;align-items:end}.case-kicker{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px}.case-hero h1{font-size:clamp(76px,12vw,190px);line-height:.88;letter-spacing:-.026em;text-transform:uppercase;margin:0}.case-hero p{font-size:22px;line-height:1.18;color:#47413c;margin:0 0 22px}.home-link{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:13px 16px;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.case-layout{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;padding:24px}.case-block{background:rgba(255,255,255,.34);border:1px solid var(--line);padding:22px;min-height:260px}.case-block.dark{background:#111;color:#fff}.case-block.media{padding:0;position:relative;overflow:hidden;min-height:420px}.placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#d9d2c7,#f8f5ee 42%,#e9e2d7 42%,#d8d1c6)}.dark .placeholder,.darkph .placeholder{background:linear-gradient(135deg,#171717,#303030 42%,#0d0d0d 42%,#242424)}.placeholder:after{content:'PLACEHOLDER / PHOTO OR VIDEO';position:absolute;left:18px;bottom:18px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:rgba(0,0,0,.55)}.dark .placeholder:after,.darkph .placeholder:after{color:rgba(255,255,255,.62)}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.case-block h2{font-size:clamp(42px,5vw,82px);line-height:.96;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 18px}.case-block h3{font-size:34px;line-height:1.02;letter-spacing:-.016em;text-transform:uppercase;margin:0 0 16px}.case-block p,.case-block li{font-size:17px;line-height:1.28;color:#514a43}.case-block.dark p,.case-block.dark li{color:rgba(255,255,255,.73)}.case-block ul{margin:0;padding-left:18px;display:grid;gap:11px}.statline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.statline div{border-top:1px solid var(--line);padding-top:12px}.statline b{display:block;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.statline span{display:block;font-size:28px;line-height:1;letter-spacing:-.025em;text-transform:uppercase}.case-quote{font-family:var(--serif);font-size:clamp(38px,4vw,72px)!important;line-height:1.06!important;letter-spacing:0!important;color:var(--ink)!important}.case-block.dark .case-quote{color:#fff!important}

@media (max-width:1100px){.grid-2>div:nth-child(2){padding-top:0}.navlinks{display:none}.presence-stage{height:240vh}.stage-hero-content{padding-top:92px}.hero-bottom,.archive-intro,.archive-outro,.grid-2,.case-hero{grid-template-columns:1fr;gap:30px}.archive-grid,.grid-3,.case-grid,.offer{grid-template-columns:1fr 1fr}.method{grid-template-columns:1fr 1fr}.is-wide{grid-column:auto}.display{font-size:clamp(68px,18vw,170px)}.lead{font-size:clamp(36px,9vw,72px)}}
@media (max-width:700px){.wrap,.archive-wrap{width:calc(100vw - 32px)}.topbar{padding:16px}.nav-cta{display:none}.logo{font-size:20px}.presence-stage{height:230vh}.stage-hero-content{padding:86px 0 32px}.display{font-size:clamp(58px,20vw,102px);line-height:.9}.hero-bottom{gap:22px;padding-top:18px}.body{font-size:17px}.lead{font-size:36px}.archive-panel{height:100vh}.archive-wrap{padding-top:72px}.archive-grid,.grid-3,.case-grid,.offer,.method,.statline{grid-template-columns:1fr}.archive-card{min-height:360px}.section{padding:84px 0}.h2{font-size:clamp(48px,17vw,84px)}.card,.step,.offer-card{min-height:auto}.case-card{min-height:auto}.case-media{height:280px}.footer{flex-direction:column}.case-hero{padding:80px 16px 24px}.case-layout{grid-template-columns:1fr;padding:16px}.span-12,.span-8,.span-7,.span-6,.span-5,.span-4{grid-column:span 1}.case-hero h1{font-size:clamp(62px,19vw,108px);line-height:.92}}
@media (hover:none){.stage-cursor{display:none}}


/* Final alignment pass */
.hero-statement{padding:120px 0 136px;border-top:1px solid rgba(255,255,255,.14)}
.hero-statement .lead{max-width:980px}
.hero-statement .body{color:rgba(255,255,255,.72);max-width:760px}

.section .grid-2 .body:first-child,
.section .grid-2 .body.small:first-child{margin-top:0}

.case-grid{align-items:stretch}
.case-card{overflow:hidden}
.offer{align-items:stretch}
.grid-3{align-items:stretch}
.line-card:first-child{padding-top:0}

h1,h2,h3,h4,p{overflow-wrap:break-word}
.serif-head,.editorial-serif{font-kerning:normal;text-rendering:optimizeLegibility}


/* Mini-Read page */
.mini-read-page{background:var(--paper);color:var(--ink)}
.mini-topbar{background:rgba(5,5,5,.9);border-bottom:1px solid rgba(255,255,255,.13)}
.mini-hero{min-height:100vh;background:#050505;color:#fff;display:flex;align-items:flex-end;padding:128px 0 54px;border-bottom:1px solid rgba(255,255,255,.14)}
.mini-hero-grid{display:grid;grid-template-columns:1.05fr .8fr;gap:72px;align-items:end}
.mini-title{font-size:clamp(76px,13vw,210px);line-height:.86;letter-spacing:-.02em;max-width:1100px}
.mini-hero-copy{display:grid;gap:32px;align-content:end}
.mini-hero-copy .body{color:rgba(255,255,255,.72);max-width:760px}
.mini-hero-copy .section-quote{color:#fff;margin-top:0!important}
.mini-read-intro .grid-2>div:nth-child(2){padding-top:0}
.mini-points .line-card:first-child{border-top:0;padding-top:0}
.mini-fit-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:start}
.fit-list{border-top:1px solid var(--line)}
.fit-list div{display:grid;grid-template-columns:64px 1fr;gap:22px;align-items:start;border-bottom:1px solid var(--line);padding:22px 0}
.fit-list span{font-size:12px;color:var(--accent);letter-spacing:.12em}
.fit-list strong{font-size:clamp(26px,3vw,48px);line-height:1;letter-spacing:-.014em;text-transform:uppercase}
.mini-not-for .lead{font-size:clamp(46px,6vw,98px);line-height:1.02;margin:0;color:#fff}
.mini-form-head{display:grid;grid-template-columns:1.05fr .8fr;gap:72px;align-items:end;margin-bottom:42px}
.mini-form-head .body{max-width:720px;color:#4f4943}
.mini-form{border-top:1px solid var(--line);padding-top:22px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mini-form label{display:grid;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:700}
.mini-form input,.mini-form textarea,.mini-form select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.38);color:var(--ink);font-family:var(--sans);font-size:20px;line-height:1.2;padding:18px 16px;outline:none;border-radius:0}
.mini-form input:focus,.mini-form textarea:focus,.mini-form select:focus{border-color:var(--accent);background:#fff}
.mini-form textarea{min-height:170px;resize:vertical}
.mini-form .full{margin-top:18px}
.hidden-field{display:none}
.form-bottom{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;align-items:center}
.mini-form .btn{font-family:var(--sans);cursor:pointer}
@media (max-width:1100px){.mini-hero-grid,.mini-fit-grid,.mini-form-head{grid-template-columns:1fr;gap:32px}.mini-hero{padding-top:112px}.form-grid{grid-template-columns:1fr}}
@media (max-width:700px){.mini-hero{min-height:88vh;padding:110px 0 42px}.mini-title{font-size:clamp(60px,18vw,108px);line-height:.9}.fit-list div{grid-template-columns:44px 1fr}.mini-form input,.mini-form textarea,.mini-form select{font-size:17px;padding:15px 13px}.mini-not-for .lead{font-size:38px}.form-bottom .btn{width:100%;text-align:center}}


/* Requested homepage corrections */
.hero-statement{padding:126px 0 140px;border-top:1px solid rgba(255,255,255,.14)}
.hero-statement-stack{display:flex;flex-direction:column;align-items:flex-start;gap:34px}
.hero-statement-lead{max-width:1360px!important;width:100%;font-size:clamp(52px,6.2vw,112px);line-height:1.02!important}
.hero-statement-copy{max-width:850px!important;margin-left:0!important;color:rgba(255,255,255,.72)!important}
.case-intro-copy{display:flex;flex-direction:column;gap:28px;align-items:flex-start;padding-top:0!important}
.case-intro-copy .body.small{max-width:820px;font-family:var(--sans)!important;font-size:clamp(18px,1.6vw,26px);line-height:1.24;color:var(--ink);letter-spacing:-.012em}
#offer .offer-card:nth-child(2) h3{max-width:90%}
.archive-card{transform:scale(1);opacity:1}
.archive-card .content,.archive-card .copy-content{padding-bottom:24px}

@media (max-width:1100px){
  .presence-stage{height:340vh}
  .hero-statement-lead{font-size:clamp(44px,8.8vw,86px)}
}
@media (max-width:700px){
  .topbar{height:58px;padding:0 16px}
  .presence-stage{height:300vh}
  .archive-wrap{padding-top:72px}
  .hero-statement{padding:82px 0 92px}
  .hero-statement-stack{gap:24px}
}


/* Refinement pass: 2026-07-09 */
.hero-statement-lead br{display:block}
.archive-serif-note{display:none!important}
.archive-intro{align-items:start}
.archive-intro h2{max-width:1120px}
.archive-grid{overflow:visible!important;align-items:stretch!important}
.archive-card{transform:none!important;opacity:1!important;min-height:420px!important;max-height:none!important;clip-path:none!important;overflow:hidden!important;will-change:auto!important}
.archive-inner{overflow:visible!important}
.archive-panel{overflow:hidden!important}
.studio-copy-stack{display:flex;flex-direction:column;gap:28px;padding-top:0!important;align-items:flex-start}
.studio-copy-stack .studio-copy{font-family:var(--sans)!important;font-size:clamp(21px,1.75vw,30px)!important;line-height:1.18!important;font-weight:600!important;color:var(--ink)!important;letter-spacing:-.012em!important;max-width:860px!important;margin:0!important}
.section-quote{display:none!important}
#studio .grid-2>div:nth-child(2){padding-top:0!important}
#studio .grid-2{align-items:start!important}
@media (max-width:1100px){
  .archive-card{min-height:360px!important}
  .studio-copy-stack .studio-copy{font-size:22px!important;line-height:1.22!important}
}
@media (max-width:700px){
  .archive-card{min-height:340px!important}
  .studio-copy-stack{gap:18px}
}

/* ===== Thread-based homepage / What we actually do ===== */
.presence-hero{
  position:relative;
  min-height:100vh;
  background:#050505;
  color:#fff;
  overflow:hidden;
}
.presence-hero .stage-video{position:absolute;inset:0}
.presence-hero .stage-hero-content{min-height:100vh}
.studio-section{padding-bottom:108px}

.what-we-do-section{
  position:relative;
  background:var(--paper);
  color:var(--ink);
  padding:132px 0 158px;
  border-top:1px solid var(--line);
  overflow:hidden;
}
.what-intro{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.7fr);
  gap:72px;
  align-items:start;
  margin-bottom:96px;
}
.what-intro .kicker{color:var(--accent);margin-bottom:14px}
.what-intro .h2{font-size:clamp(54px,7.4vw,126px);max-width:1120px}
.what-intro-copy{
  color:var(--ink)!important;
  font-size:clamp(20px,1.65vw,29px)!important;
  line-height:1.2!important;
  padding-top:4px;
  max-width:780px;
}
.thread-stage{
  position:relative;
  min-height:7700px;
  padding:80px 0 180px;
}
.thread-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  overflow:visible;
  pointer-events:none;
}
#thread-path{
  stroke-dasharray:1;
  stroke-dashoffset:1;
}
.chapter-label{
  position:absolute;
  z-index:2;
  font-size:12px;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--accent);
  font-weight:700;
}
.chapter-1{top:52px;left:0}
.chapter-2{top:1660px;right:0}
.chapter-3{top:3430px;left:0}
.chapter-4{top:5740px;right:0}

.thread-card{
  position:absolute;
  z-index:2;
  width:min(580px,42vw);
  min-height:360px;
  padding:28px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.42);
  backdrop-filter:blur(8px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  box-shadow:0 28px 70px rgba(19,15,12,.045);
}
.thread-card.thread-wide{width:min(720px,50vw)}
.thread-left{left:0}
.thread-right{right:0}
.thread-card .step-index{
  color:var(--accent);
  font-size:12px;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:700;
  margin-bottom:34px;
}
.thread-card h3{
  margin:0 0 18px;
  font-size:clamp(34px,3.5vw,62px);
  line-height:.95;
  letter-spacing:-.024em;
  text-transform:uppercase;
  max-width:95%;
}
.thread-card p{
  margin:0;
  font-size:clamp(18px,1.45vw,24px);
  line-height:1.24;
  color:#4c4741;
  max-width:92%;
}
.step-meta{
  margin-top:auto;
  padding-top:28px;
  font-size:12px;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--muted);
}
.thread-card:before{
  content:'';
  position:absolute;
  top:30px;
  width:12px;
  height:12px;
  background:var(--accent);
  border-radius:50%;
  box-shadow:0 0 0 8px var(--paper);
}
.thread-left:before{right:-35px}
.thread-right:before{left:-35px}

.step-01{top:140px}
.step-02{top:620px}
.step-03{top:1050px}
.step-04{top:1710px}
.step-05{top:2250px}

.production-break{
  position:absolute;
  z-index:2;
  top:2830px;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  max-width:none;
  background:#0d0d0d;
  color:#fff;
  padding:96px max(24px,calc((100vw - 1540px)/2));
  border-top:1px solid var(--line-dark);
  border-bottom:1px solid var(--line-dark);
}
.production-break .kicker{color:var(--accent-soft);margin-bottom:20px}
.production-break-line{
  margin:0;
  font-size:clamp(54px,7vw,122px);
  line-height:.9;
  letter-spacing:-.028em;
  text-transform:uppercase;
  max-width:1450px;
}
.production-break-copy{
  margin:34px 0 0 auto;
  max-width:820px;
  font-size:clamp(19px,1.7vw,28px);
  line-height:1.24;
  color:rgba(255,255,255,.72);
}

.step-06{top:3510px}
.step-07{top:3950px}
.step-08{top:4380px}
.step-09{top:4930px}
.step-10{top:5350px}
.step-11{top:5860px}
.step-12{top:6430px}
.step-13{top:6920px}

.thread-accent{
  background:var(--accent);
  color:#fff;
  border-color:rgba(255,255,255,.18);
}
.thread-accent .step-index{color:#f7dfe2}
.thread-accent p,.thread-accent .step-meta{color:rgba(255,255,255,.78)}
.thread-accent:before{background:#fff;box-shadow:0 0 0 8px var(--paper)}

.same-day-card .proof-line{
  display:grid;
  grid-template-columns:auto auto auto auto;
  gap:12px 22px;
  align-items:end;
  width:100%;
  border-top:1px solid var(--line);
  margin-top:auto;
  padding-top:28px;
}
.proof-line span{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--accent);
}
.proof-line strong{
  font-size:clamp(30px,3vw,52px);
  line-height:.9;
  letter-spacing:-.03em;
}
.thread-outro{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  border-top:1px solid var(--line);
  padding-top:28px;
}
.thread-outro p{
  margin:0;
  font-size:clamp(24px,3vw,54px);
  line-height:1;
  letter-spacing:-.02em;
  text-transform:uppercase;
  color:var(--ink);
}
.case-tags{
  font-size:11px;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--accent);
  margin-bottom:12px;
}
.offer-three{grid-template-columns:repeat(3,1fr)!important}
.mini-read-entry{
  margin-top:34px;
  border-top:1px solid var(--line-dark);
  padding-top:34px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:72px;
  align-items:start;
}
.mini-read-entry h3{
  margin:0;
  font-size:clamp(46px,5vw,86px);
  line-height:.95;
  letter-spacing:-.024em;
  text-transform:uppercase;
}
.mini-read-entry p{
  margin:0 0 24px;
  max-width:760px;
  font-size:clamp(18px,1.6vw,27px);
  line-height:1.25;
  color:rgba(255,255,255,.72);
}
.cases-heading .h2{font-size:clamp(54px,7.6vw,132px)}

@media (max-width:1100px){
  .what-intro{grid-template-columns:1fr;gap:32px}
  .thread-stage{min-height:auto;padding:60px 0 80px;display:grid;gap:22px}
  .thread-svg,.chapter-label{display:none}
  .thread-card,.thread-card.thread-wide,.production-break,.thread-outro{
    position:relative;
    inset:auto;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    width:100%;
    min-height:auto;
    transform:none;
  }
  .thread-card:before{display:none}
  .production-break{width:100%;padding:62px 24px;margin:18px 0}
  .thread-outro{padding-top:24px;margin-top:24px}
  .offer-three{grid-template-columns:1fr!important}
  .mini-read-entry{grid-template-columns:1fr;gap:26px}
}
@media (max-width:700px){
  .what-we-do-section{padding:86px 0 96px}
  .what-intro{margin-bottom:42px}
  .thread-card{padding:22px}
  .thread-card h3{font-size:38px}
  .thread-card p{font-size:18px}
  .production-break{padding:48px 16px}
  .production-break-line{font-size:46px}
  .proof-line{grid-template-columns:1fr 1fr!important}
}


/* ===== Precision alignment + continuous thread pass ===== */
/* The faint base line is always visible; the stronger line draws over it on scroll. */
.thread-path-base{
  opacity:.24;
  pointer-events:none;
}
#thread-path{
  opacity:1;
  filter:drop-shadow(0 0 5px rgba(122,32,45,.16));
}

/* All two-column editorial sections align right-side copy with the actual headline,
   never with the small kicker above it. */
.grid-2.align-copy-top{
  align-items:start!important;
}
.grid-2.align-copy-top>div:nth-child(2){
  padding-top:29px!important;
}
#studio .grid-2>div:nth-child(2),
.studio-copy-stack{
  padding-top:29px!important;
}
.what-intro-copy{
  padding-top:29px!important;
}
.case-intro-copy{
  padding-top:29px!important;
}
.mini-read-entry>div:nth-child(2){
  padding-top:29px!important;
}

@media (max-width:1100px){
  .grid-2.align-copy-top>div:nth-child(2),
  #studio .grid-2>div:nth-child(2),
  .studio-copy-stack,
  .what-intro-copy,
  .case-intro-copy,
  .mini-read-entry>div:nth-child(2){
    padding-top:0!important;
  }
}


/* ===== Launch pass: legal/footer, selected work and Agatino Romero case ===== */
.site-footer{align-items:center;flex-wrap:wrap}
.footer-email{color:inherit}
.footer-legal{display:flex;gap:18px;flex-wrap:wrap}
.footer-legal a{opacity:.72;transition:opacity .2s ease}.footer-legal a:hover{opacity:1}
.case-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-media-image{background:#111}.case-media-image:before{display:none}
.case-media-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 34%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.case-card:hover .case-media-image img{transform:scale(1.025)}
.thread-card{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease}
.thread-card:hover{transform:scale(1.012);box-shadow:0 34px 80px rgba(19,15,12,.085);border-color:rgba(122,32,45,.28)}
.thread-card.thread-accent:hover{border-color:rgba(255,255,255,.34)}

/* Legal pages */
.legal-page{background:var(--paper);color:var(--ink)}
.legal-topbar{background:rgba(244,240,232,.94);color:var(--ink);mix-blend-mode:normal;border-bottom:1px solid var(--line)}
.legal-topbar .nav-cta{border-color:var(--line);color:var(--ink)}
.legal-hero{padding:130px 0 70px;border-bottom:1px solid var(--line)}
.legal-hero-grid{display:grid;grid-template-columns:1.15fr .75fr;gap:72px;align-items:end}
.legal-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.legal-hero h1{margin:0;font-size:clamp(74px,11vw,180px);line-height:.86;letter-spacing:-.026em;text-transform:uppercase}
.legal-meta{margin:0;font-size:clamp(18px,1.7vw,28px);line-height:1.22;color:#59534c}
.legal-content{padding:72px 0 120px}
.legal-list{border-top:1px solid var(--line)}
.legal-section-item{display:grid;grid-template-columns:90px 1fr;gap:32px;padding:28px 0;border-bottom:1px solid var(--line)}
.legal-number{font-size:12px;letter-spacing:.12em;color:var(--accent)}
.legal-copy h2{margin:0 0 14px;font-size:clamp(28px,3vw,48px);line-height:1;text-transform:uppercase;letter-spacing:-.02em}
.legal-copy p,.legal-copy li{font-size:18px;line-height:1.45;color:#4f4943;max-width:1000px}
.legal-copy a{text-decoration:underline;text-underline-offset:3px}

/* Agatino Romero case */
.agatino-case{background:var(--paper);color:var(--ink)}
.agatino-case-header{position:fixed;top:0;left:0;right:0;background:rgba(5,5,5,.38);color:#fff;border-color:rgba(255,255,255,.16);backdrop-filter:blur(12px);z-index:60}
.agatino-hero{position:relative;min-height:100svh;background:#050505;color:#fff;overflow:hidden}
.agatino-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:saturate(.9) contrast(1.02)}
.agatino-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.12) 38%,rgba(0,0,0,.82) 100%),linear-gradient(90deg,rgba(0,0,0,.28),transparent 55%)}
.agatino-hero-content{position:absolute;z-index:2;left:24px;right:24px;bottom:34px}
.agatino-hero-content h1{margin:0;font-size:clamp(78px,13.2vw,240px);line-height:.79;letter-spacing:-.034em;text-transform:uppercase;max-width:1300px}
.agatino-hero-content p{margin:24px 0 0;font-size:clamp(22px,2.2vw,38px);line-height:1.08;max-width:760px;color:rgba(255,255,255,.88)}
.agatino-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:16px}
.agatino-kicker.light{color:#efb6bf}
.agatino-scope-strip{background:var(--accent);color:#fff;overflow:hidden;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.agatino-scope-inner{display:flex;gap:0;white-space:nowrap;min-width:max-content}
.agatino-scope-inner span{padding:18px 22px;border-right:1px solid rgba(255,255,255,.18);text-transform:uppercase;font-size:12px;letter-spacing:.1em}
.agatino-section{padding:128px 0}
.agatino-section.paper{background:var(--paper);color:var(--ink)}
.agatino-section.dark{background:#111;color:#fff}
.agatino-split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr);grid-template-rows:auto auto;column-gap:84px;align-items:start}
.agatino-split .agatino-kicker{grid-column:1;grid-row:1}
.agatino-split .agatino-title{grid-column:1;grid-row:2}
.agatino-split .agatino-copy{grid-column:2;grid-row:2;padding-top:2px}
.agatino-title{margin:0;font-size:clamp(58px,7.6vw,132px);line-height:.9;letter-spacing:-.03em;text-transform:uppercase;max-width:1080px}
.agatino-copy{display:grid;gap:24px}
.agatino-copy p{margin:0;font-size:clamp(20px,1.8vw,30px);line-height:1.2;letter-spacing:-.012em;color:#514a43;max-width:790px}
.agatino-section.dark .agatino-copy p{color:rgba(255,255,255,.72)}
.agatino-section-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr);gap:84px;align-items:start;margin-bottom:46px}
.agatino-section-head>div .agatino-title{max-width:1080px}
.agatino-head-copy{margin:29px 0 0;font-size:clamp(20px,1.8vw,30px);line-height:1.2;letter-spacing:-.012em;color:#514a43;max-width:790px}
.agatino-split-stack{grid-template-columns:1fr;grid-template-rows:auto auto auto;max-width:1500px}
.agatino-split-stack .agatino-kicker{grid-column:1;grid-row:1}
.agatino-split-stack .agatino-title{grid-column:1;grid-row:2}
.agatino-split-stack .agatino-copy{grid-column:1;grid-row:3;padding-top:0;max-width:920px}
.agatino-title-wide{font-size:clamp(54px,6.8vw,112px);line-height:.88;max-width:1500px}
.agatino-copy-left p{max-width:920px}
.agatino-build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.agatino-build-card{border:1px solid var(--line);background:rgba(255,255,255,.28);padding:22px;min-height:390px;display:grid;grid-template-rows:auto minmax(126px,auto) 1fr;gap:20px;transition:transform .22s ease,border-color .22s ease}
.agatino-build-card:hover{transform:translateY(-4px);border-color:rgba(122,32,45,.3)}
.agatino-build-card .num,.agatino-format-grid .num{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}
.agatino-build-card h3,.agatino-format-grid h3{margin:0;font-size:clamp(30px,3vw,50px);line-height:.98;letter-spacing:-.024em;text-transform:uppercase}
.agatino-build-card p,.agatino-format-grid p{margin:0;font-size:17px;line-height:1.3;color:#5b544d}
.agatino-live-image-section{position:relative;min-height:95svh;background:#050505;color:#fff;overflow:hidden}
.agatino-live-image-section>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.001)}
.agatino-live-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.38) 45%,rgba(0,0,0,.82) 100%)}
.agatino-live-copy{position:absolute;z-index:2;left:50%;transform:translateX(-50%);bottom:42px}
.agatino-live-copy h2{margin:0;font-size:clamp(58px,7.8vw,134px);line-height:.88;letter-spacing:-.03em;text-transform:uppercase;max-width:1250px}
.agatino-live-copy p{margin:26px 0 0 auto;max-width:760px;font-size:clamp(20px,1.8vw,29px);line-height:1.2;color:rgba(255,255,255,.8)}
.agatino-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.agatino-format-grid article{border:1px solid var(--line);background:rgba(255,255,255,.24);padding:22px;min-height:320px;display:grid;grid-template-rows:auto minmax(110px,auto) 1fr;gap:18px}
.agatino-production-proof{background:var(--accent);color:#fff;padding:120px 0}
.agatino-production-grid{display:grid;grid-template-columns:1fr 1fr;gap:84px;align-items:start}
.agatino-production-grid h2{margin:0;font-size:clamp(72px,10vw,170px);line-height:.84;letter-spacing:-.034em;text-transform:uppercase}
.agatino-production-lead{margin:28px 0 30px;font-size:clamp(24px,2.3vw,40px);line-height:1.12;max-width:800px}
.agatino-production-list{display:flex;flex-wrap:wrap;gap:10px}
.agatino-production-list span{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:10px 13px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.agatino-current-section .btn{margin-top:10px;width:max-content}

@media (max-width:1100px){
  .case-grid-two{grid-template-columns:1fr}
  .legal-hero-grid,.agatino-split,.agatino-section-head,.agatino-production-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:30px}
  .agatino-split .agatino-kicker,.agatino-split .agatino-title,.agatino-split .agatino-copy{grid-column:1;grid-row:auto}
  .agatino-copy{padding-top:0!important}
  .agatino-section-head{margin-bottom:32px}
  .agatino-head-copy{margin-top:0}
  .agatino-build-grid,.agatino-format-grid{grid-template-columns:repeat(2,1fr)}
  .agatino-section{padding:96px 0}
}
@media (max-width:700px){
  .agatino-case-header{padding:16px}.agatino-case-header nav{gap:12px}
  .agatino-hero{min-height:88svh}
  .agatino-hero-content{left:16px;right:16px;bottom:24px}
  .agatino-hero-content h1{font-size:clamp(62px,22vw,110px);line-height:.83}
  .agatino-hero-content p{font-size:20px;line-height:1.12}
  .agatino-section{padding:78px 0}
  .agatino-title{font-size:clamp(48px,15vw,82px);line-height:.92}
.agatino-title-wide{font-size:clamp(44px,12vw,70px);line-height:.92}
  .agatino-copy p,.agatino-head-copy{font-size:18px;line-height:1.25}
  .agatino-build-grid,.agatino-format-grid{grid-template-columns:1fr}
  .agatino-build-card,.agatino-format-grid article{min-height:auto}
  .agatino-live-image-section{min-height:82svh}
  .agatino-live-copy{bottom:24px}
  .agatino-live-copy h2{font-size:clamp(46px,15vw,86px)}
  .agatino-production-proof{padding:78px 0}
  .legal-hero{padding:104px 0 54px}.legal-hero-grid{gap:24px}
  .legal-section-item{grid-template-columns:42px 1fr;gap:16px}
}

/* Kilian case: pending state — preserves original card layout and dimensions */
.case-card-pending{cursor:default}
.case-card-pending:hover{transform:none}
.case-media-kilian-pending:before{display:none}
.case-kilian-pending-copy{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:#fff;background:linear-gradient(180deg,rgba(5,5,5,.02),rgba(5,5,5,.34))}
.case-kilian-pending-copy span{font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.12em;color:#b65b68;font-weight:700;margin-bottom:14px}
.case-kilian-pending-copy strong{font-size:clamp(34px,3.2vw,58px);line-height:.92;letter-spacing:-.018em;text-transform:uppercase;font-weight:700;max-width:92%}
@media (max-width:700px){.case-kilian-pending-copy{padding:18px}.case-kilian-pending-copy strong{font-size:clamp(30px,10vw,46px)}}


/* WORK PAGE — visual wall only */
.work-page{background:var(--paper);color:var(--ink)}
.work-page .noise{pointer-events:none}
.work-topbar .navlinks a.active{color:var(--accent)}
.work-hero{padding-top:150px;padding-bottom:54px}
.work-hero h1{margin:0;font-size:clamp(112px,20vw,360px);line-height:.76;letter-spacing:-.045em;text-transform:uppercase}
.work-wall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:18px;row-gap:34px;padding-bottom:120px;align-items:start}
.work-item{margin:0;overflow:hidden;background:#101010;position:relative;min-width:0}
.work-item img,.work-item video{display:block;width:100%;height:100%;object-fit:cover}
.work-item img{transition:transform .55s cubic-bezier(.2,.75,.2,1)}
.work-item:hover img{transform:scale(1.012)}
.work-video video{background:#0b0b0b}
.work-full{grid-column:1 / -1}
.work-left-narrow{grid-column:1 / span 4}
.work-left-mid{grid-column:1 / span 5}
.work-left-wide{grid-column:1 / span 8}
.work-center-narrow{grid-column:5 / span 4}
.work-center-mid{grid-column:4 / span 6}
.work-center-wide{grid-column:3 / span 8}
.work-right-narrow{grid-column:9 / span 4}
.work-right-mid{grid-column:8 / span 5}
.work-right-wide{grid-column:5 / -1}
.work-tall{aspect-ratio:2/3}
.work-portrait{aspect-ratio:4/5}
.work-landscape{aspect-ratio:16/9}
.work-medium{aspect-ratio:3/2}
.work-wide{aspect-ratio:2.05/1}
.work-item:nth-child(4n+2){margin-top:3.5vw}
.work-item:nth-child(7n+3){margin-top:1.8vw}
.work-item:nth-child(11n+5){margin-bottom:2.4vw}
@media(max-width:900px){
  .work-hero{padding-top:118px;padding-bottom:34px}
  .work-hero h1{font-size:clamp(90px,28vw,190px)}
  .work-wall{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding-bottom:76px}
  .work-full{grid-column:1/-1}
  .work-left-narrow,.work-left-mid,.work-left-wide{grid-column:1/span 4}
  .work-center-narrow,.work-center-mid,.work-center-wide{grid-column:2/span 4}
  .work-right-narrow,.work-right-mid,.work-right-wide{grid-column:3/-1}
  .work-item:nth-child(4n+2),.work-item:nth-child(7n+3),.work-item:nth-child(11n+5){margin-top:0;margin-bottom:0}
}
@media(max-width:560px){
  .work-hero{padding-top:104px;padding-bottom:24px}
  .work-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .work-full,.work-left-narrow,.work-left-mid,.work-left-wide,.work-center-narrow,.work-center-mid,.work-center-wide,.work-right-narrow,.work-right-mid,.work-right-wide{grid-column:1/-1}
  .work-item:nth-child(3n+1){grid-column:1/span 1}
  .work-item:nth-child(5n+2){grid-column:2/span 1}
  .work-item.work-wide,.work-item.work-landscape,.work-item.work-video{grid-column:1/-1}
}


/* ==========================================================================\n   FINAL MOBILE PASS — 2026-07-11\n   Desktop remains untouched. These rules only apply below 1100px / 700px.\n   ========================================================================== */
.mobile-menu-toggle{display:none;position:relative;width:42px;height:42px;border:1px solid rgba(17,17,15,.22);border-radius:999px;background:rgba(244,240,232,.92);color:var(--ink);padding:0;cursor:pointer;pointer-events:auto;z-index:102;align-items:center;justify-content:center;flex:0 0 42px}
.mobile-menu-toggle span{position:absolute;left:12px;width:16px;height:1.5px;background:currentColor;transition:transform .25s ease,top .25s ease}
.mobile-menu-toggle span:first-child{top:16px}.mobile-menu-toggle span:last-child{top:23px}
.mobile-menu-toggle[aria-expanded="true"] span:first-child{top:20px;transform:rotate(45deg)}
.mobile-menu-toggle[aria-expanded="true"] span:last-child{top:20px;transform:rotate(-45deg)}
.mobile-menu-panel{display:none}
body.mobile-nav-open{overflow:hidden}

@media(max-width:1100px){
  .topbar{height:64px;padding:0 16px;mix-blend-mode:normal;background:rgba(244,240,232,.93);color:var(--ink);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
  .topbar .nav{display:flex;align-items:center;justify-content:space-between;width:100%}
  .topbar .navlinks,.topbar .nav-cta{display:none!important}
  .topbar .mobile-menu-toggle{display:flex}
  .mobile-menu-panel{position:fixed;inset:0;z-index:110;background:var(--paper);color:var(--ink);padding:104px 18px 28px;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}
  .mobile-menu-panel.is-open{opacity:1;visibility:visible;pointer-events:auto}
  .mobile-menu-links{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
  .mobile-menu-links a{display:flex;align-items:center;min-height:66px;border-bottom:1px solid var(--line);font-size:clamp(34px,10vw,58px);line-height:.94;letter-spacing:-.025em;text-transform:uppercase}
  .mobile-menu-links .mobile-menu-cta{color:var(--accent);font-size:18px;letter-spacing:.02em;min-height:58px}

  .case-header{height:64px;padding:0 16px;position:fixed;left:0;right:0;top:0;z-index:120}
  .case-header .case-desktop-nav{display:none}
  .case-header .mobile-menu-toggle{display:flex}
  .agatino-case-header{background:rgba(5,5,5,.72);color:#fff}
  .agatino-case-header .mobile-menu-toggle{background:rgba(10,10,10,.5);border-color:rgba(255,255,255,.28);color:#fff}
  .agatino-case-header .mobile-menu-panel{background:var(--paper);color:var(--ink)}

  .what-intro{gap:26px}
  .what-intro-copy{max-width:850px}
  .thread-stage{gap:14px;padding-top:36px}
  .thread-card{border-radius:0}
  .production-break{margin:8px 0}
  .case-grid-two{grid-template-columns:1fr}
  .site-footer{align-items:flex-start}
}

@media(max-width:700px){
  .wrap,.archive-wrap{width:calc(100vw - 32px)}
  .logo{font-size:21px}
  .mobile-menu-panel{padding:94px 16px 24px}
  .mobile-menu-links a{min-height:62px;font-size:clamp(32px,11vw,46px)}
  .mobile-menu-links .mobile-menu-cta{font-size:16px;min-height:54px}

  /* Homepage hero */
  .presence-hero,.presence-hero .stage-hero-content{min-height:100svh}
  .presence-hero .stage-hero-content{padding:92px 0 28px;justify-content:flex-start}
  .presence-hero .hero-bg-video{object-position:center center;opacity:.86}
  .presence-hero .stage-video:before{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.58))}
  .eyebrow{font-size:10px;line-height:1.35;letter-spacing:.09em;max-width:92%}
  .display.hero-short{font-size:clamp(56px,18vw,76px);line-height:.9;letter-spacing:-.026em;margin-top:10px;max-width:100%}
  .scroll-hint{right:14px;bottom:18px;font-size:10px}

  /* Homepage editorial sections */
  .section{padding:72px 0}
  .hero-statement{padding:72px 0 78px}
  .hero-statement-stack{gap:22px}
  .hero-statement-lead{font-size:clamp(38px,11.5vw,54px)!important;line-height:1!important}
  .hero-statement-copy{font-size:18px!important;line-height:1.28!important}
  .marquee{font-size:30px;padding:14px 0}
  .studio-section{padding-bottom:72px}
  .h2,.cases-heading .h2{font-size:clamp(44px,13.2vw,62px);line-height:.94;letter-spacing:-.024em}
  .studio-copy-stack{gap:16px}
  .studio-copy-stack .studio-copy{font-size:18px!important;line-height:1.28!important;font-weight:600!important}

  /* Process / red thread becomes a compact editorial stack */
  .what-we-do-section{padding:72px 0 82px}
  .what-intro{margin-bottom:30px;gap:22px}
  .what-intro .h2{font-size:clamp(42px,12.5vw,58px);line-height:.94}
  .what-intro-copy{font-size:18px!important;line-height:1.28!important;padding-top:0!important}
  .thread-stage{display:grid;gap:10px;padding:20px 0 54px}
  .thread-card{padding:18px;min-height:auto;background:rgba(255,255,255,.5);box-shadow:none}
  .thread-card .step-index{font-size:10px;margin-bottom:20px}
  .thread-card h3{font-size:clamp(29px,8.8vw,38px);line-height:.98;margin-bottom:14px;max-width:100%}
  .thread-card p{font-size:16px;line-height:1.32;max-width:100%}
  .step-meta{padding-top:20px;font-size:10px;line-height:1.45}
  .production-break{padding:42px 16px;margin:8px 0}
  .production-break-line{font-size:clamp(40px,12vw,54px);line-height:.92}
  .production-break-copy{font-size:17px;line-height:1.32;margin-top:22px}
  .same-day-card .proof-line{gap:10px 14px;padding-top:20px}
  .proof-line strong{font-size:30px}
  .thread-outro{margin-top:14px;padding-top:18px}
  .thread-outro p{font-size:24px;line-height:1.04}

  /* Core fit */
  .line-card{padding:18px 0}
  .line-card h4{font-size:30px;margin-bottom:8px}
  .line-card p{font-size:16px;line-height:1.32}

  /* Cases */
  #cases{padding-top:72px;padding-bottom:72px}
  .cases-heading{margin-bottom:22px!important}
  .case-grid{gap:12px}
  .case-card{min-height:auto}
  .case-media{height:auto;aspect-ratio:4/3}
  .case-content{padding:18px}
  .case-content h3{font-size:36px;min-height:auto;margin-bottom:10px}
  .case-content p{font-size:16px;line-height:1.32}
  .case-tags{font-size:10px;line-height:1.35}
  .case-link{margin-top:22px}
  .case-kilian-pending-copy{padding:18px}
  .case-kilian-pending-copy strong{font-size:clamp(32px,10vw,44px);max-width:100%}

  /* Offer + CTA */
  #offer{padding:72px 0}
  #offer .h2{margin-bottom:24px!important}
  .offer-three{gap:10px}
  .offer-card{padding:18px;min-height:auto;grid-template-rows:auto 1fr;gap:22px}
  .offer-card h3{font-size:32px}
  .clean{gap:9px}
  .clean li{font-size:15px;line-height:1.3}
  .mini-read-entry{margin-top:28px;padding-top:28px;gap:20px}
  .mini-read-entry h3{font-size:clamp(40px,12vw,54px)}
  .mini-read-entry p{font-size:17px;line-height:1.32;margin-bottom:20px}
  .cta{padding:84px 0}
  .button-row{display:grid;grid-template-columns:1fr;gap:10px;margin-top:28px}
  .button-row .btn{text-align:center;width:100%}

  /* Footer */
  .footer{padding:22px 16px;gap:14px;align-items:flex-start!important}
  .site-footer{display:flex;flex-direction:column}
  .footer-legal{gap:12px}

  /* Work page */
  .work-hero{padding-top:96px;padding-bottom:24px}
  .work-hero h1{font-size:clamp(88px,29vw,128px);line-height:.8}
  .work-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;grid-auto-flow:dense;padding-bottom:72px}
  .work-item{margin:0!important}
  .work-full,.work-left-narrow,.work-left-mid,.work-left-wide,.work-center-narrow,.work-center-mid,.work-center-wide,.work-right-narrow,.work-right-mid,.work-right-wide{grid-column:1/-1}
  .work-item:nth-child(3n+1):not(.work-video):not(.work-wide):not(.work-landscape):not(.work-medium){grid-column:1/span 1}
  .work-item:nth-child(5n+2):not(.work-video):not(.work-wide):not(.work-landscape):not(.work-medium){grid-column:2/span 1}
  .work-item.work-wide,.work-item.work-landscape,.work-item.work-video,.work-item.work-medium{grid-column:1/-1}

  /* Agatino case */
  .agatino-hero{min-height:100svh}
  .agatino-hero-image{object-position:center 32%}
  .agatino-hero-content{left:16px;right:16px;bottom:24px}
  .agatino-hero-content h1{font-size:clamp(66px,20.5vw,86px);line-height:.84;max-width:100%}
  .agatino-hero-content p{font-size:19px;line-height:1.18;margin-top:18px;max-width:92%}
  .agatino-hero-content .case-kicker{font-size:10px;line-height:1.4}
  .agatino-scope-inner span{padding:14px 16px;font-size:10px}
  .agatino-section{padding:68px 0}
  .agatino-title,.agatino-title-wide{font-size:clamp(42px,12.2vw,56px);line-height:.94;letter-spacing:-.026em;max-width:100%}
  .agatino-copy{gap:18px}
  .agatino-copy p,.agatino-head-copy{font-size:17px;line-height:1.32}
  .agatino-live-image-section{min-height:86svh}
  .agatino-live-image-section>img{object-position:center center}
  .agatino-live-copy{bottom:22px}
  .agatino-live-copy h2{font-size:clamp(40px,11.5vw,52px);line-height:.94;max-width:100%}
  .agatino-live-copy p{font-size:16px;line-height:1.32;margin-top:18px;max-width:100%}
  .agatino-production-proof{padding:68px 0}
  .agatino-production-grid{gap:24px}
  .agatino-production-grid h2{font-size:clamp(54px,17vw,72px);line-height:.86}
  .agatino-production-lead{font-size:21px;line-height:1.2;margin:0 0 22px}
  .agatino-production-list{gap:7px}
  .agatino-production-list span{padding:8px 10px;font-size:9px}
  .agatino-current-section .btn{width:100%;text-align:center}

  /* Legal */
  .legal-hero{padding:96px 0 44px}
  .legal-hero-grid{gap:18px}
  .legal-hero h1{font-size:clamp(46px,13vw,64px);line-height:.92;overflow-wrap:anywhere}
  .legal-meta{font-size:17px;line-height:1.3}
  .legal-content{padding:44px 0 78px}
  .legal-section-item{grid-template-columns:1fr;gap:8px;padding:22px 0}
  .legal-number{font-size:10px}
  .legal-copy h2{font-size:28px;margin-bottom:12px}
  .legal-copy p,.legal-copy li{font-size:16px;line-height:1.48}
  .legal-copy ul{padding-left:20px}
}

@media(max-width:380px){
  .display.hero-short{font-size:52px}
  .h2,.cases-heading .h2{font-size:43px}
  .what-intro .h2{font-size:41px}
  .thread-card h3{font-size:29px}
  .agatino-hero-content h1{font-size:64px}
  .agatino-title,.agatino-title-wide{font-size:40px}
}


/* ========================================================================== 
   MOBILE CLEAN PASS V9 — compact dropdown + cleaner homepage hero
   Desktop remains untouched. 
   ========================================================================== */
@media(max-width:1100px){
  /* Compact, opaque dropdown instead of a full-screen oversized menu */
  .mobile-menu-panel{
    position:fixed;
    top:72px;
    left:12px;
    right:12px;
    bottom:auto;
    inset:auto 12px auto 12px;
    z-index:130;
    display:block;
    padding:8px 14px 12px;
    background:rgba(244,240,232,.985);
    color:var(--ink);
    border:1px solid rgba(17,17,15,.14);
    box-shadow:0 18px 60px rgba(0,0,0,.16);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
    max-height:calc(100svh - 86px);
    overflow:auto;
    overscroll-behavior:contain;
  }
  .mobile-menu-panel.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }
  .mobile-menu-links{
    display:flex;
    flex-direction:column;
    gap:0;
    border-top:0;
  }
  .mobile-menu-links a{
    display:flex;
    align-items:center;
    min-height:48px;
    padding:0 2px;
    border-bottom:1px solid var(--line);
    font-size:20px;
    line-height:1;
    letter-spacing:-.015em;
    text-transform:uppercase;
  }
  .mobile-menu-links a:last-child{border-bottom:0}
  .mobile-menu-links .mobile-menu-cta{
    min-height:52px;
    margin-top:4px;
    color:var(--accent);
    font-size:15px;
    letter-spacing:.02em;
  }

  /* Homepage header floats cleanly over the hero, then becomes solid on scroll */
  .home-page .topbar{
    background:transparent;
    color:#fff;
    border-bottom-color:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    transition:background .22s ease,color .22s ease,border-color .22s ease,backdrop-filter .22s ease;
  }
  .home-page .topbar.is-scrolled,
  .home-page.mobile-nav-open .topbar{
    background:rgba(244,240,232,.95);
    color:var(--ink);
    border-bottom-color:var(--line);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .home-page .topbar:not(.is-scrolled) .mobile-menu-toggle{
    background:rgba(5,5,5,.28);
    border-color:rgba(255,255,255,.34);
    color:#fff;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .home-page.mobile-nav-open .topbar .mobile-menu-toggle,
  .home-page .topbar.is-scrolled .mobile-menu-toggle{
    background:rgba(244,240,232,.96);
    border-color:rgba(17,17,15,.22);
    color:var(--ink);
  }
}

@media(max-width:700px){
  .mobile-menu-panel{
    top:66px;
    left:10px;
    right:10px;
    inset:auto 10px auto 10px;
    padding:6px 12px 10px;
    max-height:calc(100svh - 78px);
  }
  .mobile-menu-links a{
    min-height:46px;
    font-size:19px;
  }
  .mobile-menu-links .mobile-menu-cta{
    min-height:50px;
    font-size:14px;
  }

  /* Cleaner hero: less text pressure, stronger image, clear bottom composition */
  .presence-hero,
  .presence-hero .stage-hero-content{
    min-height:100svh;
  }
  .presence-hero .stage-hero-content{
    padding:86px 0 48px;
    justify-content:flex-end;
  }
  .presence-hero .hero-bg-video{
    object-position:center center;
    opacity:.94;
    filter:saturate(.92) contrast(1.03) brightness(.92);
  }
  .presence-hero .stage-video:before{
    background:linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.08) 38%,rgba(0,0,0,.74) 100%);
  }
  .presence-hero .stage-video:after{
    background:linear-gradient(90deg,rgba(0,0,0,.16),transparent 58%,rgba(0,0,0,.08));
  }
  .presence-hero .eyebrow{
    max-width:320px;
    margin-bottom:10px;
    font-size:9px;
    line-height:1.35;
    letter-spacing:.1em;
    color:rgba(255,255,255,.78);
  }
  .display.hero-short{
    margin-top:0;
    max-width:340px;
    font-size:clamp(54px,16.8vw,72px);
    line-height:.88;
    letter-spacing:-.028em;
    text-shadow:0 18px 50px rgba(0,0,0,.38);
    text-wrap:balance;
  }
  .scroll-hint{display:none}
}

/* ========================================================================== 
   MOBILE QA FIX V10 — robust dropdown + iOS hero autoplay fallback
   Desktop untouched.
   ========================================================================== */
@media (max-width:1100px){
  .topbar,
  .case-header{
    z-index:200!important;
  }

  .mobile-menu-toggle{
    z-index:202!important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-menu-panel{
    position:fixed!important;
    inset:64px 10px auto 10px!important;
    width:auto!important;
    height:auto!important;
    max-height:calc(100dvh - 76px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    z-index:201!important;
    display:block!important;
    padding:4px 12px 8px!important;
    margin:0!important;
    background:#f4f0e8!important;
    color:#11110f!important;
    border:1px solid rgba(17,17,15,.14)!important;
    box-shadow:0 14px 38px rgba(0,0,0,.14)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-4px);
    transition:opacity .12s ease, transform .12s ease, visibility 0s linear .12s!important;
  }

  .mobile-menu-panel.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
    transition:opacity .12s ease, transform .12s ease, visibility 0s linear 0s!important;
  }

  .mobile-menu-links{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    border:0!important;
  }

  .mobile-menu-links a{
    display:flex!important;
    align-items:center!important;
    min-height:46px!important;
    padding:0 2px!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid rgba(17,17,15,.14)!important;
    color:#11110f!important;
    font-size:19px!important;
    line-height:1!important;
    letter-spacing:-.015em!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-menu-links a:last-child{
    border-bottom:0!important;
  }

  .mobile-menu-links .mobile-menu-cta{
    min-height:50px!important;
    margin-top:2px!important;
    color:#7A202D!important;
    font-size:14px!important;
    letter-spacing:.02em!important;
  }

  body.mobile-nav-open{
    overflow:hidden;
  }
}

@media (max-width:700px){
  .mobile-menu-panel{
    inset:64px 10px auto 10px!important;
    max-height:calc(100dvh - 74px)!important;
  }
}

/* iOS Safari: never show native play UI on the decorative homepage hero video. */
.presence-hero .stage-video{
  background:#050505 url('../images/hero-poster.jpg') center center / cover no-repeat;
}
.presence-hero .hero-bg-video{
  pointer-events:none;
}
.presence-hero .hero-bg-video.autoplay-fallback-hidden{
  opacity:0!important;
  visibility:hidden!important;
}
.presence-hero video::-webkit-media-controls,
.presence-hero video::-webkit-media-controls-panel,
.presence-hero video::-webkit-media-controls-play-button,
.presence-hero video::-webkit-media-controls-start-playback-button{
  display:none!important;
  -webkit-appearance:none!important;
}

.form-privacy-note{margin:14px 0 0;font-size:12px;line-height:1.4;color:var(--muted)}.form-privacy-note a{text-decoration:underline;text-underline-offset:3px}