/* bridges the earlier pages' token names onto the new language */
:root{--font-sans:var(--font);--font-serif:var(--font);--font-mono:var(--font);--bg-tint:var(--tint);--bg-card:#fff}
.pj-legacy{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad) 60px}
.fade-up{opacity:0;transform:translateY(22px);transition:opacity 1.05s ease,transform 1.05s var(--ease)}
.fade-up.in{opacity:1;transform:none}
.fade-up-1{transition-delay:.09s}
.fade-up-2{transition-delay:.18s}
.fade-up-3{transition-delay:.27s}
.fade-up-4{transition-delay:.36s}
@media (prefers-reduced-motion:reduce){.fade-up{opacity:1!important;transform:none!important}}

/* --- case-study pages: impose the v2 typographic voice --- */
.case-header h1{font-family:var(--font);font-weight:200;font-size:clamp(26px,4.2vw,56px);text-transform:uppercase;letter-spacing:.1em;line-height:1.22;color:var(--ink);text-wrap:balance}
.case-header h1 .it,.case-header h1 .accent,.case-header h1 span{font-family:var(--font);font-weight:200;letter-spacing:.1em}
.case-header h1 .accent{color:var(--accent)}
.case-header .deck{font-family:var(--font);font-weight:300;font-size:clamp(16px,1.5vw,19px);line-height:1.75;color:var(--ink-soft);letter-spacing:0}
.case-header .eyebrow,.case-header .ix,.case-header .kicker{font-family:var(--font);font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:var(--t2);color:var(--ink-mute)}
.case-facts .l{font-family:var(--font);font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:var(--t2);color:var(--ink-mute)}
.case-facts .v{font-family:var(--font);font-weight:300;font-size:15px;line-height:1.6;color:var(--ink);letter-spacing:0}
/* brand-content headings keep each case study's own type — the compat layer
   only restyles the site voice (case header, deck, facts, page nav) */
.pull-quote blockquote{letter-spacing:.01em;line-height:1.4}
.pj-nav .name{font-family:var(--font);font-weight:200;text-transform:uppercase;letter-spacing:.08em}