@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap');
:root{--maire:#1E1E17;--gold:#E09C2F;--navy:#102246;--green:#093A24;--maroon:#5B1712;--cream:#F6E7D2;--ink:#191912;--line:rgba(246,231,210,.26);--darkline:rgba(30,30,23,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--maire);color:var(--cream);font-family:Poppins,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,textarea,select{font:inherit}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}.eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 20px}.wrap{width:min(91vw,1500px);margin:auto}.line-top{border-top:1px solid var(--line)}
.header{position:fixed;z-index:100;inset:0 0 auto;height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4.5vw;transition:.4s;background:rgba(30,30,23,.97);border-bottom:1px solid rgba(246,231,210,.14)}.header.scrolled{height:72px;background:rgba(30,30,23,.97);backdrop-filter:blur(14px);border-bottom:1px solid rgba(246,231,210,.14)}.header-logo{width:225px}.nav{display:flex;gap:34px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.nav a{opacity:.72;transition:.2s}.nav a:hover,.nav a.active{opacity:1}.header-cta{justify-self:end;font-family:Georgia,serif;font-style:italic;font-size:17px;border-bottom:1px solid var(--gold);padding-bottom:4px}
.hero{min-height:100vh;position:relative;display:grid;align-items:end;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,30,23,.97) 0%,rgba(30,30,23,.8) 44%,rgba(30,30,23,.18) 78%),url('assets/wrestler-hero.webp') 73% 36%/cover no-repeat;transform:scale(1.02)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--maire) 0%,transparent 29%)}.hero-inner{position:relative;z-index:2;width:min(91vw,1500px);margin:auto;padding:150px 0 9vh}.hero h1{font:700 clamp(64px,9.2vw,152px)/.82 Figtree,sans-serif;text-transform:uppercase;letter-spacing:-.065em;margin:0;max-width:1120px}.hero h1 .serif{display:block;text-transform:none;font-size:.9em;letter-spacing:-.055em}.hero-deck{max-width:600px;margin:32px 0 30px;color:rgba(246,231,210,.77);font-size:17px}.text-links{display:flex;gap:26px;flex-wrap:wrap}.text-links a{font-family:Georgia,serif;font-style:italic;border-bottom:1px solid rgba(246,231,210,.72);padding-bottom:4px}.hero-tag{position:absolute;right:4.5vw;bottom:8vh;z-index:3;writing-mode:vertical-rl;font-size:9px;letter-spacing:.24em;text-transform:uppercase;opacity:.56}
.intro-strip{padding:34px 0 84px}.intro-strip .wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;padding-top:28px}.intro-strip h2{font:500 clamp(28px,3.2vw,48px)/1.1 Figtree;margin:0;letter-spacing:-.035em}.intro-strip p{margin:0;color:rgba(246,231,210,.68);max-width:560px}
.section-label{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:14px;margin-bottom:28px;font-size:9px;letter-spacing:.19em;text-transform:uppercase;color:rgba(246,231,210,.64)}.work{padding:40px 0 120px}.project-hero{display:block;position:relative;overflow:hidden;background:#111}.project-hero img{aspect-ratio:2/1;object-fit:cover;transition:1.1s transform ease,.7s filter ease}.project-hero:hover img{transform:scale(1.012);filter:brightness(.78)}.project-title{position:absolute;inset:auto 0 0;padding:6vw 5vw 4.5vw;background:linear-gradient(to top,rgba(15,15,11,.9),transparent);display:flex;justify-content:space-between;align-items:end;gap:40px}.project-title h2{font:600 clamp(44px,6.7vw,104px)/.9 Figtree;margin:5px 0 0;letter-spacing:-.055em}.project-title p{font-size:10px;letter-spacing:.16em;text-transform:uppercase}.project-title .watch{font-family:Georgia,serif;font-style:italic;white-space:nowrap}.project-details{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:25px 0;border-bottom:1px solid var(--line);font-size:11px;color:rgba(246,231,210,.62)}.project-details strong{color:var(--cream);font-weight:500;display:block;margin-bottom:3px}
.statement{background:var(--cream);color:var(--ink);padding:135px 0 145px}.statement h2{font:700 clamp(58px,7.7vw,126px)/.86 Figtree;margin:0;text-transform:uppercase;letter-spacing:-.065em;max-width:1320px}.statement h2 .serif{display:block;text-transform:none}.statement-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px;width:min(780px,100%);margin:75px 0 0 auto}.statement-copy p{margin:0}.statement-copy p:first-child{font:italic 23px/1.45 Georgia,serif}
.services{background:var(--navy);padding:120px 0}.service-row{display:grid;grid-template-columns:70px 1.25fr 1fr;gap:34px;padding:31px 0;border-top:1px solid var(--line);align-items:center;transition:.3s}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row:hover{padding-left:10px}.service-row .num{font:italic 18px Georgia,serif;color:var(--gold)}.service-row h3{font:500 clamp(28px,3.2vw,50px)/1 Figtree;margin:0;letter-spacing:-.04em}.service-row p{margin:0;color:rgba(246,231,210,.65);max-width:520px}.badge{font:italic 14px Georgia,serif;color:var(--gold);margin-left:8px}.service-row.dim{opacity:.55}
.process{background:var(--cream);color:var(--ink);padding:125px 0 145px}.process-head{display:grid;grid-template-columns:1.35fr 1fr;gap:8vw;align-items:end}.process h2{font:700 clamp(54px,6vw,96px)/.9 Figtree;text-transform:uppercase;letter-spacing:-.06em;margin:0}.process-head p{max-width:520px;margin:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid var(--darkline);border-bottom:1px solid var(--darkline)}.process-card{padding:29px 24px 36px 0;border-right:1px solid var(--darkline)}.process-card+.process-card{padding-left:24px}.process-card:last-child{border-right:0}.process-card span{font:italic 16px Georgia,serif;color:var(--maroon)}.process-card h3{font:600 26px Figtree;margin:34px 0 12px}.process-card p{font-size:13px;opacity:.67}
.founder{display:grid;grid-template-columns:1.05fr .95fr;background:var(--maroon);min-height:760px}.founder-media img{height:100%;object-fit:cover}.founder-copy{padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center}.founder h2{font:650 clamp(50px,5.7vw,92px)/.9 Figtree;text-transform:uppercase;letter-spacing:-.055em;margin:0}.founder .role{font:italic 22px Georgia,serif;color:var(--gold);margin:17px 0 34px}.founder-copy>p:not(.role):not(.eyebrow){color:rgba(246,231,210,.78);max-width:620px}.quote{font:italic clamp(27px,2.8vw,44px)/1.22 Georgia,serif;border-top:1px solid var(--line);padding-top:28px;margin-top:65px;max-width:720px}.quote cite{display:block;font:500 10px Poppins;text-transform:uppercase;letter-spacing:.18em;margin-top:18px;color:rgba(246,231,210,.52)}
.archive{background:var(--maire);padding:125px 0}.archive h2{font:600 clamp(42px,5vw,74px)/1 Figtree;margin:0 0 50px;letter-spacing:-.045em}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.timeline figure{margin:0}.archive-image-link{display:block;overflow:hidden}.timeline img{aspect-ratio:1/1;object-fit:cover;filter:saturate(.82)}.timeline figcaption{padding:20px 0;border-bottom:1px solid var(--line)}.timeline .year{font:italic 16px Georgia,serif;color:var(--gold)}.timeline h3{font:500 25px Figtree;margin:7px 0}.timeline h3 a{transition:opacity .25s ease}.timeline h3 a:hover{opacity:.72}.timeline p{font-size:12px;color:rgba(246,231,210,.6);margin:0}.archive-card-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:17px}.archive-card-links a{font:italic 14px Georgia,serif;color:rgba(246,231,210,.82);border-bottom:1px solid rgba(224,156,47,.55);padding-bottom:3px}.archive-card-links a:hover{color:var(--gold)}
.cta{position:relative;background:var(--green);padding:150px 0 105px;overflow:hidden}.cta-mark{position:absolute;width:42vw;right:-7vw;top:-7vw;opacity:.045}.cta h2{font:700 clamp(65px,9vw,145px)/.82 Figtree;text-transform:uppercase;letter-spacing:-.07em;margin:0;max-width:1200px}.cta h2 .serif{display:block;text-transform:none}.cta-copy{max-width:620px;margin:38px 0;color:rgba(246,231,210,.72)}.cta-button{display:inline-block;font:italic 22px Georgia,serif;border-bottom:1px solid var(--gold);padding-bottom:6px}.contact-meta{display:flex;flex-wrap:wrap;gap:28px;border-top:1px solid var(--line);padding-top:24px;margin-top:75px;font-size:11px;color:rgba(246,231,210,.58)}
.footer{background:#151511;padding:52px 0 30px}.footer-top{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:start}.footer-logo{width:205px}.footer p{font-size:11px;color:rgba(246,231,210,.58);margin:0}.footer-links{display:flex;gap:24px;font-size:11px}.footer-bottom{border-top:1px solid var(--line);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:rgba(246,231,210,.42)}
.page-hero{padding:180px 0 95px;background:var(--maire)}.page-hero h1{font:700 clamp(62px,8.5vw,132px)/.84 Figtree;text-transform:uppercase;letter-spacing:-.065em;margin:0;max-width:1200px}.page-hero .lede{font:italic clamp(22px,2.4vw,34px)/1.35 Georgia,serif;max-width:850px;margin:35px 0 0;color:rgba(246,231,210,.78)}.content-light{background:var(--cream);color:var(--ink);padding:110px 0}.content-dark{padding:110px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.two-col h2{font:600 clamp(40px,5vw,78px)/.95 Figtree;letter-spacing:-.05em;margin:0}.prose{max-width:650px}.prose p{margin:0 0 20px}.film-embed{position:relative;aspect-ratio:16/9;background:#0d0d0b;margin:35px 0 0}.film-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:55px}.gallery img{height:100%;object-fit:cover}.gallery .wide{grid-column:1/-1;aspect-ratio:2.1/1}.gallery .square{aspect-ratio:1/1}.credits{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid var(--darkline);border-bottom:1px solid var(--darkline);padding:27px 0;margin-top:55px}.credits p{margin:0;font-size:12px}.credits strong{display:block;margin-bottom:5px}.form{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px;margin-top:0}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.field input,.field textarea,.field select{background:transparent;color:var(--ink);border:0;border-bottom:1px solid rgba(30,30,23,.34);padding:12px 0;outline:none}.field textarea{min-height:130px;resize:vertical}.submit{justify-self:start;background:var(--ink);color:var(--cream);border:0;padding:14px 22px;margin-top:12px;cursor:pointer;font-family:Georgia,serif;font-style:italic}.journal-card{border-top:1px solid var(--darkline);padding:30px 0;display:grid;grid-template-columns:150px 1fr auto;gap:30px}.journal-card:last-child{border-bottom:1px solid var(--darkline)}.journal-card h3{font:500 clamp(28px,3vw,46px) Figtree;margin:0}.journal-card p{margin:6px 0 0;opacity:.65}.journal-card .date{font:italic 15px Georgia,serif}
.fade{opacity:0;transform:translateY(16px);transition:opacity .9s ease,transform .9s ease}.fade.in{opacity:1;transform:none}
@media(max-width:950px){.header{grid-template-columns:1fr auto;height:74px}.header-logo{width:188px}.nav{display:none}.hero-bg{background-position:64% 34%}.hero-inner{padding-bottom:10vh}.hero-tag{display:none}.intro-strip .wrap,.process-head,.two-col{grid-template-columns:1fr}.project-hero img{aspect-ratio:4/5}.project-title{flex-direction:column;align-items:flex-start}.project-details{grid-template-columns:1fr 1fr}.statement-copy{grid-template-columns:1fr}.service-row{grid-template-columns:48px 1fr}.service-row p{grid-column:2}.process-grid{grid-template-columns:1fr 1fr}.process-card{border-bottom:1px solid var(--darkline)}.founder{grid-template-columns:1fr}.founder-media img{aspect-ratio:1.05/1;object-position:center 28%}.founder-copy{padding:90px 6vw}.timeline{grid-template-columns:1fr}.timeline img{aspect-ratio:1.35/1}.footer-top{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.credits{grid-template-columns:1fr 1fr}.journal-card{grid-template-columns:1fr}.form{grid-template-columns:1fr}.field.full{grid-column:1}}
@media(max-width:560px){.header{padding:0 5vw}.header-logo{width:168px}.header-cta{display:none}.hero h1{font-size:16vw}.hero-deck{font-size:14px}.intro-strip{padding-bottom:60px}.work{padding-bottom:85px}.project-title h2{font-size:44px}.project-details{grid-template-columns:1fr}.statement,.services,.process,.archive,.content-light,.content-dark{padding:85px 0}.statement h2{font-size:13vw}.service-row{grid-template-columns:34px 1fr}.service-row h3{font-size:28px}.process-grid{grid-template-columns:1fr}.process-card{border-right:0;padding-left:0!important}.founder h2{font-size:13vw}.timeline img{aspect-ratio:1/1}.cta{padding-top:105px}.cta h2{font-size:15vw}.footer-bottom{flex-direction:column}.credits{grid-template-columns:1fr}}
/* V4 Journal */
.journal-hero{min-height:72vh;background:var(--maire);display:flex;align-items:flex-end;padding:165px 0 95px}.journal-hero h1{font:700 clamp(70px,10vw,155px)/.82 Figtree;text-transform:uppercase;letter-spacing:-.07em;margin:0;max-width:1250px}.journal-hero h1 .serif{text-transform:none}.journal-hero .lede{font:italic clamp(21px,2.2vw,33px)/1.35 Georgia,serif;max-width:860px;color:rgba(246,231,210,.72);margin:35px 0 0}.journal-index{background:var(--cream);color:var(--ink);border-bottom:1px solid var(--darkline)}.journal-categories{display:flex;gap:28px;align-items:center;overflow-x:auto;padding:21px 0;font-size:11px;white-space:nowrap}.journal-categories span{text-transform:uppercase;letter-spacing:.17em;font-weight:600}.journal-categories a{font-family:Georgia,serif;font-style:italic;color:rgba(30,30,23,.65)}
.journal-feature{background:var(--cream);color:var(--ink);padding:105px 0 125px}.journal-feature-card{display:grid;grid-template-columns:1.25fr .75fr;min-height:640px;margin-top:36px;background:var(--maire);color:var(--cream)}.journal-feature-media img{width:100%;height:100%;object-fit:cover}.journal-feature-copy{padding:7vw 5.5vw;display:flex;flex-direction:column;justify-content:center}.journal-feature-copy h2{font:650 clamp(52px,6vw,94px)/.88 Figtree;text-transform:uppercase;letter-spacing:-.055em;margin:5px 0 28px}.journal-feature-copy h2 .serif{display:block;text-transform:none}.journal-feature-copy>p:not(.eyebrow){color:rgba(246,231,210,.7);max-width:520px}.read-more{font:italic 18px Georgia,serif;color:var(--gold);margin-top:30px}
.journal-library{background:var(--navy);padding:115px 0 135px}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px 24px;margin-top:45px}.journal-story{display:block;border-bottom:1px solid var(--line);padding-bottom:25px}.journal-story img{width:100%;aspect-ratio:1.55/1;object-fit:cover;filter:saturate(.82);transition:transform .55s ease,filter .55s ease}.journal-story:hover img{transform:scale(1.012);filter:saturate(1)}.journal-story-copy{padding-top:20px}.journal-meta{font:italic 14px Georgia,serif;color:var(--gold);margin:0 0 10px}.journal-story h3{font:550 clamp(29px,3vw,47px)/1 Figtree;letter-spacing:-.035em;margin:0 0 12px}.journal-story p:not(.journal-meta){color:rgba(246,231,210,.62);max-width:650px;margin:0 0 16px}.journal-story span{font:italic 15px Georgia,serif}
.journal-notes{background:var(--maroon);padding:125px 0}.journal-notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.journal-notes h2{font:650 clamp(58px,7vw,110px)/.88 Figtree;text-transform:uppercase;letter-spacing:-.06em;margin:0}.journal-notes-grid>div:last-child{max-width:590px;padding-top:12px;color:rgba(246,231,210,.78)}
.article-hero{background:var(--maire);padding:180px 0 90px}.article-hero h1{font:700 clamp(64px,8.7vw,138px)/.84 Figtree;text-transform:uppercase;letter-spacing:-.065em;margin:0;max-width:1300px}.article-hero h1 .serif{display:block;text-transform:none}.article-deck{display:flex;justify-content:space-between;gap:50px;border-top:1px solid var(--line);margin-top:50px;padding-top:20px;color:rgba(246,231,210,.65);font-size:12px}.article-hero-image{background:#111}.article-hero-image img{width:100%;max-height:82vh;object-fit:cover}.article-hero-image.portrait-hero img{max-height:75vh;object-position:center 30%}
.article-body{background:var(--cream);color:var(--ink);padding:115px 0 140px}.article-layout{width:min(1240px,88vw);margin:auto;display:grid;grid-template-columns:240px minmax(0,760px);gap:8vw;justify-content:center}.article-toc{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;border-top:1px solid var(--darkline);padding-top:15px}.article-toc span{text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:600;margin-bottom:15px}.article-toc a{font:italic 14px Georgia,serif;padding:7px 0;color:rgba(30,30,23,.62)}.article-copy{font-size:16px;line-height:1.85}.article-intro{font:italic clamp(26px,2.4vw,38px)/1.42 Georgia,serif;color:var(--maroon);margin:0 0 85px}.article-copy h2{font:650 clamp(42px,5vw,72px)/.93 Figtree;letter-spacing:-.05em;margin:95px 0 28px;padding-top:8px;border-top:1px solid var(--darkline)}.article-copy h2 span{display:block;font:italic 14px Georgia,serif;color:var(--maroon);margin:0 0 15px}.article-figure{margin:55px 0}.article-figure img{width:100%}.article-figure figcaption,.article-image-pair figcaption{font:italic 12px Georgia,serif;opacity:.55;margin-top:8px}.article-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:55px 0}.article-image-pair figure{margin:0}.article-image-pair img{width:100%;aspect-ratio:1/1;object-fit:cover}.article-pull{font:italic clamp(34px,4vw,59px)/1.15 Georgia,serif;color:var(--maroon);border-left:0;margin:90px -9vw;padding:0 0 0 9vw}.article-end{border-top:1px solid var(--darkline);margin-top:100px;padding-top:30px}.article-end h3{font:600 clamp(40px,4vw,62px)/1 Figtree;margin:0 0 12px}.article-view-links{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(30,30,23,.16)}.article-view-links a{font:italic 16px Georgia,serif;color:var(--maroon);border-bottom:1px solid rgba(91,23,18,.38);padding-bottom:4px}.article-view-links a:hover{border-color:var(--maroon)}.text-links.dark a{color:var(--maroon);border-color:var(--maroon)}.journal-next{background:var(--green);padding:95px 0 110px}.journal-next a{display:block;border-top:1px solid var(--line);padding-top:20px}.journal-next a span{font:italic 14px Georgia,serif;color:var(--gold)}.journal-next h2{font:600 clamp(40px,5vw,75px)/.96 Figtree;letter-spacing:-.045em;margin:15px 0 0;max-width:1100px}
.home-journal{background:var(--cream);color:var(--ink);padding:120px 0 135px}.home-journal-head{display:flex;justify-content:space-between;gap:40px;align-items:end}.home-journal h2{font:650 clamp(55px,7vw,108px)/.88 Figtree;text-transform:uppercase;letter-spacing:-.06em;margin:0}.home-journal-head>a{font:italic 17px Georgia,serif;color:var(--maroon);border-bottom:1px solid var(--maroon);padding-bottom:4px}.home-journal-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;margin-top:55px}.home-journal-card{display:block}.home-journal-media{display:block;position:relative;overflow:hidden;aspect-ratio:1.55/1}.home-journal-card.small .home-journal-media{aspect-ratio:1.25/1}.home-journal-card img{width:100%;height:100%;object-fit:cover}.home-journal-card .journal-meta{margin-top:18px}.home-journal-card h3{font:550 clamp(29px,3.4vw,53px)/.98 Figtree;letter-spacing:-.04em;margin:7px 0 0}.home-journal-card.small h3{font-size:clamp(27px,2.8vw,42px)}

.motion-preview-shell>img{position:relative;z-index:1;transition:opacity .65s ease,transform .65s ease,filter .65s ease}
.motion-preview{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .65s ease;background:#111}
.motion-preview-shell.is-motion-active>.motion-preview{opacity:1}
.motion-preview-shell.is-motion-active>img{opacity:0}
.journal-square-card:nth-child(2) .motion-preview{object-position:34% center}
.journal-square-card:nth-child(3) .motion-preview{object-position:82% center}
@media(hover:none),(pointer:coarse){.motion-preview{display:none}}
@media(prefers-reduced-motion:reduce){.motion-preview{display:none}.motion-preview-shell>img{transition:none}}
@media(max-width:950px){.journal-feature-card{grid-template-columns:1fr}.journal-feature-media img{aspect-ratio:1.3/1}.journal-grid,.journal-notes-grid,.home-journal-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.article-toc{position:relative;top:auto;border-bottom:1px solid var(--darkline);padding-bottom:18px;margin-bottom:35px}.article-pull{margin:70px 0;padding:0}.article-deck{flex-direction:column;gap:5px}.home-journal-head{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.journal-hero{min-height:65vh;padding-bottom:70px}.journal-feature,.journal-library,.journal-notes,.article-body,.home-journal{padding:85px 0}.journal-feature-card{min-height:0}.journal-feature-copy{padding:60px 7vw}.journal-feature-copy h2{font-size:12vw}.journal-grid{gap:50px}.article-image-pair{grid-template-columns:1fr}.article-hero{padding-top:140px}.article-hero h1{font-size:14vw}.article-intro{margin-bottom:60px}.article-copy h2{margin-top:70px}.journal-categories{gap:20px}.home-journal h2{font-size:13vw}}

/* V4.1 — Homepage visual polish */
:focus-visible{outline:1px solid var(--gold);outline-offset:5px}
body{background:#1b1b15}
.header{height:96px;padding:0 4.2vw}
.header.scrolled{height:74px;background:rgba(30,30,23,.97);border-bottom:1px solid rgba(246,231,210,.14)}
.header-logo{width:205px}
.nav{gap:31px;font-size:10px;letter-spacing:.19em}
.header-cta{font-size:16px;border-bottom-color:rgba(224,156,47,.7)}

.hero{min-height:100svh;background:var(--maire)}
.hero-bg{background:linear-gradient(90deg,rgba(20,20,16,.97) 0%,rgba(20,20,16,.88) 39%,rgba(20,20,16,.45) 63%,rgba(20,20,16,.12) 100%),linear-gradient(to bottom,rgba(20,20,16,.1),rgba(20,20,16,.2)),url('assets/wrestler-hero.webp') 75% 34%/cover no-repeat;filter:saturate(.76) contrast(1.02)}
.hero:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background-image:radial-gradient(rgba(246,231,210,.035) .55px,transparent .55px);background-size:4px 4px;mix-blend-mode:soft-light;opacity:.42}
.hero:after{background:linear-gradient(to top,var(--maire) 0%,rgba(30,30,23,.72) 12%,transparent 34%)}
.hero-inner{padding:180px 0 10vh;max-width:1500px}
.hero .eyebrow{margin-bottom:26px;color:rgba(224,156,47,.86)}
.hero h1{font-size:clamp(58px,7.8vw,126px);line-height:.88;letter-spacing:-.058em;max-width:1020px}
.hero h1 .serif{font-size:.88em;margin-top:.04em}
.hero-deck{max-width:550px;margin:38px 0 34px;font-size:15px;line-height:1.72;color:rgba(246,231,210,.69)}
.hero .text-links{gap:34px}.hero .text-links a{font-size:17px;color:rgba(246,231,210,.9);border-bottom-color:rgba(224,156,47,.55)}
.hero-tag{bottom:9vh;opacity:.46;letter-spacing:.27em}

.intro-strip{padding:42px 0 110px;background:var(--maire)}
.intro-strip .wrap{grid-template-columns:1.35fr .65fr;gap:11vw;padding-top:35px;border-top-color:rgba(246,231,210,.18)}
.intro-strip h2{font-size:clamp(30px,3vw,44px);font-weight:500;line-height:1.16;max-width:800px}
.intro-strip p{font-size:13px;line-height:1.8;color:rgba(246,231,210,.57);max-width:475px}

.section-label{padding-top:16px;margin-bottom:32px;color:rgba(246,231,210,.5);border-top-color:rgba(246,231,210,.17)}
.work{padding:44px 0 145px;background:var(--maire)}
.project-hero{box-shadow:0 35px 90px rgba(0,0,0,.14)}
.project-hero img{aspect-ratio:2.08/1;filter:saturate(.82) contrast(1.03)}
.project-hero:hover img{transform:scale(1.008);filter:saturate(.9) brightness(.76)}
.project-title{padding:7vw 4.6vw 4.1vw}
.project-title p{color:rgba(246,231,210,.7)}
.project-title h2{font-size:clamp(46px,6vw,92px);font-weight:550;letter-spacing:-.05em}
.project-title .watch{font-size:16px;color:rgba(246,231,210,.82)}
.project-details{padding:27px 0 30px;border-bottom-color:rgba(246,231,210,.16);font-size:10px;letter-spacing:.03em}
.project-details strong{letter-spacing:.08em;text-transform:uppercase;font-size:9px;margin-bottom:6px;color:rgba(246,231,210,.88)}

.statement{padding:155px 0 160px}
.statement h2{font-size:clamp(54px,6.75vw,108px);line-height:.9;max-width:1220px}
.statement-copy{width:min(830px,100%);margin-top:82px;gap:75px}
.statement-copy p:first-child{font-size:24px;line-height:1.5}
.statement-copy div p{font-size:14px;line-height:1.8}

.services{padding:135px 0 145px;background:#0f2142}
.service-row{grid-template-columns:68px 1.15fr .85fr;padding:35px 0;border-top-color:rgba(246,231,210,.18)}
.service-row:hover{padding-left:6px}
.service-row h3{font-size:clamp(28px,2.85vw,44px);font-weight:500}
.service-row p{font-size:13px;line-height:1.75;color:rgba(246,231,210,.57)}
.service-row .num{font-size:16px;color:rgba(224,156,47,.82)}

.process{padding:145px 0 155px}
.process h2{font-size:clamp(50px,5.4vw,84px)}
.process-head>p{font-size:14px;line-height:1.8;opacity:.74}
.process-grid{margin-top:88px}
.process-card{min-height:225px;padding-top:34px}
.process-card h3{margin-top:48px;font-size:24px;font-weight:550}
.process-card p{line-height:1.7}

.founder{grid-template-columns:1.02fr .98fr;min-height:790px}
.founder-media{overflow:hidden}.founder-media img{filter:saturate(.78) contrast(1.02);transform:scale(1.002)}
.founder-copy{padding:8vw 7.2vw}
.founder h2{font-size:clamp(48px,5.15vw,82px);font-weight:600}
.founder .role{font-size:20px;margin-top:20px}
.founder-copy>p:not(.role):not(.eyebrow){font-size:14px;line-height:1.82;color:rgba(246,231,210,.7)}
.quote{font-size:clamp(28px,2.45vw,39px);line-height:1.28;margin-top:58px;border-top-color:rgba(246,231,210,.2)}

.archive{padding:140px 0 145px}
.archive h2{font-size:clamp(40px,4.5vw,66px);margin-bottom:56px}
.timeline{gap:26px}.timeline img{filter:saturate(.66) contrast(1.02);transition:.55s filter ease}.timeline figure:hover img{filter:saturate(.88)}
.timeline figcaption{padding-top:23px;border-bottom-color:rgba(246,231,210,.16)}
.timeline h3{font-size:23px;font-weight:500}.timeline p{line-height:1.65}

.home-journal{padding:140px 0 150px}
.home-journal h2{font-size:clamp(50px,6.1vw,92px)}
.home-journal-grid{gap:34px;margin-top:62px}
.home-journal-card img{filter:saturate(.75);transition:.65s filter ease,.65s transform ease}.home-journal-card:hover img{filter:saturate(.92);transform:scale(1.006)}
.home-journal-card h3{font-weight:520}

.cta{padding:165px 0 115px;background:#083820}
.cta h2{font-size:clamp(62px,8vw,125px);max-width:1050px}
.cta-copy{font-size:14px;line-height:1.8;color:rgba(246,231,210,.66)}
.cta-button{font-size:20px}
.contact-meta{margin-top:85px;border-top-color:rgba(246,231,210,.17)}
.footer{padding-top:58px;background:#12120f}.footer-top{align-items:center}.footer-logo{width:190px}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:950px){.header{height:82px}.hero-inner{padding-top:145px}.hero h1{font-size:clamp(56px,11vw,104px)}.intro-strip .wrap{grid-template-columns:1fr;gap:24px}.project-title{padding:90px 6vw 34px}.statement-copy{gap:35px}.service-row{grid-template-columns:50px 1fr}.service-row p{grid-column:2}.founder{grid-template-columns:1fr}.founder-media img{aspect-ratio:1.25/1}.timeline{grid-template-columns:1fr 1fr}.timeline figure:last-child{grid-column:1/-1;max-width:50%}}
@media(max-width:560px){.header-logo{width:155px}.hero-inner{padding:135px 0 9vh}.hero h1{font-size:15vw}.hero-deck{font-size:13px;max-width:91%}.hero-bg{background-position:68% 32%}.intro-strip{padding-bottom:76px}.work{padding-bottom:95px}.project-title{padding:80px 5vw 26px}.project-title .watch{display:none}.statement,.services,.process,.archive,.home-journal{padding-top:90px;padding-bottom:95px}.statement-copy{margin-top:55px}.timeline{grid-template-columns:1fr}.timeline figure:last-child{grid-column:auto;max-width:none}.founder-copy{padding:80px 7vw}.quote{margin-top:45px}.cta{padding-top:115px}}

/* V4.2 — Interior-page polish */
.page-hero{position:relative;overflow:hidden;padding:205px 0 115px;background:#1b1b15;border-bottom:1px solid rgba(246,231,210,.13)}
.page-hero:after{content:"";position:absolute;right:-10vw;bottom:-22vw;width:46vw;height:46vw;border:1px solid rgba(246,231,210,.035);border-radius:50%;pointer-events:none}
.page-hero .wrap{position:relative;z-index:1}
.page-hero h1{font-size:clamp(58px,7.55vw,118px);line-height:.87;max-width:1120px;font-weight:650}
.page-hero .lede{font-size:clamp(20px,2.05vw,30px);line-height:1.48;max-width:760px;margin-top:42px;color:rgba(246,231,210,.68)}
.page-hero .eyebrow{color:rgba(224,156,47,.82)}

/* Work */
body:has(.page-hero + .work) .work{padding-top:82px;padding-bottom:150px}
body:has(.page-hero + .work) .project-hero img{filter:saturate(.76) contrast(1.035)}
body:has(.page-hero + .work) .project-title{padding-bottom:4.5vw}
body:has(.page-hero + .work) .project-details{margin-top:4px}

/* Interior service page */
.page-hero + .services{padding-top:95px;padding-bottom:135px}
.page-hero + .services .service-row{min-height:132px}
.page-hero + .services .service-row h3{letter-spacing:-.035em}
.content-light{padding:135px 0 145px}
.content-light .two-col{align-items:start}
.content-light .two-col h2{font-size:clamp(42px,4.65vw,72px);font-weight:570;line-height:.98}
.content-light .prose{font-size:14px;line-height:1.85;color:rgba(25,25,18,.76)}
.content-light .cta-button{font-size:18px}

/* About */
body:has(.page-hero + .founder) .founder{min-height:820px}
body:has(.page-hero + .founder) .founder-copy{padding-top:9vw;padding-bottom:9vw}
body:has(.page-hero + .founder) .archive{border-top:1px solid rgba(246,231,210,.11)}

/* Project case study */
body:has(.film-embed) .content-dark{padding:85px 0 130px}
body:has(.film-embed) .content-dark>.wrap>img:first-child{aspect-ratio:2.05/1;object-fit:cover;filter:saturate(.76) contrast(1.04)}
body:has(.film-embed) .credits{margin-top:0;padding:31px 0 33px;border-color:rgba(246,231,210,.16);color:rgba(246,231,210,.62)}
body:has(.film-embed) .credits strong{text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:rgba(246,231,210,.88)}
body:has(.film-embed) .film-embed{margin-top:75px;box-shadow:0 28px 85px rgba(0,0,0,.2)}
body:has(.film-embed) .gallery{gap:18px;margin-top:72px}
body:has(.film-embed) .gallery img{filter:saturate(.77) contrast(1.02)}
body:has(.film-embed) .content-dark .prose{color:rgba(246,231,210,.66);font-size:14px;line-height:1.8}

/* Contact */
.page-contact .contact-inquiry{padding-top:105px;padding-bottom:115px}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.78fr);gap:clamp(72px,9vw,150px);align-items:start}
.page-contact .form{max-width:720px}.contact-aside{max-width:560px;padding-top:2px}.contact-aside h2{font:600 clamp(54px,5vw,80px)/.94 Figtree;letter-spacing:-.05em;margin:10px 0 28px}.contact-intro{font:italic clamp(20px,1.7vw,27px)/1.45 Georgia,serif;color:rgba(30,30,23,.72);margin:0 0 42px;max-width:34ch}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:24px 36px;padding-top:24px;border-top:1px solid rgba(30,30,23,.18)}.contact-details p{margin:0;font-size:14px;line-height:1.65}.contact-details p:last-child{grid-column:1/-1}.contact-details strong{display:block;font:600 9px/1.2 Figtree;text-transform:uppercase;letter-spacing:.16em;margin-bottom:6px}.page-contact .project-brief{margin-top:42px;padding-top:28px}.page-contact .project-brief h3{font:600 18px/1.2 Figtree;margin:0 0 10px}.page-contact .project-brief p{font-size:14px;line-height:1.7;color:rgba(30,30,23,.72);max-width:46ch}.page-contact .form-actions{grid-column:1/-1;margin-top:6px}.page-contact .form-privacy{margin-top:-4px}
.form{gap:31px 32px;margin-top:0}
.field{gap:10px}
.field label{font-size:9px;letter-spacing:.18em;color:rgba(25,25,18,.64)}
.field input,.field textarea,.field select{padding:14px 0 13px;border-bottom-color:rgba(30,30,23,.27);transition:border-color .25s ease}
.field input:focus,.field textarea:focus,.field select:focus{border-bottom-color:var(--maroon)}
.submit{margin-top:22px;padding:15px 25px;background:var(--maire);font-size:16px;transition:background .25s ease,transform .25s ease}
.submit:hover{background:var(--maroon);transform:translateY(-1px)}

/* Journal index */
.journal-hero{min-height:76vh;padding-bottom:110px;border-bottom:1px solid rgba(246,231,210,.12)}
.journal-hero h1{font-size:clamp(62px,8.2vw,128px);font-weight:650}
.journal-hero .lede{font-size:clamp(20px,2vw,29px);max-width:760px;line-height:1.48}
.journal-index{position:sticky;top:74px;z-index:30;background:rgba(246,231,210,.965);backdrop-filter:blur(12px)}
.journal-categories{padding:19px 0}
.journal-feature{padding-top:125px;padding-bottom:145px}
.journal-feature-card{min-height:670px;box-shadow:0 28px 90px rgba(30,30,23,.12)}
.journal-feature-media{overflow:hidden}.journal-feature-media img{filter:saturate(.72);transition:transform .8s ease,filter .8s ease}.journal-feature-card:hover .journal-feature-media img{transform:scale(1.008);filter:saturate(.88)}
.journal-feature-copy h2{font-size:clamp(48px,5.25vw,82px);font-weight:590}
.journal-feature-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:rgba(246,231,210,.62)}
.journal-library{padding-top:135px;padding-bottom:155px;background:#0e2040}
.journal-grid{gap:78px 34px}
.journal-story{padding-bottom:30px;border-bottom-color:rgba(246,231,210,.15)}
.journal-story img{filter:saturate(.7) contrast(1.02)}
.journal-story h3{font-weight:520}
.journal-story p:not(.journal-meta){font-size:13px;line-height:1.72;color:rgba(246,231,210,.55)}
.journal-notes{padding-top:145px;padding-bottom:150px;background:#571713}

/* Journal articles */
.article-hero{padding-top:205px;padding-bottom:105px;border-bottom:1px solid rgba(246,231,210,.12)}
.article-hero h1{font-size:clamp(58px,7.25vw,112px);font-weight:640;line-height:.88;max-width:1180px}
.article-deck{margin-top:58px;padding-top:22px;border-top-color:rgba(246,231,210,.16);color:rgba(246,231,210,.54)}
.article-hero-image img{filter:saturate(.73) contrast(1.025)}
.article-body{padding-top:135px;padding-bottom:160px}
.article-layout{grid-template-columns:220px minmax(0,760px);gap:9vw}
.article-toc{top:112px;padding-top:18px}
.article-toc a{padding:8px 0;font-size:13px}
.article-copy{font-size:15px;line-height:1.92;color:rgba(25,25,18,.82)}
.article-intro{font-size:clamp(25px,2.15vw,35px);line-height:1.48;margin-bottom:95px}
.article-copy h2{font-size:clamp(40px,4.35vw,64px);font-weight:580;margin-top:105px;padding-top:12px}
.article-figure,.article-image-pair{margin-top:65px;margin-bottom:65px}
.article-figure img,.article-image-pair img{filter:saturate(.76) contrast(1.02)}
.article-pull{font-size:clamp(32px,3.65vw,53px);margin-top:105px;margin-bottom:105px}
.article-end{margin-top:110px;padding-top:34px}
.journal-next{padding-top:110px;padding-bottom:125px;background:#083820}
.journal-next h2{font-size:clamp(38px,4.55vw,68px);font-weight:540}

/* Footer consistency */
.footer{border-top:1px solid rgba(246,231,210,.08)}
.footer-links{flex-wrap:wrap;justify-content:flex-end;row-gap:10px}
.footer-links a{opacity:.66;transition:opacity .2s ease}.footer-links a:hover{opacity:1}

@media(max-width:950px){
  .page-hero{padding-top:165px;padding-bottom:90px}.page-hero:after{display:none}
  .journal-index{top:74px}.article-layout{grid-template-columns:1fr}
}
@media(max-width:560px){
  .page-hero{padding-top:135px;padding-bottom:75px}.page-hero h1{font-size:14.2vw}.page-hero .lede{font-size:19px;margin-top:28px}
  .content-light{padding-top:90px;padding-bottom:100px}
  .article-hero{padding-top:145px;padding-bottom:75px}.article-hero h1{font-size:13.2vw}.article-body{padding-top:90px;padding-bottom:105px}
  .journal-hero{min-height:66vh;padding-bottom:75px}.journal-index{position:relative;top:auto}
  .journal-feature,.journal-library,.journal-notes{padding-top:90px;padding-bottom:100px}
  .footer-links{justify-content:flex-start}
}

/* V5 — launch-readiness */
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{grid-column:1/-1;min-height:1.6em;margin:8px 0 0;font-size:13px}.form-status a,.form-privacy a{text-decoration:underline;text-underline-offset:3px}.form-privacy{grid-column:1/-1;font-size:11px;line-height:1.65;opacity:.66;margin:0}.submit:disabled{opacity:.55;cursor:wait}.footer-legal a{opacity:.74}.footer-legal a:hover{opacity:1}.article-copy a{text-decoration:underline;text-underline-offset:3px}

/* =========================
   V6 — launch experience pass
   ========================= */
.skip-link{position:fixed;left:18px;top:-80px;z-index:9999;background:var(--antique,#F6E7D2);color:var(--maire,#1E1E17);padding:12px 16px;text-decoration:none;border:1px solid currentColor;transition:top .2s ease}
.skip-link:focus{top:18px}
.menu-toggle{display:none;background:transparent;border:1px solid rgba(246,231,210,.35);color:#F6E7D2;padding:9px 12px;font:inherit;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;cursor:pointer}
.header.menu-open{background:#1E1E17}
@media(max-width:900px){
  .menu-toggle{display:block;margin-left:auto}
  .header .header-cta{display:none}
  .header .nav{position:fixed;inset:72px 0 auto 0;background:#1E1E17;border-top:1px solid rgba(246,231,210,.16);padding:28px 24px 34px;display:none;grid-template-columns:1fr;gap:18px;z-index:1000}
  .header.menu-open .nav{display:grid}
  .header .nav a{font-size:1.05rem;padding:7px 0}
}

/* subtle archival texture without a heavy image asset */
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}

.journal-tools{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:28px 0;border-bottom:1px solid rgba(30,30,23,.15)}
.journal-filter-group{display:flex;gap:8px;flex-wrap:wrap}
.journal-filter{border:1px solid rgba(30,30,23,.22);background:transparent;color:#1E1E17;padding:9px 13px;font:inherit;font-size:.82rem;cursor:pointer}
.journal-filter.active,.journal-filter:hover{background:#1E1E17;color:#F6E7D2}
.journal-search{min-width:min(320px,100%);border:0;border-bottom:1px solid rgba(30,30,23,.35);background:transparent;color:#1E1E17;padding:10px 2px;font:inherit;outline:none}
.journal-search:focus{border-color:#5B1712}
.journal-story[hidden]{display:none!important}
.journal-results{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65;margin-top:14px}

.article-toolbar{position:sticky;top:72px;z-index:20;background:rgba(246,231,210,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(30,30,23,.14)}
.article-toolbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:12px;padding-bottom:12px}
.article-toolbar p{margin:0;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.article-actions{display:flex;gap:8px;flex-wrap:wrap}
.article-action{border:1px solid rgba(30,30,23,.25);background:transparent;color:#1E1E17;padding:7px 10px;font:inherit;font-size:.75rem;cursor:pointer}
.article-action:hover{background:#1E1E17;color:#F6E7D2}
.reading-progress{position:fixed;left:0;top:0;height:2px;width:0;background:#E09C2F;z-index:10000;transition:width .08s linear}

.project-brief{border-top:1px solid rgba(30,30,23,.18);margin-top:28px;padding-top:24px}
.project-brief h3{margin:0 0 8px}
.project-brief p{margin:0 0 16px;max-width:50ch}
.form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.form-secondary{border:1px solid rgba(30,30,23,.3);background:transparent;color:#1E1E17;padding:13px 17px;font:inherit;cursor:pointer}
.form-secondary:hover{background:#1E1E17;color:#F6E7D2}
.form-status a{color:inherit;text-decoration:underline}

.launch-note{padding:16px 0 0;font-size:.8rem;opacity:.65}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}


/* =========================
   V7 — launch candidate
   ========================= */
.studio-facts{background:var(--maire);border-top:1px solid rgba(246,231,210,.12);border-bottom:1px solid rgba(246,231,210,.12)}
.studio-facts-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.studio-fact{padding:42px 30px 46px;border-right:1px solid rgba(246,231,210,.12);min-height:190px}.studio-fact:first-child{padding-left:0}.studio-fact:last-child{border-right:0}
.studio-fact span{display:block;font:italic 14px Times,serif;color:var(--treacle);margin-bottom:34px}.studio-fact strong{display:block;font-size:15px;letter-spacing:-.01em;color:var(--antique);margin-bottom:12px}.studio-fact p{font-size:11px;line-height:1.72;color:rgba(246,231,210,.52);max-width:250px}.studio-fact em{font-family:Times,serif}
.founder-archive{padding:130px 0 145px;background:var(--antique);color:var(--maire)}.founder-archive .section-label{border-color:rgba(30,30,23,.2);color:rgba(30,30,23,.62)}
.archive-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:64px}.archive-work-card{color:inherit;text-decoration:none;border-top:1px solid rgba(30,30,23,.22);padding-top:20px}.archive-work-card img{width:100%;aspect-ratio:1.45/1;object-fit:cover;filter:saturate(.72) contrast(1.03);margin-bottom:28px}.archive-work-card .eyebrow{color:var(--maroon)}.archive-work-card h2{font-size:clamp(34px,3vw,50px);font-weight:550;line-height:1;margin:10px 0 18px}.archive-work-card p:not(.eyebrow){font-size:12px;line-height:1.76;color:rgba(30,30,23,.65);max-width:570px}.archive-work-card span{display:inline-block;margin-top:20px;font:italic 17px Times,serif;border-bottom:1px solid rgba(30,30,23,.3);padding-bottom:3px}.archive-disclaimer{font-size:10px;line-height:1.7;color:rgba(30,30,23,.5);margin-top:55px;max-width:760px}
.service-delivery{padding:135px 0 145px;background:var(--maire);color:var(--antique)}.delivery-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:62px;border-top:1px solid rgba(246,231,210,.16)}.delivery-grid>div{padding:36px 30px 20px 0;border-right:1px solid rgba(246,231,210,.14);min-height:250px}.delivery-grid>div+div{padding-left:30px}.delivery-grid>div:last-child{border-right:0}.delivery-grid span{font:italic 14px Times,serif;color:var(--treacle)}.delivery-grid h3{font-size:21px;font-weight:520;margin:48px 0 16px}.delivery-grid p{font-size:11px;line-height:1.75;color:rgba(246,231,210,.53)}
.service-faq{padding:135px 0 155px;background:#f3e4cf;color:var(--maire)}.service-faq-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;align-items:end;margin-bottom:70px}.service-faq-head .eyebrow{color:var(--maroon)}.service-faq-head h2{font-size:clamp(48px,5.7vw,86px);font-weight:560;line-height:.94}.faq-list{border-top:1px solid rgba(30,30,23,.22)}.faq-list details{border-bottom:1px solid rgba(30,30,23,.22);padding:0}.faq-list summary{list-style:none;cursor:pointer;padding:28px 48px 28px 0;font-size:18px;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:2px;top:26px;font:italic 24px Times,serif}.faq-list details[open] summary:after{content:'–'}.faq-list details p{max-width:760px;padding:0 0 30px;font-size:13px;line-height:1.8;color:rgba(30,30,23,.66)}
@media(max-width:950px){.studio-facts-grid{grid-template-columns:1fr 1fr}.studio-fact:nth-child(2){border-right:0}.studio-fact:nth-child(-n+2){border-bottom:1px solid rgba(246,231,210,.12)}.studio-fact:nth-child(3){padding-left:0}.archive-work-grid{grid-template-columns:1fr}.delivery-grid{grid-template-columns:1fr 1fr}.delivery-grid>div:nth-child(2){border-right:0}.delivery-grid>div:nth-child(n+3){border-top:1px solid rgba(246,231,210,.14)}.delivery-grid>div:nth-child(3){padding-left:0}.service-faq-head{grid-template-columns:1fr;gap:18px}}
@media(max-width:560px){.studio-facts-grid{grid-template-columns:1fr}.studio-fact,.studio-fact:first-child,.studio-fact:nth-child(3){padding:30px 0 34px;border-right:0;border-bottom:1px solid rgba(246,231,210,.12);min-height:auto}.studio-fact:last-child{border-bottom:0}.studio-fact span{margin-bottom:20px}.founder-archive,.service-delivery,.service-faq{padding:90px 0 100px}.archive-work-grid{margin-top:40px}.delivery-grid{grid-template-columns:1fr;margin-top:40px}.delivery-grid>div,.delivery-grid>div+div,.delivery-grid>div:nth-child(3){padding:28px 0;border-right:0;border-top:1px solid rgba(246,231,210,.14);min-height:auto}.delivery-grid h3{margin-top:28px}.service-faq-head{margin-bottom:45px}.faq-list summary{font-size:16px;padding:23px 40px 23px 0}}


/* V10 — continuous-homepage navigation + contrast audit */
:root{--cream:#F6E7D2;--ink:#1E1E17;--gold:#E09C2F;--navy:#102246;--green:#093A24;--maroon:#5B1712}
section[id]{scroll-margin-top:78px}

/* Primary nav now behaves like a continuous editorial index. */
.nav a{position:relative}
.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--gold);transition:right .28s ease}
.nav a:hover:after,.nav a:focus-visible:after{right:0}

/* Explicit light-surface contrast rules: prevents cream-on-cream inheritance. */
.statement,.process,.content-light,.journal-index,.article-body,.home-journal{
  color:var(--ink);
}
.statement .eyebrow,.process .eyebrow,.content-light .eyebrow,.home-journal .eyebrow{
  color:var(--maroon);
}

/* Maintain readable form controls on light backgrounds. */
.content-light input,.content-light textarea,.content-light select,.article-body input,.article-body textarea,.article-body select{color:var(--ink)}

/* Homepage feels like one continuous editorial composition instead of stacked webpages. */
#work,#services,#about,#journal,#contact{position:relative}
#work:before,#services:before,#about:before,#journal:before,#contact:before{content:"";position:absolute;left:4.5vw;right:4.5vw;top:0;height:1px;background:rgba(246,231,210,.08);pointer-events:none}
#journal:before{background:rgba(30,30,23,.12)}

.inline-deep-link{display:inline-block;margin-top:36px;font:italic 17px Georgia,serif;color:var(--gold);border-bottom:1px solid rgba(224,156,47,.72);padding-bottom:4px;align-self:flex-start}

/* More deliberate contrast hierarchy on dark heritage panels. */
.services,.founder,.cta,.journal-library,.journal-notes,.philosophy-values,.journal-next{color:var(--cream)}
.services h2,.services h3,.founder h2,.cta h2,.journal-library h2,.journal-library h3,.journal-notes h2,.philosophy-values h2,.philosophy-values h3,.journal-next h2{color:var(--cream)}

/* Slightly stronger body-copy contrast for usability while retaining restraint. */
.service-row p{color:rgba(246,231,210,.75)}
.founder-copy>p:not(.role):not(.eyebrow){color:rgba(246,231,210,.84)}
.timeline p{color:rgba(246,231,210,.7)}
.cta-copy{color:rgba(246,231,210,.82)}
.journal-story p:not(.journal-meta){color:rgba(246,231,210,.68)}

@media(max-width:950px){section[id]{scroll-margin-top:72px}}

/* === V10.1 iOS / mobile navigation stability === */
@media(max-width:900px){
  html{scroll-padding-top:calc(82px + env(safe-area-inset-top,0px))}
  .header,
  .header.scrolled{
    position:-webkit-sticky;
    position:sticky;
    top:0;
    inset:auto;
    z-index:10050;
    height:calc(82px + env(safe-area-inset-top,0px));
    min-height:calc(82px + env(safe-area-inset-top,0px));
    padding-top:env(safe-area-inset-top,0px);
    background:#1E1E17;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    border-bottom:1px solid rgba(246,231,210,.14);
  }
  .header .nav{
    top:calc(82px + env(safe-area-inset-top,0px));
    inset-inline:0;
  }
  body:before{z-index:90}
}
@media(max-width:560px){
  .header,
  .header.scrolled{
    height:calc(82px + env(safe-area-inset-top,0px));
    min-height:calc(82px + env(safe-area-inset-top,0px));
    padding-left:5vw;
    padding-right:5vw;
  }
}

/* === V10.2 universal site header === */
body > .header{width:100%;box-sizing:border-box}
@media(max-width:900px){
  body > .header{background:#1E1E17!important}
  body > .header .header-logo{display:block;max-width:min(225px,58vw);height:auto}
}

/* V11 — scalable work archive + horizontal homepage reel */
.home-work{overflow:hidden}.featured-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(520px,72vw);gap:24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:0 4.5vw 26px;margin:0 -4.5vw;scrollbar-width:thin;scrollbar-color:rgba(224,156,47,.45) transparent}.featured-card{scroll-snap-align:start;display:block;color:var(--cream)}.featured-image,.forthcoming-frame{position:relative;aspect-ratio:1.72/1;overflow:hidden;background:#12120f;border:1px solid rgba(246,231,210,.12)}.featured-image img{height:100%;object-fit:cover;filter:saturate(.76) contrast(1.03);transition:transform .65s ease,filter .65s ease}.featured-card-live:hover .featured-image img{transform:scale(1.01);filter:saturate(.9)}.featured-copy{padding:20px 2px 10px;border-top:1px solid rgba(246,231,210,.16)}.featured-copy p{margin:0 0 9px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.featured-copy h2{font:550 clamp(34px,4vw,62px)/1 Figtree;margin:0 0 12px;letter-spacing:-.045em}.featured-copy span{font:italic 14px Georgia,serif;color:rgba(246,231,210,.68)}.forthcoming-frame{padding:32px;display:flex;flex-direction:column;justify-content:center;position:relative;background:linear-gradient(145deg,rgba(224,156,47,.08),transparent 45%),#171711}.forthcoming-frame span{position:absolute;top:32px;left:32px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.forthcoming-frame strong{font:italic clamp(26px,3vw,45px)/1.15 Georgia,serif;font-weight:400;max-width:18ch}.featured-rail-footer{display:flex;justify-content:space-between;gap:20px;padding-top:14px;border-top:1px solid rgba(246,231,210,.13);font-size:11px;color:rgba(246,231,210,.52)}.featured-rail-footer p{margin:0}.featured-rail-footer a{font:italic 16px Georgia,serif;color:var(--cream);border-bottom:1px solid rgba(224,156,47,.5)}
.work-library{background:var(--cream);color:var(--maire);padding:0 0 140px}.work-filter-bar{position:sticky;top:74px;z-index:25;display:flex;gap:0;overflow-x:auto;background:rgba(246,231,210,.97);border-top:1px solid rgba(30,30,23,.18);border-bottom:1px solid rgba(30,30,23,.18);padding:0;scrollbar-width:none}.work-filter-bar::-webkit-scrollbar{display:none}.work-filter{appearance:none;border:0;border-right:1px solid rgba(30,30,23,.14);background:transparent;color:var(--maire);padding:18px 22px;font-size:10px;letter-spacing:.17em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.work-filter:hover,.work-filter.active{background:var(--maire);color:var(--cream)}.work-filter-status{margin:28px 0 55px;font:italic 15px Georgia,serif;color:rgba(30,30,23,.56)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:68px 24px}.work-card{display:block;color:inherit}.work-card[hidden]{display:none!important}.work-card img,.coming-visual{width:100%;aspect-ratio:1.5/1;object-fit:cover}.work-card img{filter:saturate(.72) contrast(1.03)}.work-card-featured{grid-column:1/-1}.work-card-featured img{aspect-ratio:2.05/1}.work-card-copy{border-top:1px solid rgba(30,30,23,.18);padding-top:18px;margin-top:16px}.work-card-copy p{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:var(--maroon);margin:0 0 10px}.work-card-copy h2{font:550 clamp(32px,3vw,52px)/1 Figtree;letter-spacing:-.04em;margin:0 0 12px}.work-card-copy span{font:italic 14px Georgia,serif;color:rgba(30,30,23,.58)}.coming-visual{background:var(--maire);color:var(--cream);padding:30px;display:flex;flex-direction:column;justify-content:space-between}.coming-visual span{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.coming-visual strong{font:italic clamp(25px,2.8vw,42px)/1.16 Georgia,serif;font-weight:400;max-width:18ch}.work-empty-state{margin:70px 0 20px;padding:70px 0;border-top:1px solid rgba(30,30,23,.2);border-bottom:1px solid rgba(30,30,23,.2)}.work-empty-state h2{font:550 clamp(42px,5vw,72px)/1 Figtree;letter-spacing:-.045em;margin:10px 0 22px}.work-empty-state>p:last-child{max-width:650px;color:rgba(30,30,23,.62)}
@media(max-width:760px){.featured-rail{grid-auto-columns:84vw;gap:16px}.featured-rail-footer{align-items:flex-start;flex-direction:column}.work-grid{grid-template-columns:1fr;gap:52px}.work-card-featured{grid-column:auto}.work-card-featured img{aspect-ratio:1.45/1}.work-filter{padding:16px 17px}.work-filter-bar{top:74px}.forthcoming-frame,.coming-visual{padding:24px}}


/* === V12 documentary language + homepage philosophy/showreel === */
.home-philosophy-reel{background:var(--cream);color:var(--maire);padding:130px 0}
.philosophy-reel-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,110px);align-items:center}
.home-philosophy-copy .eyebrow{color:var(--maroon)}
.home-philosophy-copy h2{font:550 clamp(46px,5.5vw,82px)/.98 Figtree;letter-spacing:-.055em;margin:13px 0 28px;max-width:10ch}
.home-philosophy-copy .serif{font-family:Georgia,serif;font-style:italic;font-weight:400}
.home-philosophy-copy>p{max-width:610px;color:rgba(30,30,23,.72);font-size:16px;line-height:1.75}
.home-philosophy-copy .philosophy-lede{font:italic clamp(22px,2.3vw,31px)/1.4 Georgia,serif;color:var(--maire);max-width:22ch}
.editorial-link{display:inline-block;margin-top:20px;font:italic 16px Georgia,serif;color:var(--maire);border-bottom:1px solid rgba(30,30,23,.35);padding-bottom:4px}
.showreel-coming{position:relative;min-height:520px;overflow:hidden;background:#11110e;border:1px solid rgba(30,30,23,.18);color:var(--cream)}
.showreel-coming>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02) brightness(.96);transform:scale(1.008)}
.showreel-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,15,12,.08),rgba(15,15,12,.58))}
.showreel-copy{position:absolute;inset:0;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.showreel-copy>span{position:absolute;top:32px;left:34px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.showreel-play{width:62px;height:62px;border:1px solid rgba(246,231,210,.55);border-radius:50%;display:grid;place-items:center;font-size:15px;padding-left:3px;margin-bottom:28px;background:rgba(30,30,23,.28)}
.showreel-copy h3{font:550 clamp(34px,4vw,60px)/1 Figtree;letter-spacing:-.045em;max-width:11ch;margin:0 0 16px}
.showreel-copy p{font:italic 15px Georgia,serif;color:rgba(246,231,210,.75);max-width:42ch;margin:0}
.documentary-taxonomy{background:var(--maire);color:var(--cream);padding:120px 0}
.taxonomy-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(246,231,210,.18);border-left:1px solid rgba(246,231,210,.18);margin-top:45px}
.taxonomy-grid>div{padding:42px;border-right:1px solid rgba(246,231,210,.18);border-bottom:1px solid rgba(246,231,210,.18)}
.taxonomy-grid .eyebrow{color:var(--gold)}
.taxonomy-grid h2{font:550 clamp(31px,3.3vw,48px)/1 Figtree;letter-spacing:-.04em;margin:12px 0 18px}
.taxonomy-grid p:last-child{color:rgba(246,231,210,.7);max-width:45ch;line-height:1.65}
@media(max-width:850px){.philosophy-reel-grid{grid-template-columns:1fr}.showreel-coming{min-height:480px}.taxonomy-grid{grid-template-columns:1fr}}
@media(max-width:560px){.home-philosophy-reel{padding:90px 0}.showreel-coming{min-height:420px}.showreel-copy{padding:24px}.showreel-copy>span{top:22px;left:24px}.taxonomy-grid>div{padding:28px}}

/* V12.2 — documentary disciplines + philosophy refinement */
.discipline-note{margin-top:34px;padding:30px 0;border-top:1px solid rgba(246,231,210,.18);display:grid;grid-template-columns:minmax(140px,.35fr) minmax(0,1fr);gap:30px;align-items:start}
.discipline-note p:last-child{margin:0;max-width:72ch;color:rgba(246,231,210,.78);font:400 15px/1.8 Poppins,sans-serif}
.discipline-bridge{background:var(--green);color:var(--cream);padding:110px 0}
.discipline-bridge .eyebrow{color:var(--gold)}
.discipline-bridge h2{font:600 clamp(42px,5.2vw,78px)/.98 Figtree,sans-serif;letter-spacing:-.05em;margin:0 auto;max-width:10ch}
.discipline-bridge .prose p{color:rgba(246,231,210,.8)}
.services-disciplines .service-row strong{font-weight:500;color:var(--gold)}
.service-pricing .cta-button{color:var(--cream)}
@media(max-width:760px){.discipline-note{grid-template-columns:1fr;gap:8px}.discipline-bridge{padding:80px 0}}


/* V12.4 — restrained introduction into the navy Services section */
.navy-bridge{
  position:relative;
  background:var(--cream);
  padding:18px 4.5vw 0;
  overflow:hidden;
}
.navy-bridge-inner{
  position:relative;
  height:82px;
  background:var(--maire);
  border-top:1px solid rgba(30,30,23,.10);
}
.navy-bridge-line{
  position:absolute;
  left:5%;right:5%;bottom:18px;
  height:2px;
  background:var(--navy);
  opacity:.92;
}
.navy-bridge-mark{
  position:absolute;
  right:5%;bottom:13px;
  width:12px;height:12px;
  background:var(--navy);
}
.navy-bridge + .services{
  padding-top:112px;
}
@media(max-width:560px){
  .forthcoming-frame span{top:24px;left:24px}
  .navy-bridge{padding-left:0;padding-right:0;padding-top:10px}
  .navy-bridge-inner{height:64px}
  .navy-bridge-line{left:7%;right:7%;bottom:15px}
  .navy-bridge-mark{right:7%;bottom:10px}
  .navy-bridge + .services{padding-top:88px}
}


/* V12.6 — homepage discipline statement refinement */
.discipline-note-statement{
  margin-top:46px;
  padding:42px 0 48px;
  align-items:center;
}
.discipline-note-statement p:last-child{
  max-width:21ch;
  color:var(--cream);
  font:500 clamp(28px,3vw,46px)/1.08 Figtree,sans-serif;
  letter-spacing:-.035em;
}
.discipline-note-statement p:last-child .serif{
  font-family:Times New Roman,Times,serif;
  font-style:italic;
  font-weight:400;
  letter-spacing:-.02em;
}
.discipline-note-statement .discipline-note-meta{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
}
.discipline-note-statement .editorial-link{
  color:var(--gold);
  border-bottom-color:rgba(224,156,47,.58);
}
@media(max-width:760px){
  .discipline-note-statement{padding:30px 0 36px;margin-top:28px}
  .discipline-note-statement p:last-child{max-width:24ch}
  .discipline-note-statement .discipline-note-meta{gap:10px}
}

/* V12.7 — remove duplicated rule above Featured Work on homepage */
.home-work .section-label{border-top:0}

/* V12.11 — specialist post-production service */
.post-production-service{background:var(--maire);color:var(--cream);padding:115px 0;border-top:1px solid var(--darkline);border-bottom:1px solid var(--darkline)}
.post-production-service .two-col{align-items:start}
.post-production-service .eyebrow{color:var(--gold)}
.post-production-service h2{font:600 clamp(42px,5.2vw,78px)/.98 Figtree,sans-serif;letter-spacing:-.05em;margin:0;max-width:12ch}
.post-production-service .prose{font-size:15px;line-height:1.85;color:rgba(246,231,210,.8)}
.post-production-service .post-production-cta{display:inline-block;margin-top:12px;color:var(--cream)}
@media(max-width:760px){.post-production-service{padding:82px 0}}


/* V12.12 — Hero identity and copy polish */
.hero-brand{position:relative;z-index:3;margin:0 0 9px;font-family:Figtree,sans-serif;font-size:clamp(12px,1vw,15px);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:rgba(246,231,210,.92)}
.hero .hero-brand + .eyebrow{margin-bottom:26px;color:rgba(224,156,47,.86)}
.hero-watermark{position:absolute;z-index:1;right:7vw;top:24%;width:min(31vw,520px);height:auto;opacity:.055;pointer-events:none;user-select:none;filter:none}
@media(max-width:950px){.hero-watermark{right:-4vw;top:26%;width:min(44vw,430px);opacity:.04}}
@media(max-width:560px){.hero-brand{font-size:10px;letter-spacing:.13em;margin-bottom:7px}.hero-watermark{right:-18vw;top:25%;width:72vw;opacity:.028}}

/* === V12.13 — hero/submark composition + CTA breathing room === */
/* Hero clapper becomes a large, quiet background anchor: it begins behind the
   headline and continues into the right-side negative space. */
.hero-watermark{
  left:32vw;
  right:auto;
  top:16%;
  width:min(60vw,940px);
  opacity:.042;
  z-index:1;
}

/* The closing CTA clapper should feel placed within the composition rather
   than pinned/cropped into the upper-right corner. */
.cta-mark{
  width:min(38vw,610px);
  right:3.5vw;
  top:9%;
  opacity:.045;
}

@media(max-width:950px){
  .hero-watermark{
    left:30vw;
    right:auto;
    top:21%;
    width:min(72vw,680px);
    opacity:.032;
  }
  .cta-mark{
    width:min(48vw,470px);
    right:1vw;
    top:12%;
  }
}

@media(max-width:560px){
  .hero-watermark{
    left:28vw;
    right:auto;
    top:27%;
    width:92vw;
    opacity:.024;
  }
  .cta-mark{
    width:70vw;
    right:-8vw;
    top:17%;
    opacity:.032;
  }
}


/* === V12.14 — standalone Portrait Philosophy + refined clapper compositions === */
/* Homepage hero clapper: keep the scale, move it right/up, keep the full mark
   inside the hero, and let it emerge from a quiet fade on the left into a
   clearer mark at the right edge. */
.hero-watermark{
  left:auto;
  right:1.8vw;
  top:8.5%;
  width:min(55vw,860px);
  max-height:82%;
  object-fit:contain;
  opacity:.085;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.28) 26%,rgba(0,0,0,.62) 58%,#000 88%,#000 100%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.28) 26%,rgba(0,0,0,.62) 58%,#000 88%,#000 100%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  z-index:1;
}
/* Restore the closing green CTA clapper to the elegant corner placement. */
.cta-mark{
  width:42vw;
  right:-7vw;
  top:-7vw;
  opacity:.045;
}
@media(max-width:950px){
  .hero-watermark{
    right:-1vw;
    top:12%;
    width:min(64vw,650px);
    max-height:78%;
    opacity:.065;
  }
  .cta-mark{width:46vw;right:-8vw;top:-5vw;opacity:.04}
}
@media(max-width:560px){
  .hero-watermark{
    right:-8vw;
    top:18%;
    width:82vw;
    max-height:70%;
    opacity:.045;
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.42) 55%,#000 92%);
    mask-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.42) 55%,#000 92%);
  }
  .cta-mark{width:72vw;right:-18vw;top:-5vw;opacity:.03}
}


/* === V12.15 — stronger hero emblem + easier Philosophy discovery/reading === */
/* Push the hero clapper decisively into the right side, enlarge it, and use a
   stronger left-to-right reveal. The headline remains the visual priority. */
.hero-watermark{
  right:-6vw;
  top:3%;
  width:min(66vw,1040px);
  max-height:96%;
  opacity:.13;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.025) 19%,rgba(0,0,0,.10) 34%,rgba(0,0,0,.38) 53%,rgba(0,0,0,.76) 73%,#000 88%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.025) 19%,rgba(0,0,0,.10) 34%,rgba(0,0,0,.38) 53%,rgba(0,0,0,.76) 73%,#000 88%,#000 100%);
}

@media(max-width:950px){
  .hero-watermark{right:-13vw;top:7%;width:min(78vw,760px);max-height:90%;opacity:.10}
}
@media(max-width:560px){
  .hero-watermark{right:-24vw;top:15%;width:105vw;max-height:76%;opacity:.07;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.20) 45%,#000 86%);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.20) 45%,#000 86%)}
}


/* === V12.16 — 4K composition, hero emblem, and combined Philosophy/About === */
/* Hero clapper: substantially larger and farther right. A pseudo overlay softens
   the transition so there are no visible hard gradient bands. */
.hero-watermark{
  right:-13vw;
  top:-2%;
  width:min(78vw,1280px);
  max-height:none;
  opacity:.15;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 26%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.48) 63%,rgba(0,0,0,.82) 79%,#000 94%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 26%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.48) 63%,rgba(0,0,0,.82) 79%,#000 94%);
  filter:blur(.01px);
}

/* Large desktop / 4K normalization. Content remains editorial in scale instead
   of stretching with the full viewport. */
@media(min-width:1800px){
  .wrap,.hero-inner{width:min(calc(100vw - 180px),1600px)}
  .header{padding-left:max(64px,calc((100vw - 1720px)/2));padding-right:max(64px,calc((100vw - 1720px)/2))}
  .nav{gap:clamp(30px,1.8vw,42px)}
  .hero-inner{padding-bottom:clamp(105px,7vh,150px)}
  .hero h1{font-size:clamp(118px,7.2vw,164px);max-width:9.2ch}
  .hero-deck{max-width:540px}
  .hero-watermark{right:-7vw;top:-4%;width:min(70vw,1500px);opacity:.16}
  .intro-strip,.work,.home-philosophy-reel,.services,.process,.archive,.home-journal,.content-light,.content-dark,.post-production-service{padding-left:0;padding-right:0}
  .intro-strip .wrap,.process-head,.two-col,.philosophy-reel-grid{gap:clamp(70px,5vw,120px)}
  .founder-copy{padding:clamp(100px,6vw,150px) clamp(80px,5vw,125px)}
  .cta .wrap{max-width:1600px}
}
@media(min-width:3000px){
  .wrap,.hero-inner{width:min(calc(100vw - 320px),1760px)}
  .header{padding-left:max(100px,calc((100vw - 1900px)/2));padding-right:max(100px,calc((100vw - 1900px)/2))}
  .hero h1{font-size:172px}
  .hero-watermark{right:-3vw;width:min(62vw,1680px);top:-5%}
  .founder-copy{padding:135px 120px}
}
@media(max-width:950px){
  .hero-watermark{right:-20vw;top:5%;width:min(92vw,860px);opacity:.105}
}
@media(max-width:560px){
  .hero-watermark{right:-34vw;top:13%;width:120vw;opacity:.075;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 46%,#000 90%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 46%,#000 90%)}
}

/* === V12.17 — homepage hero correction === */
/* Restore the classic Studio Portrait dark hero. The homepage intentionally
   uses no photographic background; the clapper mark carries the visual identity. */
.hero-bg{
  background:
    radial-gradient(circle at 72% 42%,rgba(224,156,47,.035),transparent 32%),
    linear-gradient(112deg,#141410 0%,#191914 48%,#1e1e17 100%);
  filter:none;
  transform:none;
}

/* Let the oversized clapper continue beyond the hero instead of being cropped
   at the bottom. Horizontal overflow remains contained by the page. */
.hero{overflow:visible}
body{overflow-x:hidden}

/* Begin the mark well behind the MAKE portion of the headline, then reveal it
   smoothly into the open right side. Keep the current large scale. */
.hero-watermark{
  left:34vw;
  right:auto;
  top:5%;
  width:min(78vw,1280px);
  max-width:none;
  max-height:none;
  opacity:.15;
  object-fit:contain;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 26%,rgba(0,0,0,.52) 56%,#000 82%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 26%,rgba(0,0,0,.52) 56%,#000 82%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  filter:none;
}

/* Keep hero copy and the following intro above the emblem where they overlap. */
.hero-inner,.hero-tag{z-index:3}
.intro-strip{position:relative;z-index:2}

@media(min-width:1800px){
  .hero-watermark{
    left:36vw;
    right:auto;
    top:2%;
    width:min(70vw,1500px);
    opacity:.16;
  }
}
@media(min-width:3000px){
  .hero-watermark{
    left:39vw;
    right:auto;
    top:1%;
    width:min(58vw,1750px);
  }
}
@media(max-width:950px){
  .hero{overflow:hidden}
  .hero-watermark{
    left:31vw;
    right:auto;
    top:14%;
    width:88vw;
    opacity:.09;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 34%,#000 84%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 34%,#000 84%);
  }
}
@media(max-width:560px){
  .hero-watermark{
    left:27vw;
    top:20%;
    width:112vw;
    opacity:.065;
  }
}


/* === V12.18 — homepage stabilization + Featured Work image === */
/* Keep the V12.17 composition, but remove the abrupt watermark jump that
   occurred around the 1800px desktop breakpoint (and therefore between
   common browser zoom levels). */
@media(min-width:951px){
  .hero-watermark{
    left:clamp(470px,36vw,700px);
    right:auto;
    top:clamp(8px,2.2vh,28px);
    width:clamp(1020px,72vw,1500px);
    opacity:.155;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 24%,rgba(0,0,0,.34) 46%,rgba(0,0,0,.72) 68%,#000 88%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 24%,rgba(0,0,0,.34) 46%,rgba(0,0,0,.72) 68%,#000 88%);
  }
}
/* Override the earlier large-screen watermark rules so 80%, 100%, ultrawide,
   and 4K layouts preserve the same composition instead of snapping. */
@media(min-width:1800px){
  .hero-watermark{left:clamp(470px,36vw,700px);top:clamp(8px,2.2vh,28px);width:clamp(1020px,72vw,1500px);opacity:.155}
}
@media(min-width:3000px){
  .hero-watermark{left:700px;top:24px;width:1500px}
}
/* The project still is intentionally housed in Featured Work, not the brand hero. */
.featured-card-live .featured-image img{object-position:center 42%}

/* V12.19 — process readability pass */
.process-card p{font-size:13.5px;line-height:1.78;opacity:.74;max-width:28ch}
.process-head>p{opacity:.78}

/* === V12.20 — hero clapper vertical-fit / overflow correction ===
   Preserve the approved V12.18/12.19 scale and composition while preventing
   the bottom of the square clapper mark from appearing chopped on MacBook Pro
   and 4K desktop viewports. The mark may continue into the intro section. */
@media(min-width:951px){
  .hero{
    overflow:visible;
    z-index:2;
  }
  .hero-watermark{
    /* Keep the approved large scale and horizontal placement. */
    left:clamp(470px,36vw,700px);
    right:auto;
    top:clamp(-8px,1vh,12px);
    width:clamp(1020px,72vw,1500px);
    max-width:none;
    max-height:none;
    object-fit:contain;
  }
  /* The intro no longer paints an opaque layer over the part of the clapper
     that naturally extends below the hero. Its copy remains above the mark. */
  .intro-strip{
    position:relative;
    z-index:1;
  }
  .intro-strip .wrap{
    position:relative;
    z-index:4;
  }
}

/* Height-aware positioning for shorter laptop/browser viewports. We keep the
   logo large rather than shrinking it; the lower portion is allowed to pass
   into the following section instead of being clipped at the hero boundary. */
@media(min-width:951px) and (max-height:900px){
  .hero-watermark{
    top:-18px;
  }
}

/* 4K / very wide displays retain the same visual relationship without a
   breakpoint snap. */
@media(min-width:3000px){
  .hero-watermark{
    left:700px;
    top:8px;
    width:1500px;
  }
}

/* V12.21 — Journal archive and long-form readability */
.journal-explore{background:var(--cream);color:var(--ink);padding:95px 0 105px;border-bottom:1px solid rgba(30,30,23,.14)}
.journal-explore-grid{display:grid;grid-template-columns:1.05fr .9fr .9fr;gap:clamp(42px,5vw,88px);margin-top:54px}
.journal-explore-group .eyebrow{color:var(--maroon);margin-bottom:22px}
.journal-explore-links{display:grid}
.journal-explore-links a{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid rgba(30,30,23,.16);font:540 clamp(20px,1.55vw,27px)/1.15 Figtree;color:var(--ink)}
.journal-explore-links a:first-child{border-top:1px solid rgba(30,30,23,.16)}
.journal-explore-links a span{font:italic 13px Georgia,serif;color:var(--maroon);align-self:center}
.journal-stage-links{display:flex;flex-wrap:wrap;gap:9px}
.journal-stage-filter{appearance:none;border:1px solid rgba(30,30,23,.24);background:transparent;color:var(--ink);padding:11px 14px;font:500 12px/1 Figtree;letter-spacing:.035em;cursor:pointer;transition:.22s ease}
.journal-stage-filter:hover,.journal-stage-filter.active{background:var(--maire);color:var(--cream);border-color:var(--maire)}
.journal-craft-list{display:flex;flex-wrap:wrap;gap:8px}
.journal-craft-list span{border-bottom:1px solid rgba(91,23,18,.32);padding:7px 0;margin-right:12px;font:italic 15px/1.2 Georgia,serif;color:var(--maroon)}
.journal-explore-note{font-size:12px;line-height:1.75;color:rgba(30,30,23,.58);max-width:360px;margin:22px 0 0}
.journal-search-row{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-top:58px;padding-top:24px;border-top:1px solid rgba(30,30,23,.14)}
.journal-search-row label{flex:1;max-width:520px}.journal-search{width:100%;font-size:15px;padding:12px 0}
.journal-search-row .journal-results{margin:0;white-space:nowrap}

.journal-projects{background:var(--cream);color:var(--ink);padding:120px 0 150px}
.journal-project{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);min-height:610px;border-top:1px solid rgba(30,30,23,.18);padding:54px 0 70px;gap:clamp(42px,5vw,92px)}
.journal-project:last-child{border-bottom:1px solid rgba(30,30,23,.18)}
.journal-project[hidden]{display:none!important}
.journal-project-media{overflow:hidden;align-self:start}.journal-project-media img{width:100%;aspect-ratio:1.05/1;object-fit:cover;filter:saturate(.74) contrast(1.02)}
.journal-project-kicker{display:flex;justify-content:space-between;gap:24px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:rgba(30,30,23,.55);margin-bottom:30px}
.journal-project-copy h2{font:580 clamp(46px,5vw,76px)/.93 Figtree;letter-spacing:-.05em;margin:0;max-width:760px}.journal-project-copy h2 a{color:inherit}
.journal-project-copy>p{font-size:15px;line-height:1.8;max-width:660px;color:rgba(30,30,23,.7);margin:26px 0 38px}
.journal-reading-path{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(30,30,23,.17);border-bottom:1px solid rgba(30,30,23,.17)}
.journal-reading-path>a,.journal-reading-path>div{display:flex;flex-direction:column;min-height:135px;padding:18px 16px 18px 0;border-right:1px solid rgba(30,30,23,.14);color:var(--ink)}
.journal-reading-path>*:last-child{border-right:0;padding-left:16px}.journal-reading-path>*+*{padding-left:16px}
.journal-reading-path span{font-size:9px;letter-spacing:.16em;color:var(--maroon);margin-bottom:16px}
.journal-reading-path strong{font:560 15px/1.2 Figtree;margin-bottom:7px}.journal-reading-path small{font:italic 12px/1.35 Georgia,serif;color:rgba(30,30,23,.56)}
.journal-reading-path a{transition:background .2s ease}.journal-reading-path a:hover{background:rgba(224,156,47,.09)}
.journal-reading-path-planned{grid-template-columns:repeat(3,1fr)}.journal-reading-path-planned>div{opacity:.46}
.journal-project-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px}
.journal-series{font:italic 14px Georgia,serif;color:var(--maroon)}.journal-project-footer a{font:600 12px Figtree;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(91,23,18,.45);padding-bottom:4px}

.journal-library{padding-top:130px}.journal-context{font:600 9px/1.3 Figtree!important;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)!important;margin:0 0 9px!important}
.journal-story .journal-meta{margin-top:0}.journal-story[hidden]{display:none!important}

/* easier long-form reading */
.article-layout{grid-template-columns:210px minmax(0,850px);gap:clamp(40px,5vw,78px);max-width:1240px;margin:0 auto}
.article-copy{font-size:17px;line-height:1.86;color:rgba(25,25,18,.84)}
.article-copy>p:not(.article-intro){margin:0 0 1.45em}
.article-intro{font-size:clamp(26px,2.15vw,36px);line-height:1.5;margin-bottom:82px;max-width:800px}
.article-copy h2{font-size:clamp(38px,4vw,58px);line-height:1;margin-top:92px;margin-bottom:26px}
.article-copy h2 span{font-size:10px;letter-spacing:.18em;display:block;margin-bottom:14px;color:var(--maroon)}
.article-toc span{font-size:9px;letter-spacing:.18em}.article-toc a{font-size:14px;line-height:1.35;padding:9px 0}.article-toc-film{display:flex;flex-direction:column;margin-top:18px;padding-top:18px;border-top:1px solid rgba(30,30,23,.16)}.article-toc-film span{margin:0 0 8px}.article-toc-film a{width:max-content;padding:4px 0;color:var(--maroon);border-bottom:1px solid rgba(91,23,18,.34)}.article-toc-film a:hover{border-color:var(--maroon)}
.article-figure figcaption,.article-image-pair figcaption{font-size:12px;line-height:1.55;margin-top:10px;color:rgba(30,30,23,.58)}
.article-deck{font-size:14px;line-height:1.55}.article-pull{line-height:1.2}

@media(max-width:1050px){
  .journal-explore-grid{grid-template-columns:1fr 1fr}.journal-explore-craft{grid-column:1/-1;max-width:720px}
  .journal-project{grid-template-columns:1fr;min-height:0}.journal-project-media{max-width:760px}.journal-project-media img{aspect-ratio:1.5/1}
  .article-layout{grid-template-columns:1fr;max-width:820px}.article-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
  .article-toc>span{grid-column:1/-1}
}
@media(max-width:680px){
  .journal-explore{padding:70px 0 78px}.journal-explore-grid{grid-template-columns:1fr;gap:48px}.journal-explore-craft{grid-column:auto}
  .journal-search-row{align-items:stretch;flex-direction:column}.journal-search-row .journal-results{white-space:normal}
  .journal-projects{padding:82px 0 100px}.journal-project{padding:42px 0 58px;gap:34px}.journal-project-media img{aspect-ratio:1.15/1}
  .journal-project-kicker{flex-direction:column;gap:7px}.journal-project-copy h2{font-size:12vw}.journal-project-copy>p{font-size:14px}
  .journal-reading-path,.journal-reading-path-planned{grid-template-columns:1fr}.journal-reading-path>a,.journal-reading-path>div{min-height:0;border-right:0;border-bottom:1px solid rgba(30,30,23,.14);padding:16px 0!important}.journal-reading-path>*:last-child{border-bottom:0}
  .journal-project-footer{align-items:flex-start;flex-direction:column}
  .article-copy{font-size:16.5px;line-height:1.82}.article-toc{grid-template-columns:1fr}.article-toc>span{grid-column:auto}.article-intro{font-size:22px;margin-bottom:58px}.article-copy h2{margin-top:72px}
}

/* V12.22 — Journal Edition */
.journal-hero-v122{min-height:68vh;padding-bottom:92px;background:
linear-gradient(180deg,rgba(30,30,23,.1),rgba(30,30,23,.9)),var(--maire)}
.journal-hero-v122 h1{max-width:1100px;font-size:clamp(64px,8.5vw,132px)}
.journal-hero-v122 h1 .serif{display:block;text-transform:none;font-weight:400;color:var(--gold)}
.journal-hero-v122 .lede{max-width:760px}
.journal-index-v122{background:var(--cream);color:var(--ink);padding:112px 0 125px}
.journal-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,2.4vw,42px);margin-top:50px}
.journal-square-card{border-top:1px solid rgba(30,30,23,.2);padding-top:18px}
.journal-square-card[hidden]{display:none!important}
.journal-square-media{position:relative;display:block;overflow:hidden;background:#181812}
.journal-square-media img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;filter:saturate(.78) contrast(1.03);transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.journal-square-card:nth-child(2) .journal-square-media img{object-position:34% center}
.journal-square-card:nth-child(3) .journal-square-media img{object-position:82% center}
.journal-square-card:hover .journal-square-media img{transform:scale(1.025);filter:saturate(.92) contrast(1.03)}
.journal-square-copy{padding:20px 0 0}
.journal-card-meta{display:flex;justify-content:space-between;gap:16px;text-transform:uppercase;letter-spacing:.14em;font:600 9px/1.4 Figtree;color:rgba(30,30,23,.53)}
.journal-square-copy h2{font:610 clamp(34px,3vw,52px)/.96 Figtree;letter-spacing:-.045em;margin:18px 0 14px;max-width:420px}
.journal-square-copy h2 a{color:inherit}
.journal-square-copy>p{font-size:14px;line-height:1.75;color:rgba(30,30,23,.67);min-height:74px;max-width:440px}
.journal-stage-mini{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 26px}
.journal-stage-mini a{border:1px solid rgba(30,30,23,.18);padding:7px 9px;font:600 9px/1 Figtree;text-transform:uppercase;letter-spacing:.08em;color:rgba(30,30,23,.72);transition:.2s ease}
.journal-stage-mini a:hover{background:var(--maire);border-color:var(--maire);color:var(--cream)}
.journal-enter{display:inline-block;font:650 11px/1 Figtree;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid rgba(91,23,18,.45);padding-bottom:5px;color:var(--maroon)}.journal-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin-top:22px}.journal-card-actions .journal-enter,.journal-card-actions .journal-watch{margin-top:0}.journal-card-actions .journal-watch{font:italic 14px Georgia,serif;color:var(--maroon);border-bottom:1px solid rgba(91,23,18,.4);padding-bottom:3px}
.journal-discovery-v122{background:var(--maire);color:var(--cream);padding:110px 0 125px}
.journal-discovery-head{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;border-bottom:1px solid rgba(246,231,210,.14);padding-bottom:50px}
.journal-discovery-head h2{font:620 clamp(48px,5.8vw,82px)/.92 Figtree;letter-spacing:-.05em;margin:12px 0 0;max-width:820px}
.journal-discovery-head h2 .serif{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--gold)}
.journal-discovery-head>p{font-size:14px;line-height:1.8;color:rgba(246,231,210,.64);max-width:480px;margin:0}
.journal-discovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:50px}
.journal-discovery-v122 .journal-stage-filter{border-color:rgba(246,231,210,.22);color:var(--cream)}
.journal-discovery-v122 .journal-stage-filter:hover,.journal-discovery-v122 .journal-stage-filter.active{background:var(--cream);color:var(--maire);border-color:var(--cream)}
.journal-discovery-v122 .journal-craft-list span{color:var(--gold);border-color:rgba(224,156,47,.35)}
.journal-discovery-v122 .journal-search-row{border-color:rgba(246,231,210,.14)}
.journal-discovery-v122 .journal-search{color:var(--cream);border-color:rgba(246,231,210,.25)}
.journal-discovery-v122 .journal-results{color:rgba(246,231,210,.62)}

.article-hero-v122{padding-top:185px;padding-bottom:88px}
.article-hero-v122 .eyebrow{color:var(--gold)}
.article-hero-v122 h1 .serif{color:var(--cream)}
.article-hero-image-v122{position:relative;overflow:hidden}
.article-hero-image-v122:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(246,231,210,.04);pointer-events:none}
.article-hero-image-v122 img{width:100%;height:min(76vh,900px);max-height:none;object-fit:cover;object-position:center}
.article-meta-band{background:#161611;color:var(--cream);border-top:1px solid rgba(246,231,210,.08);border-bottom:1px solid rgba(246,231,210,.08)}
.article-meta-band .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:18px;padding-bottom:18px}
.article-meta-band span{font:600 9px/1.4 Figtree;text-transform:uppercase;letter-spacing:.14em;color:rgba(246,231,210,.58)}
.article-provenance{border-left:2px solid var(--maroon);padding:5px 0 5px 22px;margin:0 0 78px}
.article-provenance span{font:italic 20px/1.3 Georgia,serif;color:var(--maroon)}
.article-provenance p{font-size:13px;line-height:1.7;color:rgba(30,30,23,.62);margin:9px 0 0}
.article-provenance.studio-project{border-color:var(--gold)}
.article-provenance.studio-project span{color:var(--maroon)}
.article-subhead{font:italic clamp(25px,2.1vw,34px)/1.2 Georgia,serif;color:var(--maroon);margin:28px 0 20px}
.article-copy strong{font-weight:650}
.article-spec-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(30,30,23,.16);border-bottom:1px solid rgba(30,30,23,.16);margin:44px 0 46px}
.article-spec-grid>div{padding:18px 18px 18px 0;border-bottom:1px solid rgba(30,30,23,.12)}
.article-spec-grid>div:nth-child(odd){border-right:1px solid rgba(30,30,23,.12)}
.article-spec-grid>div:nth-child(even){padding-left:18px}
.article-spec-grid>div:nth-last-child(-n+2){border-bottom:0}
.article-spec-grid small{display:block;text-transform:uppercase;letter-spacing:.14em;font:600 9px/1.3 Figtree;color:rgba(30,30,23,.48);margin-bottom:8px}
.article-spec-grid strong{display:block;font:560 15px/1.45 Figtree;color:var(--ink)}
.article-figure-bleed{margin-left:0;margin-right:-9vw}
.article-figure-bleed img{max-height:690px;object-fit:cover}
.article-figure-portrait{max-width:660px;margin-left:auto;margin-right:auto}
.article-figure-portrait img{max-height:800px;object-fit:contain;background:#111}
.editorial-pair img{aspect-ratio:4/5}
.article-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:65px 0}
.article-mosaic figure{margin:0}
.article-mosaic figure.wide{grid-column:1/-1}
.article-mosaic img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;filter:saturate(.78) contrast(1.02)}
.article-mosaic figure.wide img{aspect-ratio:16/8.5}
.article-mosaic figcaption{font:italic 12px/1.55 Georgia,serif;color:rgba(30,30,23,.58);margin-top:10px}
.article-end p:not(.eyebrow){max-width:720px;color:rgba(30,30,23,.68)}

@media(max-width:1000px){
  .journal-card-grid{grid-template-columns:1fr 1fr}.journal-square-card:last-child{grid-column:1/-1;max-width:620px}.journal-discovery-head{grid-template-columns:1fr;gap:26px}.journal-discovery-grid{grid-template-columns:1fr}.article-meta-band .wrap{grid-template-columns:1fr 1fr}.article-figure-bleed{margin-left:0;margin-right:0}
}
@media(max-width:640px){
  .journal-index-v122{padding:78px 0 88px}.journal-card-grid{grid-template-columns:1fr;gap:58px}.journal-square-card:last-child{grid-column:auto;max-width:none}.journal-square-copy>p{min-height:0}.journal-discovery-v122{padding:82px 0 90px}.journal-discovery-head h2{font-size:12vw}.journal-discovery-grid{gap:50px}.article-meta-band .wrap{grid-template-columns:1fr;gap:8px}.article-hero-image-v122 img{height:56vh}.article-spec-grid{grid-template-columns:1fr}.article-spec-grid>div,.article-spec-grid>div:nth-child(odd),.article-spec-grid>div:nth-child(even){border-right:0;border-bottom:1px solid rgba(30,30,23,.12);padding:15px 0}.article-spec-grid>div:last-child{border-bottom:0}.article-mosaic{grid-template-columns:1fr}.article-mosaic figure.wide{grid-column:auto}.editorial-pair img{aspect-ratio:1/1}.article-provenance{margin-bottom:58px}
}

/* V12.22.3 journal refinements */
.soap-hero-frame img{height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;display:block}

/* V12.22.4 homepage Journal teaser — curated, related to the Journal without duplicating it */
.home-journal-head .eyebrow{display:flex;align-items:center;gap:14px;white-space:nowrap}
.home-journal-head .eyebrow::after{content:"";display:block;width:clamp(54px,7vw,110px);height:1px;background:rgba(91,23,18,.30)}
.home-journal-card.small h3{font-size:clamp(25px,2.45vw,38px);max-width:620px}
.home-journal-card.small img{object-position:center 48%}
@media(max-width:950px){.home-journal-head .eyebrow::after{width:72px}}

/* V12.22.7 — Journal image-art-direction corrections */
.soap-hero-frame{background:var(--maire);}
.bigtop-pre-pair img{aspect-ratio:4/3;object-fit:cover;}
.bigtop-pre-pair figure:first-child img{object-position:center 58%;}
.bigtop-pre-pair figure:last-child img{object-position:center 42%;}
.bigtop-performance-pair img{aspect-ratio:4/3;object-fit:cover;}
.bigtop-performance-pair figure:first-child img{object-position:center 44%;}
.bigtop-performance-pair figure:last-child img{object-position:center 40%;}
.bigtop-color-break img{aspect-ratio:16/8.6;object-fit:cover;object-position:center;}
.archive-label{margin:42px 0 14px;font:600 9px/1.3 Figtree,sans-serif;letter-spacing:.18em;color:var(--maroon);}
.showcase-poster{margin-top:0;}
.showcase-poster img{filter:none!important;}
@media(max-width:560px){.bigtop-pre-pair img,.bigtop-performance-pair img{aspect-ratio:4/3}.soap-hero-frame img{width:100%;height:auto!important;}}

/* V12.22.8 — keep mosaic captions clear of the following row */
.article-mosaic img{
  height:auto;
  display:block;
}
.article-mosaic figure{
  min-width:0;
}
.article-mosaic figcaption{
  position:relative;
  z-index:1;
  display:block;
  padding-bottom:4px;
}

/* V12.22.9 — richer project-specific Journal imagery */
.soap-stills-cluster img{filter:none;}
.soap-stills-cluster figure.wide img{aspect-ratio:16/8.5;object-fit:cover;}
.soap-stills-cluster figure:not(.wide) img{aspect-ratio:4/3;object-fit:cover;}
.toby-work-cluster img{filter:none;}
.toby-work-cluster figure.wide img{aspect-ratio:16/8.5;object-fit:cover;object-position:center 42%;}
.toby-work-cluster figure:not(.wide) img{aspect-ratio:4/3;object-fit:cover;}
.moca-pair img{aspect-ratio:4/5;object-fit:cover;filter:none;}
.moca-pair figure:first-child img{object-position:center 42%;}
.moca-pair figure:last-child img{object-position:center;}
.soap-showdown img{filter:none;}
@media(max-width:720px){.soap-stills-cluster figure.wide img,.toby-work-cluster figure.wide img{aspect-ratio:4/3}.moca-pair img{aspect-ratio:4/3}}

/* V12.22.13 — footer alignment consistency */
@media (min-width:951px){
  .footer-top{
    grid-template-columns:1fr auto 1fr;
    align-items:center;
  }
  .footer-top > a{
    justify-self:start;
  }
  .footer-top > p{
    justify-self:center;
    text-align:center;
    width:max-content;
  }
  .footer-links{
    justify-self:end;
  }
}

/* V12.22.14 — Journal laptop density refinement */
@media (min-width:951px) and (max-height:1000px){
  .journal-hero-v122{
    min-height:58vh;
    padding-bottom:68px;
  }
  .journal-index-v122{
    padding-top:58px;
    padding-bottom:105px;
  }
  .journal-card-grid{
    margin-top:30px;
  }
}

/* V12.22.15 — keep Journal search attached to the project stories */
.journal-index-v122 .journal-search-row{margin-top:32px;padding-top:20px;border-top:1px solid rgba(30,30,23,.14)}
@media (max-height:900px) and (min-width:900px){.journal-index-v122 .journal-search-row{margin-top:24px;padding-top:16px}}

/* V12.22.16 — mobile Journal reading rhythm */
@media (max-width:640px){
  /* Bring the journal contents into view sooner after the project metadata. */
  .article-body{padding-top:38px!important;padding-bottom:88px!important;}
  .article-layout{width:min(100% - 42px, 820px)!important;gap:0!important;}

  /* Mobile contents should read as a compact index, not a desktop sidebar stacked vertically. */
  .article-toc{
    display:grid!important;
    grid-template-columns:1fr!important;
    position:relative!important;
    top:auto!important;
    padding-top:16px!important;
    padding-bottom:20px!important;
    margin:0 0 24px!important;
    border-top:1px solid var(--darkline)!important;
    border-bottom:0!important;
  }
  .article-toc span{margin-bottom:12px!important;}
  .article-toc a{font-size:14px!important;line-height:1.25!important;padding:6px 0!important;}

  /* Keep the opening synopsis elegant, but stop it dominating a phone screen. */
  .article-intro{
    font-size:clamp(20px,6.2vw,25px)!important;
    line-height:1.42!important;
    margin:0 0 38px!important;
  }
  .article-provenance{
    padding-left:18px!important;
    margin:0 0 44px!important;
  }
  .article-provenance span{font-size:18px!important;line-height:1.35!important;}
  .article-provenance p{font-size:13px!important;line-height:1.65!important;}

  .article-copy{font-size:16px!important;line-height:1.75!important;}
  .article-copy h2{
    font-size:clamp(38px,11vw,50px)!important;
    margin-top:58px!important;
    margin-bottom:22px!important;
  }
  .article-subhead{font-size:clamp(22px,7vw,29px)!important;margin:22px 0 17px!important;}
  .article-mosaic,.article-image-pair,.article-figure{margin-top:38px!important;margin-bottom:38px!important;}
}

/* === V12.23 ABOUT — PORTRAIT PHILOSOPHY / OLD-MONEY EDITORIAL REBUILD === */
.about-v123{background:var(--maire)}
.about-v123 .serif{font-family:Georgia,serif;font-style:italic;font-weight:400}
.about-v123-hero{background:var(--maire);color:var(--cream);border-bottom:1px solid rgba(246,231,210,.11)}
.about-v123-hero-inner{min-height:clamp(620px,74vh,860px);display:grid;grid-template-columns:minmax(260px,.58fr) minmax(0,1.42fr);grid-template-areas:"title quote" "bridge quote";column-gap:clamp(70px,9vw,150px);row-gap:34px;align-content:center;align-items:end;padding-top:164px;padding-bottom:118px}
.about-v123-hero-title{grid-area:title;font:600 clamp(42px,4.6vw,72px)/.9 Figtree,sans-serif;letter-spacing:-.055em;text-transform:uppercase;color:var(--cream);max-width:8ch;margin:0}
.about-v123-hero-quote{grid-area:quote;font:italic clamp(44px,4.7vw,76px)/1.08 Georgia,serif;color:var(--cream);max-width:17ch;margin:0;letter-spacing:-.035em;align-self:center}
.about-v123-hero-bridge{grid-area:bridge;font:400 clamp(16px,1.25vw,20px)/1.72 Figtree,sans-serif;color:rgba(246,231,210,.64);max-width:34ch;margin:0;padding-top:28px;border-top:1px solid rgba(246,231,210,.16)}
.about-v123-local{position:sticky;top:82px;z-index:20;background:rgba(30,30,23,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(246,231,210,.1)}
.about-v123-local .wrap{display:flex;gap:34px;align-items:center;min-height:58px;overflow-x:auto;scrollbar-width:none}
.about-v123-local .wrap::-webkit-scrollbar{display:none}
.about-v123-local a{white-space:nowrap;font:500 10px/1 Figtree,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:rgba(246,231,210,.62);transition:color .25s ease}
.about-v123-local a:hover{color:var(--cream)}
/* Portrait Philosophy: one continuous left-to-right editorial sequence. */
.about-v123-philosophy{background:var(--cream);color:var(--maire);padding:112px 0 142px}
.about-v123-philosophy>.wrap{width:min(90vw,1500px)}
.about-v123-chapters{border-top:1px solid rgba(30,30,23,.22);border-bottom:1px solid rgba(30,30,23,.22)}
.about-v123-chapter{display:grid;grid-template-columns:minmax(138px,.24fr) minmax(360px,.82fr) minmax(460px,1.08fr);gap:clamp(44px,5.4vw,92px);align-items:start;padding:74px 0 80px;border-top:1px solid rgba(30,30,23,.18)}
.about-v123-chapter:first-child{border-top:0}
.about-v123-kicker{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:3px 0 0;color:var(--maroon);text-transform:uppercase}
.about-v123-kicker span{font:italic clamp(32px,2.25vw,44px)/.95 Georgia,serif;letter-spacing:-.025em;color:var(--maroon)}
.about-v123-kicker b{font:500 10px/1.25 Figtree,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.about-v123-chapter-heading{max-width:560px}
.about-v123-chapter h2{font:575 clamp(48px,3.8vw,70px)/.96 Figtree,sans-serif;letter-spacing:-.052em;margin:0;max-width:11ch}
.about-v123-chapter-copy{max-width:680px;padding-top:2px}
.about-v123-chapter-copy>p{font-size:18px;line-height:1.78;color:rgba(30,30,23,.72);max-width:61ch;margin:0 0 20px}
.about-v123-chapter-copy>p:last-of-type{margin-bottom:0}
.about-v123-chapter em{font-family:Georgia,serif;color:var(--maire)}
.about-v123-chapter-close strong{font-weight:600;color:var(--maire)}
.about-v123-language{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:34px 0 0;padding-top:18px;border-top:1px solid rgba(30,30,23,.18);max-width:680px}
.about-v123-language-single{grid-template-columns:minmax(0,1fr);max-width:360px}
.about-v123-language-term{padding:0 0 18px}
.about-v123-language-term:nth-child(n+3){padding-top:18px;border-top:1px solid rgba(30,30,23,.12)}
.about-v123-language-term span{display:block;font:500 9px/1 Figtree,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--maroon);margin-bottom:9px}
.about-v123-language-term p{font:italic 13px/1.58 Georgia,serif!important;color:rgba(30,30,23,.58)!important;margin:0!important}
.about-v123-anchor-quote{background:var(--maire);color:var(--cream);padding:112px 0 118px;border-top:1px solid rgba(246,231,210,.12);border-bottom:1px solid rgba(246,231,210,.12)}
.about-v123-anchor-quote .wrap{max-width:1180px}.about-v123-anchor-label{font:500 9px/1 Figtree,sans-serif!important;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)!important;margin:0 auto 32px!important;max-width:none!important}.about-v123-anchor-statement{font:italic clamp(42px,5vw,76px)/1.08 Georgia,serif!important;max-width:20ch!important;margin:0 auto!important;color:var(--cream)!important}
.about-v123-principle{background:var(--cream);color:var(--maire);padding:148px 0 158px}
.about-v123-principle .wrap{width:min(86vw,1240px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.64fr);gap:clamp(58px,7vw,104px);align-items:center}.about-v123-principle h2{font:600 clamp(48px,5vw,78px)/.94 Figtree,sans-serif;letter-spacing:-.058em;margin:0;max-width:12ch;text-transform:uppercase}
.about-v123-principle h2 .serif{display:block;text-transform:none;font-size:.84em;line-height:.98;margin-top:8px}
.about-v123-principle-copy{font:italic clamp(21px,1.75vw,26px)/1.52 Georgia,serif;color:rgba(30,30,23,.62);max-width:29ch;margin:0;padding:10px 0 10px 40px;border-left:1px solid rgba(30,30,23,.22)}
.about-v123-studio{background:var(--navy);color:var(--cream);padding:134px 0 148px;border-top:1px solid rgba(246,231,210,.08)}
.about-v123-two-col{width:min(86vw,1320px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(72px,8vw,124px);align-items:center}
.about-v123-two-col h2{font:575 clamp(46px,5vw,78px)/.98 Figtree,sans-serif;letter-spacing:-.052em;margin:14px 0 0;max-width:11ch}
.about-v123-prose{max-width:620px;padding-top:0}
.about-v123-prose p{font-size:17px;line-height:1.9;color:rgba(30,30,23,.72);margin:0 0 1.45em}
.about-v123-studio .eyebrow{color:var(--gold)}
.about-v123-studio .about-v123-prose p{color:rgba(246,231,210,.72)}
.about-v123-why{background:var(--cream);color:var(--maire);padding:126px 0 136px;border-top:1px solid rgba(30,30,23,.12)}
.about-v123-why .wrap.about-v123-two-col{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);text-align:left;align-items:center}
.about-v123-why .eyebrow{color:var(--maroon)}
.about-v123-why h2{margin-left:0;margin-right:0;max-width:8.5ch;font-size:clamp(54px,5.7vw,88px)}
.about-v123-why .about-v123-prose{max-width:560px;margin-inline:0;padding-left:46px;border-left:1px solid rgba(30,30,23,.18)}
.about-v123-why .about-v123-prose p{color:rgba(30,30,23,.72)}
.about-v123-history{background:var(--cream);color:var(--maire);padding:148px 0 156px}
.about-v123-history>.wrap{width:min(86vw,1320px)}
.about-v123-history-head{max-width:1000px;margin-bottom:78px}
.about-v123-history-head h2{font:575 clamp(50px,5.8vw,88px)/.96 Figtree,sans-serif;letter-spacing:-.058em;margin:13px 0 0;max-width:11ch}
.about-v123-history-list{border-top:1px solid rgba(30,30,23,.18)}
.about-v123-history-list article{display:grid;grid-template-columns:160px minmax(0,1fr);gap:78px;padding:78px 0 82px;border-bottom:1px solid rgba(30,30,23,.18)}
.about-v123-year{font:italic clamp(26px,2.4vw,36px)/1 Georgia,serif;color:var(--maroon)}
.about-v123-history-list h3{font:560 clamp(32px,3.4vw,52px)/1 Figtree,sans-serif;letter-spacing:-.045em;margin:0 0 14px}
.about-v123-history-list p{font-size:15px;line-height:1.78;color:rgba(30,30,23,.68);max-width:760px;margin:0 0 20px}
.about-v123-history-list a,.about-v123-future .editorial-link{font:italic 15px Georgia,serif;color:var(--maroon);border-bottom:1px solid rgba(91,23,18,.35);padding-bottom:4px}
.about-v123-small-label{font:500 9px/1 Figtree,sans-serif!important;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)!important;margin-bottom:12px!important}
.about-v123-history-formation,.about-v123-history-official{border-top:2px solid var(--maroon);margin-top:22px}
.about-v123-history-formation .about-v123-year,.about-v123-history-official .about-v123-year{font-size:clamp(30px,2.8vw,42px)}
.about-v123-future{background:var(--cream);color:var(--maire);padding:126px 0 138px;border-top:1px solid rgba(30,30,23,.18)}
.about-v123-future .about-v123-two-col{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(74px,9vw,138px);align-items:center}.about-v123-future .about-v123-prose{max-width:540px;margin-left:auto}.about-v123-future .editorial-link{display:inline-block;margin-top:12px}
.about-v123-closing{background:var(--green);color:var(--cream);padding:132px 0 142px;border-top:1px solid rgba(246,231,210,.1)}
.about-v123-closing-inner{max-width:1280px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.62fr);grid-template-areas:"kicker kicker" "title copy" "title link";column-gap:clamp(70px,9vw,140px);align-items:end}
.about-v123-closing-kicker{grid-area:kicker;font:500 9px/1 Figtree,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 38px;padding-top:24px;border-top:1px solid rgba(246,231,210,.18);max-width:760px}
.about-v123-closing h2{grid-area:title;font:620 clamp(62px,7.6vw,122px)/.84 Figtree,sans-serif;letter-spacing:-.07em;text-transform:uppercase;margin:0;max-width:9ch}
.about-v123-closing h2 .serif{display:block;font-family:Georgia,serif;font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.045em}
.about-v123-closing-copy{grid-area:copy;font:italic clamp(21px,1.8vw,27px)/1.5 Georgia,serif;color:rgba(246,231,210,.68);margin:0 0 30px;max-width:24ch;align-self:end}
.about-v123-closing-link{grid-area:link;justify-self:start;align-self:start;display:inline-block;font:italic 20px/1.2 Georgia,serif;color:var(--cream);border-bottom:1px solid var(--gold);padding-bottom:6px}

@media(max-width:950px){
  .about-v123-local{top:82px}
  .about-v123-two-col,.about-v123-principle .wrap,.about-v123-future .about-v123-two-col{grid-template-columns:1fr;gap:38px}
  .about-v123-chapter{grid-template-columns:105px minmax(260px,.72fr) minmax(0,1fr);gap:30px;padding:58px 0 64px}
  .about-v123-chapter h2{font-size:clamp(40px,5vw,52px);max-width:11ch}
  .about-v123-chapter-copy>p{font-size:17px}
  .about-v123-why .wrap.about-v123-two-col{grid-template-columns:1fr;gap:44px}
  .about-v123-why .about-v123-prose{max-width:680px;padding-left:0;border-left:0}
  .about-v123-history-list article{grid-template-columns:125px 1fr}
  .about-v123-closing-inner{display:block}
  .about-v123-closing-copy{margin:40px 0 28px}
}

@media(max-width:560px){
  .about-v123-hero-inner{min-height:590px;display:block;padding-top:128px;padding-bottom:78px}
  .about-v123-hero-title{font-size:clamp(34px,10vw,48px);line-height:.92;max-width:9ch;margin:0 0 34px}
  .about-v123-hero-quote{font-size:clamp(38px,11vw,52px);max-width:18ch}
  .about-v123-hero-bridge{font-size:16px;line-height:1.7;margin-top:34px;padding-top:22px;max-width:34ch}
  .about-v123-local{top:76px}
  .about-v123-local .wrap{gap:24px;min-height:52px;padding-left:7vw;padding-right:7vw}
  .about-v123-philosophy,.about-v123-anchor-quote,.about-v123-principle,.about-v123-studio,.about-v123-why,.about-v123-history,.about-v123-future,.about-v123-closing{padding-top:82px;padding-bottom:90px}
  .about-v123-two-col h2,.about-v123-history-head h2{font-size:12.5vw;max-width:none}
  .about-v123-chapter{grid-template-columns:1fr;gap:22px;padding:44px 0 50px}
  .about-v123-kicker{flex-direction:row;align-items:baseline;margin:0;gap:12px}
  .about-v123-kicker span{font-size:27px}
  .about-v123-kicker b{font-size:9px}
  .about-v123-chapter h2{font-size:clamp(36px,10.5vw,46px);max-width:12ch}
  .about-v123-chapter-copy{padding-top:0}
  .about-v123-chapter-copy>p{font-size:16px;line-height:1.78}
  .about-v123-history-list p{font-size:15px;line-height:1.75}
  .about-v123-language{grid-template-columns:1fr;gap:0;max-width:none}
  .about-v123-language-term{padding:0 0 16px}
  .about-v123-language-term+ .about-v123-language-term{padding-top:16px;border-top:1px solid rgba(30,30,23,.12)}
  .about-v123-anchor-quote p{font-size:10.5vw;max-width:18ch}
  .about-v123-principle h2{font-size:11.5vw;margin-bottom:30px}
  .about-v123-principle-copy{font-size:20px;max-width:32ch;padding:22px 0 0;border-left:0;border-top:1px solid rgba(30,30,23,.2)}
  .about-v123-prose p{font-size:16px;line-height:1.82}
  .about-v123-closing-kicker{margin-bottom:26px;padding-top:18px}
  .about-v123-closing h2{font-size:15vw;max-width:8.5ch}
  .about-v123-closing-copy{font-size:20px;margin:34px 0 26px}
  .about-v123-closing-link{font-size:18px}
  .about-v123-history-head{margin-bottom:42px}
  .about-v123-history-list article{grid-template-columns:1fr;gap:14px;padding:34px 0 38px}
  .about-v123-year{font-size:24px}
}


/* V12.23.2 — Journal search sits with the project archive, before the stories */
.journal-index-v122 .journal-search-row-top{margin:30px 0 34px;padding:0 0 18px;border-top:0;border-bottom:1px solid rgba(30,30,23,.14);align-items:end}
.journal-index-v122 .journal-search-row-top label{max-width:520px}
@media (max-height:900px) and (min-width:900px){
  .journal-index-v122 .journal-search-row-top{margin:22px 0 26px;padding-bottom:14px}
}
@media (max-width:640px){
  .journal-index-v122 .journal-search-row-top{margin:22px 0 30px;padding-bottom:14px;gap:10px}
}

/* V12.23.3 — Journal search returns to the dark archive panel, aligned upper-right */
.journal-discovery-side{display:flex;flex-direction:column;justify-content:flex-end;gap:24px;min-width:0}
.journal-discovery-side>p{font-size:14px;line-height:1.8;color:rgba(246,231,210,.64);max-width:480px;margin:0}
.journal-discovery-v122 .journal-search-row-dark{margin:0;padding:0;border:0;display:block;max-width:480px;width:100%}
.journal-discovery-v122 .journal-search-row-dark label{display:block;max-width:none}
.journal-discovery-v122 .journal-search-row-dark .journal-search{width:100%;padding:12px 0;border-bottom:1px solid rgba(246,231,210,.34);font-size:15px}
.journal-discovery-v122 .journal-search-row-dark .journal-search::placeholder{color:rgba(246,231,210,.5)}
.journal-discovery-v122 .journal-search-row-dark .journal-results{margin:10px 0 0;min-height:1em;text-align:left;white-space:normal}
@media (max-width:900px){
  .journal-discovery-head{grid-template-columns:1fr;gap:34px;align-items:start}
  .journal-discovery-side{gap:20px}
  .journal-discovery-v122 .journal-search-row-dark{max-width:560px}
}

/* =========================================================
   V12.23.4 — Editorial layout variation pass
   Consistency comes from type, palette, rules and spacing;
   composition is allowed to move from page to page.
   ========================================================= */

@media (min-width:951px){
  /* Page heroes no longer all enter from the same edge. */
  .page-services .page-hero .wrap{
    max-width:980px;
    margin-inline:auto;
    text-align:center;
  }
  .page-services .page-hero .lede{
    margin-left:auto;
    margin-right:auto;
  }
  .page-work .page-hero .wrap{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    text-align:right;
  }
  .page-work .page-hero h1,.page-work .page-hero .lede{max-width:860px}
  .page-contact .page-hero .wrap{
    max-width:980px;
    margin-inline:auto;
    text-align:center;
  }
  .page-contact .page-hero .lede{margin-left:auto;margin-right:auto}

  /* Services: alternate the editorial weight instead of repeating one row template. */
  .page-services .service-row:nth-child(even){
    grid-template-columns:1fr 1.25fr 70px;
  }
  .page-services .service-row:nth-child(even) .num{
    grid-column:3;
    grid-row:1;
    text-align:right;
  }
  .page-services .service-row:nth-child(even) h3{
    grid-column:2;
    grid-row:1;
    text-align:right;
  }
  .page-services .service-row:nth-child(even) p{
    grid-column:1;
    grid-row:1;
    justify-self:end;
    text-align:right;
  }
  .page-services .post-production-service .two-col > :first-child{
    grid-column:2;
    grid-row:1;
    text-align:right;
  }
  .page-services .post-production-service .two-col > .prose{
    grid-column:1;
    grid-row:1;
    align-self:end;
  }
  .page-services .discipline-bridge .two-col{
    display:block;
    width:min(82vw,980px);
    margin-inline:auto;
    text-align:center;
  }
  .page-services .discipline-bridge .prose{
    max-width:720px;
    margin:46px auto 0;
  }
  .page-services .content-light .two-col > :first-child{
    grid-column:2;
    grid-row:1;
    text-align:right;
    align-self:center;
  }
  .page-services .content-light .two-col > .prose{
    grid-column:1;
    grid-row:1;
    align-self:center;
  }
  .page-services .service-pricing .two-col{
    grid-template-columns:minmax(0,900px);
    justify-content:center;
    text-align:center;
  }
  .page-services .service-pricing .prose{
    max-width:650px;
    margin:28px auto 0;
  }

  /* Project page: alternate film story and premiere orientation. */
  .page-project .content-light .two-col > :first-child{
    grid-column:2;
    grid-row:1;
    text-align:right;
  }
  .page-project .content-light .two-col > .prose{
    grid-column:1;
    grid-row:1;
    align-self:end;
  }
  .page-project .content-dark .two-col{
    grid-template-columns:minmax(0,620px) minmax(0,1fr);
  }
  .page-project .content-dark .two-col > :first-child{
    grid-column:1;
  }
  .page-project .content-dark .two-col > .prose{
    grid-column:2;
    align-self:end;
    max-width:480px;
    margin-left:auto;
    text-align:right;
  }


  /* Journal articles remain readable, but section entrances alternate sides. */
  .page-journal-article .article-copy h2:nth-of-type(even),
  .page-journal-article .article-copy h2:nth-of-type(even) + .article-subhead{
    text-align:right;
  }
  .page-journal-article .article-copy h2:nth-of-type(even) span{
    margin-left:auto;
  }
  .page-journal-article .article-pull{
    max-width:980px;
  }
  .page-journal-article.article-bigtop .article-intro,
  .page-journal-article.article-soap .article-intro{
    width:88%;
    margin-left:auto;
    text-align:right;
  }
  .page-journal-article.article-toby .article-provenance{
    margin-left:auto;
    width:min(620px,88%);
  }

  /* About: strengthen the publication-like rhythm already introduced in V12.23. */
  .page-about .about-v123-anchor-quote .wrap{
    text-align:center;
  }
  .page-about .about-v123-anchor-quote blockquote,
  .page-about .about-v123-anchor-quote p{
    margin-left:auto;
    margin-right:auto;
  }
  .page-about .about-v123-why .wrap{
    text-align:left;
  }
  .page-about .about-v123-why .prose,
  .page-about .about-v123-why p{
    margin-left:0;
  }
  .page-about .about-v123-future .wrap{
    text-align:left;
  }
}

@media (max-width:950px){
  /* Mobile/tablet returns to a single reading axis. */
  .page-services .page-hero .wrap,
  .page-work .page-hero .wrap,
  .page-contact .page-hero .wrap,
  .page-about .about-v123-why .wrap,
  .page-about .about-v123-future .wrap{
    display:block;
    text-align:left;
  }
  .page-services .service-row:nth-child(even){grid-template-columns:48px 1fr}
  .page-services .service-row:nth-child(even) .num,
  .page-services .service-row:nth-child(even) h3,
  .page-services .service-row:nth-child(even) p{
    grid-column:auto;
    grid-row:auto;
    text-align:left;
    justify-self:stretch;
  }
  .page-services .service-row:nth-child(even) p{grid-column:2}
  .page-services .post-production-service .two-col > :first-child,
  .page-services .post-production-service .two-col > .prose,
  .page-services .content-light .two-col > :first-child,
  .page-services .content-light .two-col > .prose,
  .page-project .content-light .two-col > :first-child,
  .page-project .content-light .two-col > .prose,
  .page-project .content-dark .two-col > :first-child,
  .page-project .content-dark .two-col > .prose{
    grid-column:auto;
    grid-row:auto;
    text-align:left;
    margin-left:0;
  }
  .page-services .discipline-bridge .two-col,
  .page-services .service-pricing .two-col{grid-template-columns:1fr;text-align:left}
  .page-services .discipline-bridge .prose,
  .page-services .service-pricing .prose{margin-left:0;margin-right:0}
  .page-journal-article .article-copy h2:nth-of-type(even),
  .page-journal-article .article-copy h2:nth-of-type(even) + .article-subhead,
  .page-journal-article.article-bigtop .article-intro,
  .page-journal-article.article-soap .article-intro{
    text-align:left;
  }
  .page-journal-article.article-bigtop .article-intro,
  .page-journal-article.article-soap .article-intro,
  .page-journal-article.article-toby .article-provenance{width:100%;margin-left:0}
}



@media(max-width:950px){
  .contact-layout{grid-template-columns:1fr;gap:58px}
  .contact-aside{grid-row:1;max-width:720px}
  .page-contact .form{grid-row:2;max-width:720px}
  .contact-details{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .contact-layout{gap:44px}
  .contact-details{grid-template-columns:1fr}
  .contact-details p:last-child{grid-column:auto}
  .page-contact .form-actions{align-items:stretch;flex-direction:column}
  .page-contact .form-actions .submit,.page-contact .form-actions .form-secondary{width:100%;justify-self:stretch}
  .article-toc-film{grid-column:1/-1;margin-top:12px}
}
/* V12.24 — About refinement: preserve homepage founder treatment and fix local-nav overlap */
.page-about .about-v123-local{position:relative;top:auto;z-index:6;background:var(--maire);backdrop-filter:none}
.page-about #portrait-philosophy,.page-about #studio,.page-about #why-portrait,.page-about #founder,.page-about #coo,.page-about #history{scroll-margin-top:104px}
.page-about .founder{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:0;align-items:stretch}
.page-about .founder-media{min-height:760px}
.page-about .founder-media img{width:100%;height:100%;min-height:760px;object-fit:cover;object-position:center 32%}
.page-about .founder-copy{padding:90px clamp(64px,6vw,108px)}
.page-about .founder h2{font-size:clamp(52px,4.6vw,76px);max-width:10ch}
.page-about .founder .role{margin:18px 0 28px}
.page-about .founder-copy>p:not(.role):not(.eyebrow){font-size:15px;line-height:1.78;max-width:58ch}
.page-about .quote{font-size:clamp(28px,2.35vw,38px);line-height:1.26;margin-top:46px;max-width:18ch}
.page-about .inline-deep-link{margin-top:28px}
.page-about .leadership-partner{background:var(--navy);grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);border-top:1px solid rgba(246,231,210,.12)}
.page-about .leadership-partner .founder-copy{grid-column:1;grid-row:1;padding-left:clamp(64px,7vw,126px);padding-right:clamp(56px,5.5vw,96px)}
.page-about .leadership-partner .founder-media{grid-column:2;grid-row:1;min-height:760px}
.page-about .leadership-partner .founder-media img{object-position:center 42%;filter:saturate(.8) contrast(1.03)}
.page-about .leadership-partner .quote{max-width:24ch}
.page-about .leadership-partner .leadership-voice-label{font:600 9px/1.2 Figtree,sans-serif!important;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)!important;margin:6px 0 18px!important;max-width:none!important}
.page-about .leadership-partner .founder-copy>p:not(.role):not(.eyebrow):not(.leadership-voice-label){max-width:62ch}
.article-image-pair.joselien-journal-pair{grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:22px;align-items:end}
.joselien-journal-pair .joselien-audio img{aspect-ratio:4/3;object-position:center center}
.joselien-journal-pair .joselien-candid img{aspect-ratio:3/4;object-position:center 40%}

@media(max-width:950px){
  .page-about .founder{grid-template-columns:1fr}
  .page-about .founder-media{min-height:0}
  .page-about .founder-media img{min-height:0;height:auto;aspect-ratio:1.25/1;object-position:center 30%}
  .page-about .founder-copy{padding:76px 7vw 82px}
  .page-about .quote{max-width:22ch}
  .page-about .leadership-partner{grid-template-columns:1fr;grid-template-areas:"media" "copy"}
  .page-about .leadership-partner .founder-media{grid-area:media;min-height:0}
  .page-about .leadership-partner .founder-copy{grid-area:copy;padding:76px 7vw 82px}
  .page-about .leadership-partner .founder-media img{aspect-ratio:1.05/1;object-position:center 38%}
}
@media(max-width:560px){
  .page-about #portrait-philosophy,.page-about #studio,.page-about #why-portrait,.page-about #founder,.page-about #coo,.page-about #history{scroll-margin-top:84px}
  .article-image-pair.joselien-journal-pair{grid-template-columns:1fr;gap:30px}
  .joselien-journal-pair .joselien-audio img,.joselien-journal-pair .joselien-candid img{aspect-ratio:auto}
}