@font-face{font-family:'Newsreader';src:url(../fonts/newsreader-latin-variable.woff2) format('woff2-variations');font-weight:200 800;font-style:normal;font-display:block}
@font-face{font-family:'Archivo';src:url(../fonts/archivo-400.woff2) format('woff2');font-weight:400;font-display:block}
@font-face{font-family:'Archivo';src:url(../fonts/archivo-500.woff2) format('woff2');font-weight:500;font-display:block}
@font-face{font-family:'Archivo';src:url(../fonts/archivo-600.woff2) format('woff2');font-weight:600;font-display:block}
@font-face{font-family:'Archivo';src:url(../fonts/archivo-700.woff2) format('woff2');font-weight:700;font-display:block}
@font-face{font-family:'Poppins';src:url(../fonts/poppins-800.woff2) format('woff2');font-weight:800;font-display:block}
@font-face{font-family:'SourceSerif4';src:url(../fonts/source-serif-4-600.woff2) format('woff2');font-weight:600;font-display:block}

:root{
 --ink:#002023; --ink-2:#00343A; --deep:#08313F; --slate-s:#123845; --teal-s:#00595C;
 --teal:#007E80; --aqua:#01C1C1; --sky:#01C6E3; --mint:#01D7B0;
 --brass:#B8862B; --brass-lt:#E8C97A; --gold-s:#F0DFA8;
 --aqua-d:#00595B; --sky-d:#04536B; --mint-d:#016A53; --gold-d:#7D5D0F;
 --white:#fff; --cool-1:#F4F8F8; --cool-2:#E7F1F0; --tint:#C8E5E4;
 --tx-dark:#0A1F21; --tx-body-l:#3F4E4D; --tx-meta-l:#455554;
 --tx-light:#EFF7F6; --tx-body-d:#C8E5E4; --tx-meta-d:#A8CFCE;
 --tx-on-tint:#1E3230;
 --rule-l:#D2DEDD; --card-d:#0B2532; --card-h:#0E2C3B; --rule-d:rgba(200,229,228,.22);
 --serif:'Newsreader',Georgia,serif; --sans:'Archivo',system-ui,sans-serif;
 --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--cool-1);color:var(--tx-dark);font-family:var(--serif);
 font-size:18px;font-weight:450;line-height:1.68;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
.wrap{max-width:1320px;margin:0 auto;padding:0 48px}
.narrow{max-width:900px;margin:0 auto;padding:0 48px}
.rv{opacity:0;transform:translateY(26px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.14;letter-spacing:-.022em;text-wrap:balance}

/* keyboard focus — visible on every interactive element, on light and dark */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible,
.entry:focus-visible,.bundle__i:focus-visible,.rel__i:focus-visible,.cover:focus-visible,
.start a:focus-visible,.foot a:focus-visible,.nav a:focus-visible,.mnav a:focus-visible{
 outline:3px solid var(--aqua);outline-offset:3px;border-radius:2px;
 box-shadow:0 0 0 6px rgba(1,193,193,.22)}
.sec--deep a:focus-visible,.sec--teal a:focus-visible,.sec--ink a:focus-visible,
.hero a:focus-visible,.start a:focus-visible,.foot a:focus-visible,.qb a:focus-visible,
.phead a:focus-visible,.ahead a:focus-visible,.mast--dark .nav a:focus-visible{
 outline-color:var(--mint);box-shadow:0 0 0 6px rgba(1,215,176,.22)}
/* outline must never be clipped by a scrolling ancestor */
.entry,.bundle__i,.rel__i,.start a{overflow:visible}
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;
 font-family:var(--sans);font-size:14px;font-weight:600;padding:14px 22px;z-index:300}
.skip:focus{left:16px;top:16px}
.entry__lead,.fcq,blockquote,.lead,.stand,.sec-head p,.hero p{text-wrap:balance}
p,li,.abody p,.fca{text-wrap:pretty}

/* ---------- MASTHEAD ---------- */
.mast{position:fixed;top:0;left:0;right:0;z-index:200;transition:background .4s var(--ease),border-color .4s var(--ease)}
.mast--light{background:rgba(244,248,248,.95);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--rule-l)}
.mast--dark{background:rgba(0,32,35,.84);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--rule-d)}
.mast--top{background:transparent;border-bottom:1px solid transparent}
.mast .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:18px;gap:40px}
.brand{position:relative;display:block;height:46px;width:118px;flex-shrink:0}
.brand img{position:absolute;inset:0;height:46px;width:auto;transition:opacity .4s var(--ease)}
.brand .on-d{opacity:0}
.mast--dark .brand .on-l,.mast--top .brand .on-l{opacity:0}
.mast--dark .brand .on-d,.mast--top .brand .on-d{opacity:1}
.nav{display:flex;gap:30px;font-family:var(--sans);font-size:14px;font-weight:600}
.nav a{color:var(--tx-meta-l);padding:12px 0;position:relative;transition:color .3s var(--ease)}
.nav a::after{content:'';position:absolute;left:0;bottom:6px;width:0;height:2px;background:var(--teal);transition:width .35s var(--ease)}
.nav a:hover,.nav a.cur{color:var(--tx-dark)}
.nav a:hover::after,.nav a.cur::after{width:100%}
.mast--dark .nav a,.mast--top .nav a{color:var(--tx-meta-d)}
.mast--dark .nav a:hover,.mast--dark .nav a.cur,.mast--top .nav a:hover,.mast--top .nav a.cur{color:#fff}
.mast--dark .nav a::after,.mast--top .nav a::after{background:var(--aqua)}
.burger{display:none;flex-direction:column;gap:5px;padding:8px}
.burger span{width:22px;height:2px;background:var(--tx-dark);transition:.3s}
.mast--dark .burger span,.mast--top .burger span{background:var(--tx-light)}
.mnav{display:none;flex-direction:column;background:var(--ink);padding:14px 48px 24px}
.mnav.open{display:flex}
.mnav a{font-family:var(--sans);font-size:15px;font-weight:600;color:var(--tx-body-d);
 padding-block:12px;border-bottom:1px solid var(--rule-d)}

/* ---------- SHARED ---------- */
.eyebrow{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.2em;
 text-transform:uppercase;display:flex;align-items:center;gap:13px}
.eyebrow::before{content:'';width:32px;height:2px;flex-shrink:0;background:currentColor}
.sec-head{margin-bottom:52px;max-width:58ch}
.sec-head h2{font-size:clamp(2rem,3.6vw,2.9rem);max-width:19ch;margin-top:22px}
.sec-head[style*='center'] h2,.sec-head[style*='center'] p{margin-inline:auto}
.sec-head p{margin-top:20px;max-width:52ch;font-family:var(--serif);font-size:1.125rem;font-weight:450}
.btn{font-family:var(--sans);font-size:14px;font-weight:700;padding:17px 34px;display:inline-block;transition:.3s var(--ease)}
.btn--p{background:var(--white);color:var(--ink)}.btn--p:hover{background:var(--aqua)}
.btn--g{color:var(--white);border:2px solid rgba(200,229,228,.4)}.btn--g:hover{border-color:var(--aqua);color:var(--aqua)}
.btn--ink{background:var(--ink);color:var(--white)}.btn--ink:hover{background:var(--teal)}

/* ---------- PAGE HEADER (interior pages) ---------- */
.phead{background:var(--ink);color:var(--tx-body-d);padding:150px 0 76px;position:relative;overflow:hidden}
.phead::before{content:'';position:absolute;top:-30%;right:-6%;width:52%;height:170%;
 background:radial-gradient(ellipse,rgba(1,193,193,.13),transparent 62%)}
.phead .wrap{position:relative}
.phead .eyebrow{color:var(--aqua)}
.phead h1{font-size:clamp(2.4rem,4.8vw,3.9rem);color:var(--white);max-width:18ch;margin:24px 0 22px}
.phead p{font-family:var(--serif);font-weight:450;font-size:1.125rem;max-width:52ch;color:var(--tx-body-d)}

/* ---------- BACK BAR: visible, sticky, sits under the masthead ---------- */
.backbar{display:none;background:rgba(244,248,248,.97);
 backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--rule-l);
 border-bottom:1px solid var(--rule-l)}
.backbar.on{display:block}
.mast--dark .backbar,.mast--top .backbar{background:rgba(0,32,35,.9);
 border-top-color:var(--rule-d);border-bottom-color:var(--rule-d)}
.mast--dark .backbar__b,.mast--top .backbar__b{background:transparent;color:var(--aqua);border-color:var(--rule-d)}
.mast--dark .backbar__b:hover,.mast--top .backbar__b:hover{background:var(--aqua);color:var(--ink);border-color:var(--aqua)}
.mast--dark .backbar__w,.mast--top .backbar__w{color:var(--tx-meta-d)}
.backbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:11px}
.backbar__b{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:12px;
 font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);
 padding:10px 17px;border:1.5px solid var(--rule-l);border-radius:2px;background:var(--white);
 transition:.24s var(--ease)}
.backbar__b:hover{border-color:var(--teal);background:var(--teal);color:#fff;gap:14px}
.backbar__w{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;
 text-transform:uppercase;color:var(--tx-meta-l);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hasback .phead{padding-top:214px}
.hasback .ahead{padding-top:214px}
.hasback .alay{padding-top:80px}
@media(max-width:680px){.backbar__w{display:none}}

/* ---------- RELATED: lateral routes between categories ---------- */
.rel{border-top:1px solid var(--rule-l);padding-top:44px;margin-top:16px}
.rel__hd{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.2em;
 text-transform:uppercase;color:var(--tx-meta-l);margin-bottom:26px}
.rel__row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rel__i{display:flex;flex-direction:column;border:1px solid var(--rule-l);background:var(--white);
 padding:26px 26px 24px;transition:.28s var(--ease)}
.rel__i:hover{border-color:var(--acc);transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,32,35,.09)}
.rel__i b{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.18em;
 text-transform:uppercase;color:var(--acc);margin-bottom:11px}
.rel__i h4{font-size:1.25rem;margin-bottom:8px;letter-spacing:-.014em}
.rel__i p{font-family:var(--serif);font-size:1rem;font-weight:450;line-height:1.62;color:var(--tx-body-l);margin:0 0 18px}
.rel__i em{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;
 font-style:normal;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.07em;
 text-transform:uppercase;color:var(--acc);white-space:nowrap;padding:11px 16px;border:1.5px solid var(--acc);
 border-radius:2px;transition:.26s var(--ease)}
.rel__i:hover em{background:var(--acc);color:#fff;gap:13px}
@media(max-width:900px){.rel__row{grid-template-columns:1fr}}

/* ---------- BUNDLE: article + episode + cards, one unit ---------- */
.bundle{border:1px solid var(--rule-l);border-top:3px solid var(--acc);background:var(--white);
 margin:44px 0;overflow:hidden}
.bundle__hd{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
 padding:26px 32px;border-bottom:1px solid var(--rule-l);flex-wrap:wrap;
 background:linear-gradient(180deg,var(--cool-1),var(--white))}
.bundle__hd b{font-family:var(--serif);font-size:1.375rem;font-weight:600;letter-spacing:-.016em;
 text-transform:none;color:var(--tx-dark);line-height:1.2}
.bundle__hd b i{font-style:normal;font-family:var(--sans);font-size:11px;font-weight:700;
 letter-spacing:.18em;text-transform:uppercase;color:var(--acc);display:block;margin-bottom:8px}
.bundle__hd span{font-family:var(--sans);font-size:11px;color:var(--tx-meta-l);
 letter-spacing:.14em;text-transform:uppercase}
.bundle__row{display:grid;grid-template-columns:repeat(3,1fr)}
.bundle__i{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;
 padding:28px 32px 30px;border-right:1px solid var(--rule-l);transition:.28s var(--ease);background:var(--white)}
.bundle__i:nth-child(2){background:var(--cool-1)}
.bundle__i:nth-child(3){background:var(--cool-2)}
.bundle__i:last-child{border-right:0}
.bundle__i:hover{background:var(--tint)}
.bundle__txt{display:block;width:100%}
.bundle__txt p,.bundle__i p{font-family:var(--serif);font-size:1rem;font-weight:450;
 line-height:1.62;color:var(--tx-body-l);margin:0 0 20px}
.bundle__k{display:flex;align-items:center;gap:9px;font-family:var(--sans);font-size:11px;
 font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);margin-bottom:14px}
.bundle__i h4{font-size:1.25rem;margin-bottom:8px;letter-spacing:-.014em;color:var(--tx-dark)}
.bundle__i em{display:inline-flex;align-items:center;gap:9px;font-style:normal;font-family:var(--sans);
 font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--acc);
 flex:0 0 auto;white-space:nowrap;padding:11px 16px;border:1.5px solid var(--acc);border-radius:2px;transition:.26s var(--ease)}
.bundle__i:hover em{background:var(--acc);color:#fff;gap:13px}
@media(max-width:820px){.bundle__row{grid-template-columns:1fr}
 .bundle__i{border-right:0;border-bottom:1px solid var(--rule-l)}}

/* inline card strip inside the article */
.inlinecards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,252px));
 gap:18px;margin-top:26px;justify-content:center}
.inlinecards .fc{width:100%;max-width:252px;height:372px}
.inlinecards .fcq{font-size:1.125rem}
.inlinecards .fca{font-size:.95rem;line-height:1.5}
.inlinecards .lock__talks{font-size:22px}

/* ---------- HERO (home): text only, owns the fold ---------- */
.hero{background:var(--ink);color:var(--tx-body-d);position:relative;overflow:hidden;
 min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;
 text-align:center;padding:132px 0 48px}
.hero::before{content:'';position:absolute;top:-20%;left:50%;transform:translateX(-50%);
 width:120%;height:150%;background:radial-gradient(ellipse at center,rgba(1,193,193,.11),transparent 62%)}
.hero .wrap{position:relative;max-width:1040px}
.hero .eyebrow{color:var(--aqua);justify-content:center;letter-spacing:.16em;
 text-align:center;line-height:1.7;display:block}
.hero .eyebrow::before{display:none}
.hero h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.03;letter-spacing:-.03em;
 color:var(--white);max-width:17ch;margin:32px auto 30px;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--aqua)}
.hero p{font-family:var(--serif);font-weight:450;font-size:1.25rem;line-height:1.6;max-width:56ch;margin:0 auto 42px}
.hero__cta{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.hero__scroll{margin-top:auto;padding-top:56px;
 font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.2em;
 text-transform:uppercase;color:var(--tx-meta-d);display:flex;flex-direction:column;
 align-items:center;gap:12px;opacity:.75}
.hero__scroll::after{content:'';width:1px;height:34px;
 background:linear-gradient(180deg,var(--aqua),transparent)}
@media(max-height:760px){.hero__scroll{display:none}}

/* ---------- IMAGE BAND: full-bleed, appears after the fold ---------- */
.band-img{position:relative;height:clamp(520px,78vh,860px);overflow:hidden;background:var(--ink)}
.band-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band-img::after{content:'';position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(0,32,35,.92) 0%,rgba(0,32,35,.58) 44%,rgba(0,32,35,.12) 100%)}
.band-img__in{position:relative;z-index:2;height:100%;display:flex;align-items:center}
.band-img__t{max-width:640px;border-left:3px solid var(--aqua);padding-left:34px}
.band-img__t b{display:block;font-family:var(--sans);font-size:11px;font-weight:700;
 letter-spacing:.22em;text-transform:uppercase;color:var(--aqua);margin-bottom:18px}
.band-img__t p{font-family:var(--serif);font-weight:500;font-size:clamp(1.4rem,2.4vw,1.95rem);
 line-height:1.3;letter-spacing:-.02em;color:var(--white);margin:0 0 18px;max-width:22ch}
.band-img__t span{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.14em;
 text-transform:uppercase;color:var(--tx-meta-d)}

/* ---------- START STRIP ---------- */
.start{position:relative;border-top:1px solid var(--rule-d);background:var(--ink-2)}
.start .wrap{padding-block:22px}
.start__grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:24px}
.start a{display:flex;flex-direction:column;align-items:center;text-align:center;
 padding:46px 34px 44px;transition:background-color .3s var(--ease)}
.start a:hover{background:rgba(1,193,193,.08)}
.start b{display:block;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.2em;
 text-transform:uppercase;color:var(--acc);margin-bottom:16px}
.start h4{font-size:1.4375rem;color:var(--white);margin-bottom:10px;letter-spacing:-.018em}
.start p{font-family:var(--serif);font-size:1.0625rem;line-height:1.6;color:var(--tx-body-d);
 margin:0 auto;max-width:30ch;opacity:.88}
.start span{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:12px;
 font-weight:700;white-space:nowrap;letter-spacing:.07em;text-transform:uppercase;color:var(--acc);margin-top:22px;
 padding:12px 20px;border:1.5px solid var(--acc);border-radius:2px;transition:.26s var(--ease)}
.start a:hover span{background:var(--acc);color:var(--ink);gap:13px}
@media(max-width:900px){.start__grid{grid-template-columns:1fr;column-gap:0}
 .start a{padding:34px 20px 36px}
 .start a + a{border-top:1px solid var(--rule-d)}}


/* ---------- SECTIONS ---------- */
.sec{padding-block:104px}
.sec--cool{background:var(--cool-1)}
.sec--cool2{background:var(--cool-2)}
.sec--white{background:var(--white)}
.sec--tint{background:var(--tint);color:var(--tx-on-tint)}
.sec--deep{background:var(--deep);color:var(--tx-body-d)}
.sec--teal{background:var(--teal-s);color:var(--tx-body-d)}
.sec--gold{background:var(--gold-s);color:#2A1F04}
.sec--ink{background:var(--ink);color:var(--tx-body-d)}
.sec--cool .eyebrow,.sec--cool2 .eyebrow,.sec--white .eyebrow{color:var(--teal)}
.sec--tint .eyebrow{color:var(--aqua-d)}
.sec--gold .eyebrow{color:#5C4409}
.sec--deep .eyebrow,.sec--teal .eyebrow,.sec--ink .eyebrow{color:var(--aqua)}
.sec--deep h2,.sec--teal h2,.sec--ink h2{color:var(--white)}
.sec--gold h2{color:#2A1F04}
.sec--cool p.body,.sec--white p.body{color:var(--tx-body-l)}

/* ---------- PURPOSE PROPS ---------- */
/* three gaps as blocks */
.props{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.prop{display:flex;flex-direction:column;background:var(--white);
 border:1px solid var(--rule-l);border-top:3px solid var(--acc);
 padding:34px 32px;transition:.32s var(--ease)}
.prop:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,32,35,.08);border-color:var(--acc)}
.prop b{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:11px;
 font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px;color:var(--acc)}
.prop b::before{content:'';width:22px;height:2px;background:var(--acc);flex-shrink:0}
.prop h3{font-size:1.4375rem;line-height:1.26;margin-bottom:16px;min-height:2.52em}
.prop p{color:var(--tx-body-l);font-size:1rem;line-height:1.66;margin-top:auto}

/* ---------- SPLIT (image + text) ---------- */
.split{display:grid;grid-template-columns:1fr 1.05fr;align-items:center}
.split img{width:100%;aspect-ratio:3/2;object-fit:cover}
.split__body{padding:92px 76px}
.split__body h2{font-size:clamp(1.9rem,3.2vw,2.6rem);max-width:20ch;margin:22px 0 24px}
.split__body p{margin-bottom:20px;max-width:46ch}
.slist{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:16px}
.slist li{font-family:var(--serif);font-size:1rem;font-weight:450;padding-left:24px;position:relative;line-height:1.64}
.slist li::before{content:'';position:absolute;left:0;top:10px;width:10px;height:2px;background:var(--brass-lt)}

/* ---------- EVIDENCE BAND ---------- */
.band{position:relative;background:var(--ink-2);overflow:hidden}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}
.band::after{content:'';position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(0,32,35,.94) 26%,rgba(0,32,35,.74))}
.band .wrap{position:relative;z-index:2;padding-block:74px}
.band__hd{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.2em;
 text-transform:uppercase;color:var(--tx-meta-d);margin-bottom:30px}
.figs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.fig{display:flex;flex-direction:column;background:rgba(255,255,255,.045);
 border:1px solid var(--rule-d);border-top:3px solid var(--acc);
 padding:30px 26px 28px;transition:.32s var(--ease)}
.fig:hover{background:rgba(255,255,255,.075);transform:translateY(-3px)}
.fig b{display:block;font-family:var(--serif);font-weight:600;font-size:3.1rem;line-height:1;
 margin-bottom:16px;letter-spacing:-.03em;color:var(--acc)}
.fig span{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;
 text-transform:uppercase;color:var(--tx-body-d);line-height:1.5;display:block}
.fig i{display:block;font-style:normal;font-family:var(--serif);font-size:1rem;font-weight:450;
 letter-spacing:0;text-transform:none;color:var(--tx-body-d);margin-top:14px;line-height:1.6}
@media(max-width:1000px){.figs{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.figs{grid-template-columns:1fr}}

/* ---------- HOLDS GRID ---------- */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--rule-d);
 border:2px solid var(--rule-d);margin-top:52px}
.hold{background:var(--card-d);padding:42px 30px 46px;transition:.35s var(--ease);position:relative;
 display:flex;flex-direction:column}
.hold::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--acc);
 transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.hold:hover::before{transform:scaleX(1)}
.hold:hover{background:var(--card-h)}
.hold__n{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--acc);margin-bottom:18px;display:block}
.hold h3{font-size:1.375rem;margin-bottom:12px;color:var(--white)}
.hold p{color:var(--tx-body-d);font-size:1rem;line-height:1.62}
.hold__s{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.13em;
 text-transform:uppercase;color:var(--acc);margin-top:auto;padding-top:20px;display:block}

/* ---------- ARTICLE ENTRIES ---------- */
.entry{display:grid;grid-template-columns:96px 180px 1fr 130px;gap:32px;align-items:center;
 padding:34px 28px;margin-inline:-28px;
 border-bottom:1px solid var(--rule-l);transition:.35s var(--ease);position:relative}
.entry:first-of-type{border-top:2px solid var(--rule-l)}
.entry::before{content:'';position:absolute;left:-20px;top:0;bottom:0;width:4px;background:var(--acc);
 transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease)}
.entry:hover::before{transform:scaleY(1)}
.entry:hover{background:var(--cool-1)}
.entry__fig{overflow:hidden}
.entry__fig img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform 1s var(--ease)}
.entry:hover .entry__fig img{transform:scale(1.05)}
.entry__n{font-family:var(--serif);font-size:3.1rem;font-weight:600;color:var(--acc);line-height:1;letter-spacing:-.035em}
.entry__lead{font-size:1.4375rem;font-weight:500;line-height:1.32;margin-bottom:12px;max-width:46ch;transition:color .3s var(--ease)}
.entry:hover .entry__lead{color:var(--acc)}
.entry__foot{display:flex;gap:11px;align-items:center;font-family:var(--sans);font-size:12px;
 font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-meta-l)}
.live{width:8px;height:8px;border-radius:50%;background:var(--acc);flex-shrink:0}
.entry__side{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;
 text-transform:uppercase;color:var(--tx-meta-l);text-align:right;line-height:1.8}
.entry--soon{opacity:.6}

/* ---------- QUOTE ---------- */
.qb{position:relative;background:var(--ink);padding-block:124px;overflow:hidden}
.qb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.qb::after{content:'';position:absolute;inset:0;background:linear-gradient(96deg,rgba(0,32,35,.93) 26%,rgba(0,32,35,.45))}
.qb .narrow{position:relative;z-index:2}
.qb blockquote{font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:1.26;color:var(--white);
 max-width:25ch;border-left:4px solid var(--brass-lt);padding-left:38px;font-weight:600}
.qb cite{display:block;font-family:var(--sans);font-style:normal;font-size:12px;font-weight:700;
 letter-spacing:.2em;text-transform:uppercase;color:var(--brass-lt);margin-top:32px;padding-left:42px}

/* ---------- AUDIENCE ---------- */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:52px}
.aud__i{border-top:4px solid var(--acc);padding-top:24px;display:flex;flex-direction:column}
.aud__i h4{min-height:1.3em}
.aud__i h4{font-size:1.25rem;margin-bottom:10px}
.aud__i p{font-family:var(--serif);font-size:1rem;font-weight:450;line-height:1.66}

/* ---------- EPISODES ---------- */
.ep{display:grid;grid-template-columns:52px 1fr auto;gap:26px;align-items:center;
 padding:26px 24px;margin-inline:-24px;
 border-bottom:1px solid var(--rule-d);transition:.35s var(--ease)}
.ep:first-of-type{border-top:1px solid var(--rule-d)}
.ep:hover{padding-left:38px}
.ep__play{width:44px;height:44px;border:2px solid var(--rule-d);border-radius:50%;display:flex;
 align-items:center;justify-content:center;font-size:10px;color:var(--tx-body-d);transition:.3s var(--ease)}
.ep:hover .ep__play{border-color:var(--mint);color:var(--ink);background:var(--mint)}
.ep h4{font-size:1.25rem;color:var(--white);margin-bottom:5px}
.ep__m{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-meta-d)}
.ep__d{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--tx-body-d);white-space:nowrap}

/* ---------- FLASHCARDS (brand-spec system) ---------- */
.deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,300px));
 gap:26px;margin-top:48px;justify-content:center}
.fc{display:block;width:100%;max-width:300px;height:440px;padding:0;text-align:left;perspective:1500px;overflow:hidden}
.fc__in{display:block;position:relative;width:100%;height:100%;transition:transform .74s var(--ease);transform-style:preserve-3d}
.fc[data-f="1"] .fc__in{transform:rotateY(180deg)}
.fc__face{position:absolute;inset:0;border-radius:2px;overflow:hidden;padding:30px;
 display:flex;flex-direction:column;justify-content:space-between;
 backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 14px 34px rgba(0,32,35,.2)}
.fc__back{transform:rotateY(180deg);background:var(--ink)}
.wm{position:absolute;right:-40px;bottom:-38px;width:230px;height:190px;pointer-events:none}
.fcrow{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:2}
.cat{display:block;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.num{display:block;font-family:'Poppins',sans-serif;font-weight:800;font-size:11px;letter-spacing:.1em;opacity:.55;white-space:nowrap}
.fcbody{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:14px}
.fcq{display:block;font-size:1.375rem;font-weight:600;line-height:1.28;letter-spacing:-.014em}
.fca{display:block;font-size:1rem;font-weight:450;line-height:1.54;color:var(--tx-body-d)}
.lock{position:relative;z-index:2;display:block}
.lock__eq{display:block;font-family:'SourceSerif4',serif;font-weight:600;font-size:11px;letter-spacing:.22em;text-transform:uppercase}
.lock__t{position:relative;display:inline-block;margin-top:-3px}
.lock__talks{display:block;font-family:'Poppins',sans-serif;font-weight:800;font-size:26px;letter-spacing:.005em;line-height:1}
.lock__node{position:absolute;top:-4px;right:-13px;width:13px;height:11px}
.fcfoot{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:10px;margin-top:14px}
.hint{display:block;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.ctl{display:flex;gap:24px;margin-top:34px;justify-content:center;font-family:var(--sans);font-size:13px;font-weight:600}
.ctl button{color:var(--teal);border:1px solid var(--rule-l);background:var(--white);padding:13px 20px;min-height:44px;transition:.22s var(--ease)}
.ctl button:hover{border-color:var(--teal);background:var(--teal);color:var(--white)}

/* ---------- STUDY MODE ---------- */
.study{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:70px;align-items:start}
.study__copy h3{font-size:clamp(1.9rem,3.2vw,2.6rem);letter-spacing:-.024em;margin:20px 0 18px}
.study__copy p{font-family:var(--serif);font-weight:450;font-size:1.125rem;color:var(--tx-body-l);max-width:36ch;margin-bottom:28px}
.study__filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px}
.chip{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.04em;
 padding:12px 17px;min-height:44px;border:1px solid var(--rule-l);color:var(--tx-meta-l);background:var(--white);transition:.22s var(--ease)}
.chip:hover{border-color:var(--teal);color:var(--teal)}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--white)}
.study__stage{position:relative;height:470px;display:flex;align-items:center;justify-content:center;
 touch-action:pan-y;user-select:none;background:var(--white);border:1px solid var(--rule-l)}
.study__stage .fc{position:absolute;transition:transform .34s var(--ease),opacity .34s var(--ease)}
.study__stage .fc.out-l{transform:translateX(-64px);opacity:0}
.study__stage .fc.out-r{transform:translateX(64px);opacity:0}
.study__bar{height:3px;background:var(--rule-l);margin:0 0 20px;position:relative;overflow:hidden}
.study__fill{position:absolute;left:0;top:0;bottom:0;background:var(--teal);width:5%;transition:width .3s var(--ease)}
.study__ctl{display:flex;align-items:center;justify-content:space-between;gap:14px;
 font-family:var(--sans);font-size:13px;font-weight:600}
.study__ctl button{color:var(--teal);border:1px solid var(--rule-l);padding:13px 20px;min-height:44px;background:var(--white);transition:.22s var(--ease)}
.study__ctl button:hover{border-color:var(--teal);background:var(--teal);color:var(--white)}
.study__ctl button:disabled{opacity:.35;cursor:default}
.study__ctl button:disabled:hover{background:var(--white);color:var(--teal);border-color:var(--rule-l)}
.study__count{color:var(--tx-meta-l);font-variant-numeric:tabular-nums;min-width:66px;text-align:center}

.study__hint{font-family:var(--sans);font-size:12px;color:var(--tx-meta-l);margin-top:18px}
@media(max-width:1000px){.study{grid-template-columns:1fr;gap:38px}}
@media(max-width:680px){
 .study__stage{height:470px}
 .study__ctl{flex-wrap:wrap;gap:12px}#shuffle{margin-left:0}
}

/* ---------- ARTICLE PAGE ---------- */
.ahead{position:relative;background:var(--ink);color:var(--tx-body-d);overflow:hidden;padding:150px 0 0}
.ahead__top{position:relative;z-index:2;padding-bottom:56px}
.ahead .crumb{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.18em;
 text-transform:uppercase;color:var(--aqua);margin-bottom:24px}
.ahead .crumb a{border-bottom:1px solid currentColor}
.ahead h1{font-size:clamp(2.4rem,4.8vw,3.9rem);color:var(--white);max-width:17ch;margin-bottom:22px}
.ahead .stand{font-size:1.125rem;max-width:50ch;margin-bottom:26px}
.ahead .by{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--tx-meta-d)}
.ahead__fig img{width:100%;aspect-ratio:21/8;object-fit:cover}
.alay{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:76px;padding-block:80px;max-width:1080px;
 margin:0 auto;padding-inline:48px;align-items:start;background:var(--white)}
.abody{max-width:min(62ch,100%);font-size:1.125rem;line-height:1.78}
.abody p{margin-bottom:26px;color:var(--tx-body-l);overflow-wrap:anywhere}
.abody h2{font-size:1.8rem;margin:58px 0 18px;color:var(--tx-dark)}
.abody .lead{font-size:1.375rem;line-height:1.54;margin-bottom:38px;color:var(--tx-dark);font-weight:500}
.pq{border-left:4px solid var(--teal);padding-left:34px;margin:54px 0;font-size:1.5rem;
 line-height:1.36;font-weight:600;color:var(--tx-dark)}
.pq cite{display:block;font-family:var(--sans);font-style:normal;font-size:12px;font-weight:700;
 letter-spacing:.16em;text-transform:uppercase;color:var(--tx-meta-l);margin-top:18px}
.field{background:var(--ink-2);color:var(--tx-body-d);padding:40px 38px;margin:52px 0;position:relative}
.field::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sky)}
.field b{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.2em;
 text-transform:uppercase;color:var(--sky);display:block;margin-bottom:15px}
.field p{margin:0;font-size:1.125rem;line-height:1.7;color:var(--tx-body-d)}
.rail{position:sticky;top:110px;font-family:var(--sans)}
.rail section{padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid var(--rule-l)}
.rail section:last-child{border:0}
.rail h5{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tx-meta-l);margin-bottom:16px}
.rail a{display:block;font-size:14px;font-weight:500;color:var(--tx-meta-l);padding:7px 0 7px 14px;
 margin-left:-14px;line-height:1.44;border-left:3px solid transparent;transition:.3s var(--ease)}
.rail a:hover,.rail a.cur{color:var(--tx-dark);border-color:var(--teal)}
.rail .act{color:var(--teal);font-weight:700;border-color:transparent}
.rail p{font-family:var(--sans);font-size:12px;font-weight:500;color:var(--tx-meta-l)}
.prog{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:11px}
.prog i{width:10px;height:4px;background:var(--rule-l)}.prog i.now{background:var(--teal)}

/* ---------- LIST PAGES ---------- */
.stack{display:flex;flex-direction:column}
.item{display:grid;grid-template-columns:220px 1fr auto;gap:34px;align-items:center;padding-block:30px;
 border-bottom:1px solid var(--rule-l);transition:.3s var(--ease)}
.item:first-of-type{border-top:2px solid var(--rule-l)}
.item:hover{background:var(--cool-1)}
.item img{width:100%;aspect-ratio:3/2;object-fit:cover}
.item h3{font-size:1.375rem;margin-bottom:8px}
.item p{font-family:var(--serif);font-size:1rem;font-weight:450;color:var(--tx-body-l);line-height:1.62}
.item__s{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.14em;
 text-transform:uppercase;color:var(--acc);white-space:nowrap}
.stubs{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:44px}
.stub{border-top:4px solid var(--acc);padding-top:22px}
.stub h3{font-size:1.25rem;margin-bottom:10px}
.stub p{color:var(--tx-body-l);font-family:var(--serif);font-size:1rem;font-weight:450;line-height:1.66}
.stub__s{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.14em;
 text-transform:uppercase;color:var(--acc);display:block;margin-bottom:14px}

/* ---------- COVERS (books / courses) ---------- */
.covers{display:grid;grid-template-columns:repeat(3,1fr);gap:54px;margin-top:56px;align-items:start}
.cover{display:flex;flex-direction:column}
.cover__art{flex:0 0 auto;position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:2px;
 padding:36px 32px 34px 40px;display:flex;flex-direction:column;justify-content:space-between;
 box-shadow:0 18px 40px rgba(0,32,35,.22);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.cover:hover .cover__art{transform:translateY(-6px);box-shadow:0 26px 54px rgba(0,32,35,.3)}
.cover__art::before{content:'';position:absolute;left:0;top:0;bottom:0;width:14px;
 background:linear-gradient(90deg,rgba(0,0,0,.26),rgba(0,0,0,.05) 62%,rgba(255,255,255,.07));z-index:3}
.cover__art::after{content:'';position:absolute;left:14px;top:0;bottom:0;width:1px;
 background:rgba(255,255,255,.14);z-index:3}
.cover__wm{position:absolute;right:-34px;bottom:-32px;width:196px;height:162px;pointer-events:none}
.cover__vol{position:relative;z-index:2;font-family:var(--sans);font-size:11px;font-weight:700;
 letter-spacing:.28em;text-transform:uppercase}
.cover__mid{position:relative;z-index:2}
.cover__t{font-family:var(--serif);font-weight:600;font-size:2.15rem;line-height:1.1;
 letter-spacing:-.024em;margin-bottom:18px;text-wrap:balance;min-height:3.35em;
 display:flex;align-items:flex-end}
.cover__rule{width:52px;height:3px;display:block;margin-bottom:20px}
.cover__sub{font-family:var(--serif);font-size:1rem;font-weight:450;line-height:1.6;
 opacity:.86;max-width:26ch;min-height:3.2em}
.cover__lock{position:relative;z-index:2}
.cover__eq{display:block;font-family:'SourceSerif4',serif;font-weight:600;font-size:11px;
 letter-spacing:.22em;text-transform:uppercase}
.cover__talks{display:block;font-family:'Poppins',sans-serif;font-weight:800;font-size:22px;
 letter-spacing:.005em;line-height:1;margin-top:-2px}
.cover__meta{margin-top:20px;display:flex;flex-direction:column;flex:1 1 auto}
.cover__meta b{display:block;font-family:var(--sans);font-size:11px;font-weight:700;
 letter-spacing:.16em;text-transform:uppercase;color:var(--acc);margin-bottom:8px;min-height:1.4em}
.cover__meta p{font-family:var(--serif);font-size:1rem;font-weight:450;line-height:1.62;color:var(--tx-body-l);margin:0}
@media(max-width:1000px){.covers{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:680px){.covers{grid-template-columns:1fr;gap:40px}.cover__art{aspect-ratio:3/4}}

.subgrid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
@media(max-width:900px){.subgrid{grid-template-columns:1fr;gap:32px}}

/* ---------- SUBSCRIBE / FOOTER ---------- */
.sub{background:var(--ink);padding-block:100px;position:relative;overflow:hidden;color:var(--tx-body-d)}
.sub::before{content:'';position:absolute;right:-8%;top:-50%;width:50%;height:200%;
 background:radial-gradient(ellipse,rgba(1,215,176,.15),transparent 62%)}
.sub .wrap{position:relative}
.sub h2{font-size:2.7rem;color:var(--white);margin-bottom:18px;max-width:17ch}
.sub p{margin-bottom:34px;max-width:44ch}
.sub .btn--p:hover{background:var(--mint)}
.foot{background:var(--ink);border-top:1px solid var(--rule-d);padding-block:66px 32px;color:var(--tx-body-d)}
.foot .brand{height:44px;width:112px;margin-bottom:22px}
.foot .brand img{height:44px;opacity:1}
.foot__g{display:grid;grid-template-columns:2.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px}
.foot__ab{font-family:var(--serif);font-size:1rem;font-weight:450;line-height:1.7;color:var(--tx-body-d);max-width:42ch}
.foot h5{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.2em;
 text-transform:uppercase;color:var(--white);margin-bottom:16px}
.foot a{display:block;font-family:var(--sans);font-size:13px;font-weight:500;color:var(--tx-meta-d);padding-block:5px;transition:.25s}
.foot a:hover{color:var(--aqua)}
.foot__b{border-top:1px solid var(--rule-d);padding-top:26px;font-family:var(--sans);font-size:12px;
 font-weight:500;color:var(--tx-meta-d);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;letter-spacing:.06em}

/* ---------- AUTHOR ---------- */
.auth h2{font-size:2.5rem;color:#2A1F04;margin:22px 0 24px}
.auth p{color:#3D2E08;max-width:58ch;margin-bottom:18px}
.auth__links{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.auth__lk{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:13px;
 font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2A1F04;
 padding:15px 24px;border:1.5px solid #8A6A16;border-radius:2px;background:transparent;
 transition:.26s var(--ease)}
.auth__lk:hover{background:#2A1F04;border-color:#2A1F04;color:var(--gold-s);gap:14px}
.auth__lk--solid{background:#2A1F04;border-color:#2A1F04;color:var(--gold-s)}
.auth__lk--solid:hover{background:transparent;color:#2A1F04;border-color:#8A6A16}

.view{display:none}.view.on{display:block}

@media(max-width:1000px){
 .hero{min-height:0;padding:112px 0 76px}
 .band-img{height:clamp(380px,58vh,560px)}
 .entry{padding-inline:20px;margin-inline:-20px}
 .ep{padding-inline:18px;margin-inline:-18px}
 .hero{min-height:0;display:block}
 .hero .wrap{grid-template-columns:1fr;gap:0}
 .hero__copy{padding:64px 24px 52px}
 .hero__fig{min-height:340px}
 .split{grid-template-columns:1fr}.split__body{padding:56px 40px}
 .props,.grid3,.grid4,.stubs{grid-template-columns:1fr 1fr}
 .figs{grid-template-columns:1fr 1fr}
 .alay{grid-template-columns:minmax(0,1fr);gap:48px}
 .rail{position:static;border-top:2px solid var(--rule-l);padding-top:32px}
 .item{grid-template-columns:170px 1fr}.item__s{grid-column:2;justify-self:start}
 .entry{grid-template-columns:80px 140px 1fr}.entry__side{display:none}
 .foot__g{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){.nav{display:none}.burger{display:flex}}
@media(max-width:680px){
 .wrap,.narrow,.alay,.mnav{padding-inline:24px}
 .entry{padding-inline:14px;margin-inline:-14px}
 .ep{padding-inline:12px;margin-inline:-12px}
 .inlinecards .fc{width:min(272px,100%);height:400px}
 .deck .fc{width:min(272px,100%);height:400px}
 .wm{right:-6%;bottom:-6%;width:68%;height:auto;aspect-ratio:26/22}
 .band-img__t{padding-left:20px}
 .brand{height:38px;width:96px}.brand img{height:38px}
 .props,.grid3,.grid4,.stubs{grid-template-columns:1fr}
 .fig b{font-size:2.3rem}
 .fig span{font-size:11px;letter-spacing:.06em;line-height:1.6}
 .entry__lead{font-size:1.25rem}
 .entry{grid-template-columns:64px 1fr;gap:18px}
 .entry__fig{grid-column:1/-1;order:-1}
 .entry__side{display:none}.entry__n{font-size:2.3rem}.entry::before{left:-24px}
 .item{grid-template-columns:1fr;gap:16px}
 .sec{padding-block:70px}
 .qb{padding-block:88px}.qb blockquote{padding-left:22px}.qb cite{padding-left:26px}
 .foot__g{grid-template-columns:1fr}
 .deck{justify-content:center}
}