:root{
  --ink:#0f0f0f;--text:#1b1b1b;--muted:#5c5c5c;--faint:#8a8a8a;--line:#e2e2e2;--tint:#f4f5f7;
  --brand:#2340d0;--brand-dark:#182e9e;
  --serif:"Caslon Text",Georgia,"Times New Roman",serif;--display:"Caslon Display","Caslon Text",Georgia,serif;
  --sans:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --max:1320px;--gut:32px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
img{display:block;max-width:100%}
h1,h2,h3,h4{margin:0;font-weight:inherit}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;background:#fff;padding:10px 14px;z-index:99}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------------- header ---------------- */
.util{font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}
.util .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:36px}
.util nav{display:flex;gap:22px;flex-wrap:wrap}
.util a{text-decoration:none}
.util a:hover{color:var(--ink);text-decoration:underline}
.util .search{display:inline-flex;align-items:center;gap:6px}
.util .search svg{width:14px;height:14px}

.mast{border-bottom:3px solid var(--ink)}
.mast .wrap{display:flex;align-items:baseline;justify-content:space-between;gap:32px;padding-top:22px;padding-bottom:16px}
.logo{font-family:var(--serif);font-weight:700;font-size:31px;letter-spacing:-.025em;line-height:1;text-decoration:none;color:var(--ink);white-space:nowrap}
.logo i{font-weight:400}
.nav{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.nav a{font-weight:600;font-size:15px;text-decoration:none;color:var(--ink);padding:4px 0;border-bottom:2px solid transparent}
.nav a:hover{border-color:var(--ink)}
.nav a[aria-current="page"]{color:var(--brand);border-color:var(--brand)}

/* ---------------- shared type ---------------- */
.kick{display:inline-block;font-family:var(--sans);font-weight:700;font-size:13px;color:var(--brand);text-decoration:none;margin-bottom:10px;letter-spacing:.01em}
a.kick:hover{text-decoration:underline}
.by{font-size:13px;color:var(--muted);margin-top:14px}
.by b{color:var(--ink);font-weight:600}
.hl a,.hl{text-decoration:none;color:var(--ink)}
.hl a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}
.dek{font-family:var(--serif);color:var(--muted);line-height:1.45}
figure{margin:0}
figcaption,.credit{font-size:12px;color:var(--faint);margin-top:8px;line-height:1.4}
figcaption a,.credit a{text-decoration:none}
.ph{position:relative;overflow:hidden;background:#e8e9ec}
.ph img{width:100%;height:100%;object-fit:cover}
.r32{aspect-ratio:3/2}.r45{aspect-ratio:4/5}.r169{aspect-ratio:16/9}.r1610{aspect-ratio:16/10}.r43{aspect-ratio:4/3}.r219{aspect-ratio:21/9}
.link{font-weight:700;color:var(--brand);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:1px}
.link:hover{color:var(--brand-dark)}
.btn{display:inline-block;font-family:var(--sans);font-weight:700;font-size:15px;background:var(--ink);color:#fff;border:0;padding:13px 22px;text-decoration:none;cursor:pointer;line-height:1.2}
.btn:hover{background:var(--brand)}
.lbl{font-family:var(--sans);font-weight:700;font-size:15px;color:var(--ink);margin-bottom:22px}

/* ---------------- home: lead package ---------------- */
.lead{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);padding-top:32px;padding-bottom:72px}
.lead-main{grid-column:1/9}
.lead-main .ph{aspect-ratio:3/2}
.lead-main .kick{margin-top:22px}
.lead-main h2{font-family:var(--serif);font-weight:600;font-size:clamp(38px,5vw,74px);line-height:1.02;letter-spacing:-.028em;max-width:13em}
.lead-main .dek{font-size:clamp(18px,1.6vw,22px);margin-top:16px;max-width:36em}
.lead-side{grid-column:9/13;display:flex;flex-direction:column}
.lead-side .ph{aspect-ratio:4/5}
.lead-side .kick{margin-top:18px}
.lead-side h3{font-family:var(--serif);font-weight:600;font-size:27px;line-height:1.12;letter-spacing:-.015em}
.lead-side .dek{font-size:16px;margin-top:10px}
.lead-brief{margin-top:40px;padding-top:0}
.lead-brief h3{font-size:21px;font-weight:500}

/* quote */
.quote{padding-top:8px;padding-bottom:80px}
.quote blockquote{margin:0;max-width:1000px}
.quote p{font-family:var(--serif);font-style:normal;font-weight:400;font-size:clamp(28px,3.6vw,48px);line-height:1.18;letter-spacing:-.015em;color:var(--ink)}
.quote p::before{content:"\201C";color:var(--brand);margin-left:-.45em;padding-right:.05em}
.quote footer{margin-top:18px;font-size:14px;color:var(--muted)}
.quote footer a{color:var(--ink);font-weight:600}

/* briefs + feature */
.mix{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);padding-bottom:88px}
.briefs{grid-column:1/5}
.briefs ol{list-style:none;margin:0;padding:0;counter-reset:b}
.briefs li{margin-bottom:34px;counter-increment:b}
.briefs li:last-child{margin-bottom:0}
.briefs h3{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.2;letter-spacing:-.01em}
.briefs p{font-size:15px;color:var(--muted);margin-top:8px}
.mix-feature{grid-column:6/13;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gut);align-items:end}
.mix-feature .ph{aspect-ratio:4/5}
.mix-feature h3{font-family:var(--serif);font-weight:600;font-size:clamp(28px,2.8vw,40px);line-height:1.06;letter-spacing:-.022em}
.mix-feature .dek{font-size:17px;margin-top:14px}

/* full bleed photo */
.bleed{margin:0 0 56px}
.bleed .ph{aspect-ratio:21/8;max-height:620px;width:100%}
.bleed figcaption{max-width:var(--max);margin:8px auto 0;padding:0 var(--gut)}

/* contributor editorial */
.contrib{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);padding-bottom:100px}
.contrib h2{grid-column:1/7;font-family:var(--serif);font-weight:600;font-size:clamp(34px,4.2vw,60px);line-height:1.04;letter-spacing:-.028em}
.contrib-body{grid-column:8/13;font-family:var(--serif);font-size:19px;line-height:1.55;padding-top:8px}
.contrib-body p+p{margin-top:16px}
.contrib-body ul{list-style:none;padding:0;margin:20px 0 28px;font-family:var(--sans);font-size:16px}
.contrib-body li{padding:9px 0;border-top:1px solid var(--line)}
.contrib-body li:last-child{border-bottom:1px solid var(--line)}

/* playbook desk */
.desk{background:var(--tint);padding:88px 0 96px}
.desk-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);margin-bottom:56px;align-items:end}
.desk-head h2{grid-column:1/8;font-family:var(--serif);font-weight:600;font-size:clamp(40px,5.4vw,80px);line-height:.98;letter-spacing:-.032em}
.desk-head p{grid-column:9/13;font-size:17px;color:#333}
.desk-head p a{color:var(--brand);font-weight:700}
.desk-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
.desk-lead{grid-column:1/7}
.desk-lead .ph{aspect-ratio:4/3}
.desk-lead .kick{margin-top:20px}
.desk-lead h3{font-family:var(--serif);font-weight:600;font-size:36px;line-height:1.08;letter-spacing:-.02em}
.desk-lead .dek{font-size:18px;margin-top:12px}
.desk-list{grid-column:8/13;list-style:none;margin:0;padding:0}
.desk-list li{padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid #d5d7dc}
.desk-list li:last-child{border:0;margin:0;padding:0}
.desk-list .n{display:block;font-family:var(--sans);font-size:13px;font-weight:700;color:var(--brand);margin-bottom:6px}
.desk-list h3{font-family:var(--serif);font-weight:600;font-size:25px;line-height:1.15;letter-spacing:-.012em}
.desk-list p{font-size:15px;color:var(--muted);margin-top:8px}
.topics{margin-top:64px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 30px}
.topics .t{font-family:var(--sans);font-weight:700;font-size:15px;margin-right:6px}
.topics a{font-family:var(--serif);font-size:24px;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}
.topics a sup{font-family:var(--sans);font-size:12px;color:var(--faint);margin-left:3px}
.topics a:hover{color:var(--brand)}

/* causes */
.causes{padding-top:96px;padding-bottom:96px}
.causes-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:28px;flex-wrap:wrap}
.causes-head h2{font-family:var(--serif);font-weight:600;font-size:clamp(34px,3.8vw,52px);letter-spacing:-.025em;line-height:1.05}
.causes-head p{font-size:15px;color:var(--muted);max-width:30em}
.cgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(170px,17vw,250px);gap:10px}
.ctile{position:relative;display:block;overflow:hidden;text-decoration:none;background:#dcdde1}
.ctile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ctile:hover img{transform:scale(1.04)}
.ctile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,0) 55%)}
.ctile span{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;color:#fff;font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.1;letter-spacing:-.01em}
.ctile small{display:block;font-family:var(--sans);font-weight:500;font-size:13px;margin-top:4px;opacity:.9;letter-spacing:0}
.ctile.big{grid-column:span 2;grid-row:span 2}
.ctile.big span{font-size:40px}
.ctile.solid{background:var(--brand)}
.ctile.solid::after{display:none}
.ctile.solid:hover{background:var(--brand-dark)}
.ctile.plain{background:#fff;border:1px solid var(--ink)}
.ctile.plain::after{display:none}
.ctile.plain span{color:var(--ink)}
.ctile.plain:hover{background:var(--tint)}

/* ---------------- footer ---------------- */
.foot{border-top:3px solid var(--ink);padding:36px 0 28px;font-size:14px}
.foot-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid var(--line)}
.foot-top .logo{font-size:26px}
.nl{display:flex;flex-direction:column;gap:8px;min-width:min(420px,100%)}
.nl label{font-weight:700;font-size:14px}
.nl .row{display:flex}
.nl input{flex:1;min-width:0;font:inherit;font-size:15px;padding:11px 12px;border:1px solid #9a9a9a;border-right:0;background:#fff;color:var(--ink);border-radius:0}
.nl button{font:inherit;font-weight:700;font-size:15px;background:var(--ink);color:#fff;border:0;padding:0 18px;cursor:pointer}
.nl button:hover{background:var(--brand)}
.nl small{font-size:12px;color:var(--faint)}
.foot-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.4fr);gap:24px;padding-top:24px}
.foot-links h2{font-size:14px;font-weight:700;margin-bottom:8px}
.foot-links ul{list-style:none;margin:0;padding:0}
.foot-links li{margin-bottom:4px}
.foot-links a{text-decoration:none;color:var(--muted)}
.foot-links a:hover{color:var(--ink);text-decoration:underline}
.foot-links .legal{font-size:12px;color:var(--faint);line-height:1.5}

/* ---------------- inner pages ---------------- */
.phead{padding-top:56px;padding-bottom:48px}
.phead .kick{margin-bottom:14px}
.phead h1{font-family:var(--serif);font-weight:600;font-size:clamp(40px,5.6vw,80px);line-height:1;letter-spacing:-.032em;max-width:15em;color:var(--ink)}
.phead .dek{font-size:clamp(19px,1.8vw,23px);margin-top:20px;max-width:34em}

/* story */
.shead{padding-top:56px;padding-bottom:36px}
.shead-in{max-width:980px}
.shead h1{font-family:var(--serif);font-weight:600;font-size:clamp(38px,5.4vw,76px);line-height:1.02;letter-spacing:-.03em;color:var(--ink)}
.shead .dek{font-size:clamp(19px,1.9vw,24px);margin-top:20px;max-width:36em}
.shead.brief .shead-in{max-width:760px;margin:0 auto}
.shead.brief h1{font-size:clamp(34px,4.2vw,56px)}
.sfig{max-width:1480px;margin:0 auto 8px;padding:0 var(--gut)}
.sfig .ph{aspect-ratio:16/9}
.sbody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,680px) minmax(0,1fr);column-gap:var(--gut);padding:40px var(--gut) 72px;max-width:var(--max);margin:0 auto}
.sbody > *{grid-column:2}
.sbody .srail{grid-column:3;grid-row:1/span 3;font-size:14px;align-self:start;position:sticky;top:24px;padding-top:6px}
.srail h2{font-weight:700;font-size:14px;margin-bottom:8px}
.srail ul{list-style:none;padding:0;margin:0 0 24px}
.srail li{margin-bottom:10px;line-height:1.35}
.srail a{text-decoration:none;font-family:var(--serif);font-size:16px}
.srail a:hover{color:var(--brand)}
.prose{font-family:var(--serif);font-size:20px;line-height:1.65;color:var(--text)}
.prose p{margin:0 0 1.1em}
.prose h2{font-family:var(--serif);font-weight:600;font-size:27px;line-height:1.2;letter-spacing:-.012em;margin:1.7em 0 .5em;color:var(--ink)}
.prose h2:first-child{margin-top:0}
.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.1em}
.prose li{margin-bottom:.5em}
.prose a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:3px}
.prose strong{font-weight:600;color:var(--ink)}
.prose > p:first-of-type::first-letter{font-weight:600}
.fine{font-size:13px;color:var(--faint);margin-top:32px;line-height:1.5}

.next{padding:0 0 88px}.next .wrap{border-top:3px solid var(--ink);padding-top:40px}
.next-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
.next-main{grid-column:1/8;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gut);align-items:start;text-decoration:none}
.next-main .ph{aspect-ratio:4/3}
.next-main h3{font-family:var(--serif);font-weight:600;font-size:30px;line-height:1.1;letter-spacing:-.018em;color:var(--ink)}
.next-main:hover h3{text-decoration:underline;text-decoration-thickness:1px}
.next-main .dek{font-size:16px;margin-top:10px}
.next-list{grid-column:9/13;list-style:none;margin:0;padding:0}
.next-list li{margin-bottom:24px}
.next-list h3{font-family:var(--serif);font-weight:500;font-size:20px;line-height:1.22}

/* playbook */
.pb-lead{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);padding-top:8px;padding-bottom:80px}
.pb-lead .desk-lead{grid-column:1/7}
.pb-lead .desk-list{grid-column:8/13}
.idx{padding-bottom:80px}.idx > .idx-row:first-child{border-top:3px solid var(--ink)}
.idx-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);padding:36px 0;border-bottom:1px solid var(--line);scroll-margin-top:16px}
.idx-row h2{grid-column:1/4;font-family:var(--serif);font-weight:600;font-size:30px;letter-spacing:-.02em;line-height:1.1}
.idx-row h2 small{display:block;font-family:var(--sans);font-size:13px;font-weight:500;color:var(--muted);margin-top:8px;letter-spacing:0;line-height:1.4}
.idx-row ol{grid-column:5/13;list-style:none;margin:0;padding:0}
.idx-row li+li{margin-top:22px}
.idx-row a{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;text-decoration:none}
.idx-row .cn{font-family:var(--sans);font-size:14px;font-weight:700;color:var(--brand);padding-top:5px}
.idx-row h3{font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.2;color:var(--ink)}
.idx-row p{font-size:15px;color:var(--muted);margin-top:4px}
.idx-row a:hover h3{text-decoration:underline;text-decoration-thickness:1px}

.chead{padding-top:48px;padding-bottom:40px}
.chead .crumb{font-size:14px;color:var(--muted);margin-bottom:22px}
.chead .crumb a{color:var(--brand);font-weight:700;text-decoration:none}
.chead .crumb a:hover{text-decoration:underline}
.chead h1{font-family:var(--serif);font-weight:600;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.03em;max-width:14em;color:var(--ink)}
.chead .dek{font-size:clamp(18px,1.8vw,22px);margin-top:18px;max-width:36em}
.cbody{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);padding-top:24px;padding-bottom:88px;border-top:1px solid var(--line)}
.cnav{grid-column:1/4;position:sticky;top:20px;align-self:start;font-size:14px;max-height:calc(100vh - 40px);overflow:auto;padding:16px 8px 0 0}
.cnav h2{font-weight:700;font-size:13px;margin:18px 0 6px;color:var(--ink)}
.cnav h2:first-child{margin-top:0}
.cnav ol{list-style:none;margin:0;padding:0}
.cnav a{display:block;padding:3px 0;text-decoration:none;color:var(--muted);line-height:1.35}
.cnav a:hover{color:var(--ink)}
.cnav a[aria-current="page"]{color:var(--brand);font-weight:700}
.cmain{grid-column:5/13;max-width:700px;padding-top:24px}
.check{margin-top:44px;border-top:3px solid var(--ink);padding-top:18px}
.check h2{font-weight:700;font-size:15px;margin-bottom:12px}
.check ul{list-style:none;margin:0;padding:0}
.check li{position:relative;padding:8px 0 8px 32px;font-size:16px;border-bottom:1px solid var(--line)}
.check li::before{content:"";position:absolute;left:0;top:11px;width:16px;height:16px;border:1.5px solid var(--ink)}
.pager{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gut);margin-top:56px}
.pager a{text-decoration:none;display:block}
.pager small{display:block;font-size:13px;font-weight:700;color:var(--brand);margin-bottom:6px}
.pager span{font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.15;letter-spacing:-.012em;color:var(--ink)}
.pager a:hover span{text-decoration:underline;text-decoration-thickness:1px}
.pager .nx{text-align:right}

/* generic two column blocks */
.block{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);padding-top:64px;padding-bottom:64px;position:relative}
.block::before{content:"";position:absolute;top:0;left:var(--gut);right:var(--gut);border-top:1px solid var(--line)}
.block > .bh{grid-column:1/5}
.block > .bb{grid-column:6/13}
.bh h2{font-family:var(--serif);font-weight:600;font-size:clamp(28px,2.8vw,38px);line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
.bh p{font-size:15px;color:var(--muted);margin-top:12px;max-width:26em}
.bb .prose{font-size:19px}
.defs{list-style:none;margin:0;padding:0}
.defs li{padding:18px 0;border-bottom:1px solid var(--line)}
.defs li:first-child{padding-top:0}
.defs strong{display:block;font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.2;color:var(--ink);margin-bottom:4px}
.defs span{color:var(--muted);font-size:15px}

/* plain table */
.tbl-wrap{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.tbl th,.tbl td{text-align:left;padding:14px 16px 14px 0;border-bottom:1px solid var(--line);vertical-align:top}
.tbl thead th{border-bottom:2px solid var(--ink);vertical-align:bottom;font-weight:700}
.tbl thead .lvl{display:block;font-family:var(--serif);font-weight:600;font-size:22px;letter-spacing:-.01em}
.tbl thead .pr{display:block;font-weight:500;color:var(--muted);font-size:14px;margin-top:2px}
.tbl tbody th{font-weight:600}
.tbl .no{color:var(--faint)}

details.q{border-bottom:1px solid var(--line)}
details.q summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;font-family:var(--serif);font-weight:600;font-size:20px;position:relative;color:var(--ink)}
details.q summary::-webkit-details-marker{display:none}
details.q summary::after{content:"+";position:absolute;right:4px;top:12px;font-family:var(--sans);font-weight:400;font-size:24px}
details.q[open] summary::after{content:"\2212"}
details.q div{padding:0 0 18px;color:#333;max-width:42em}
details.q:first-of-type{border-top:2px solid var(--ink)}

/* forms */
.form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 20px}
.form .full{grid-column:1/-1}
.form label{display:block;font-size:14px;font-weight:700;margin-bottom:6px;color:var(--ink)}
.form input,.form select,.form textarea{width:100%;font:inherit;font-size:16px;padding:11px 12px;border:1px solid #9a9a9a;background:#fff;color:var(--ink);border-radius:0}
.form textarea{min-height:140px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--ink);outline:2px solid var(--brand);outline-offset:0}
.form .ck{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;line-height:1.45}
.form .ck input{width:auto;margin-top:3px}
.form .hint{font-size:13px;color:var(--muted);margin-top:6px}

/* cause index */
.clist{list-style:none;margin:0;padding:0;columns:2;column-gap:var(--gut)}
.clist li{break-inside:avoid;padding:14px 0;border-bottom:1px solid var(--line);scroll-margin-top:16px}
.clist strong{display:block;font-family:var(--serif);font-weight:600;font-size:20px;color:var(--ink)}
.clist span{font-size:15px;color:var(--muted)}
.clist li:target{background:var(--tint)}

/* search */
.sform{display:flex;max-width:720px}
.sform input{flex:1;min-width:0;font:inherit;font-size:20px;padding:14px 16px;border:2px solid var(--ink);border-right:0;border-radius:0}
.sform button{font:inherit;font-weight:700;background:var(--ink);color:#fff;border:0;padding:0 24px;cursor:pointer}
.results{list-style:none;margin:36px 0 0;padding:0;max-width:760px}
.results li{padding:18px 0;border-bottom:1px solid var(--line)}
.results .type{font-size:13px;font-weight:700;color:var(--brand)}
.results h2{font-family:var(--serif);font-weight:600;font-size:23px;line-height:1.2;margin-top:4px}
.results h2 a{text-decoration:none}
.results h2 a:hover{text-decoration:underline}
.results p{font-size:15px;color:var(--muted);margin-top:6px}
.empty{margin-top:28px;color:var(--muted)}

.impact-lede{font-family:var(--serif);font-size:clamp(22px,2.4vw,30px);line-height:1.35;max-width:30em;color:var(--ink);letter-spacing:-.01em}
.impact-lede a{color:var(--brand)}

/* ---------------- responsive ---------------- */
@media (max-width:1100px){
  .mast .wrap{flex-direction:column;align-items:flex-start;gap:14px}
  .nav{overflow-x:auto;max-width:100%;scrollbar-width:none;gap:22px}
  .nav::-webkit-scrollbar{display:none}
  .nav a{white-space:nowrap}
  .sbody{grid-template-columns:minmax(0,1fr) minmax(0,680px) minmax(0,1fr)}
  .sbody .srail{grid-column:2;grid-row:auto;position:static;margin-top:40px;border-top:2px solid var(--ink);padding-top:16px}
}
@media (max-width:960px){
  :root{--gut:24px}
  .lead-main,.lead-side{grid-column:1/-1}
  .lead-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--gut);margin-top:48px}
  .lead-side .ph{aspect-ratio:4/3}
  .lead-brief{margin-top:0}
  .briefs,.mix-feature{grid-column:1/-1}
  .briefs{margin-bottom:56px}
  .contrib h2,.contrib-body{grid-column:1/-1}
  .contrib-body{margin-top:24px}
  .desk-head h2,.desk-head p,.desk-lead,.desk-list,.pb-lead .desk-lead,.pb-lead .desk-list{grid-column:1/-1}
  .desk-head p{margin-top:20px}
  .desk-list{margin-top:48px}
  .cgrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}
  .next-main,.next-list{grid-column:1/-1}
  .next-list{margin-top:40px}
  .idx-row h2,.idx-row ol{grid-column:1/-1}
  .idx-row ol{margin-top:22px}
  .cnav{display:none}
  .cmain{grid-column:1/-1;margin:0 auto}
  .block > .bh,.block > .bb{grid-column:1/-1}
  .block > .bb{margin-top:28px}
  .foot-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  :root{--gut:16px}
  .util nav a:nth-child(n+2){display:none}
  .logo{font-size:26px}
  .lead{padding-top:20px}
  .lead-side{display:block}
  .lead-brief{margin-top:36px}
  .mix-feature{grid-template-columns:1fr}
  .mix-feature .ph{aspect-ratio:3/2}
  .bleed .ph{aspect-ratio:4/3}
  .cgrid{grid-auto-rows:170px}
  .ctile.big{grid-column:span 2;grid-row:span 1}
  .ctile span{font-size:20px;left:14px;bottom:12px}
  .ctile.big span{font-size:28px}
  .next-main{grid-template-columns:1fr}
  .clist{columns:1}
  .form{grid-template-columns:1fr}
  .pager{grid-template-columns:1fr}
  .pager .nx{text-align:left}
  .foot-links{grid-template-columns:1fr 1fr}
  .quote p::before{margin-left:0}
  .sform input{font-size:17px}
}
@media (prefers-reduced-motion:reduce){.ctile img,.card img{transition:none}}
.mast nav{min-width:0;max-width:100%}
@media (max-width:1100px){.mast nav{width:100%;overflow-x:auto;scrollbar-width:none}.mast nav::-webkit-scrollbar{display:none}.nav{overflow:visible}}
.nl{min-width:0;width:100%;max-width:440px}
.kick{display:block;width:max-content;max-width:100%}
.lead-main .kick,.phead .kick,.shead .kick{margin-bottom:18px}
.impact-lede{line-height:1.5}

/* stories archive */
.arch{grid-column:6/13}
.arch ol{list-style:none;margin:0;padding:0}
.arch li{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line);align-items:start}
.arch li:last-child{border-bottom:0}
.arch h3{font-family:var(--serif);font-weight:600;font-size:25px;line-height:1.14;letter-spacing:-.014em}
.arch .dek{font-size:16px;margin-top:8px}

/* home: more */
.more{padding-bottom:96px}
.more-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
.more-main{grid-column:1/8}
.more-main .kick{margin-top:20px}
.more-main h3{font-family:var(--serif);font-weight:600;font-size:clamp(28px,2.8vw,40px);line-height:1.06;letter-spacing:-.022em}
.more-main .dek{font-size:18px;margin-top:12px}
.more-list{grid-column:9/13;list-style:none;margin:0;padding:0}
.more-list li{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.more-list li:last-child{border:0;margin:0;padding:0}
.more-list h3{font-family:var(--serif);font-weight:500;font-size:20px;line-height:1.22}
@media (max-width:960px){
  .arch{grid-column:1/-1}
  .more-main,.more-list{grid-column:1/-1}
  .more-list{margin-top:40px}
}
@media (max-width:640px){
  .arch li{grid-template-columns:minmax(0,1fr) 110px;gap:16px}
  .arch h3{font-size:20px}
  .arch .dek{display:none}
}

/* =============== identity + rhythm pass =============== */
:root{--brand:#1456c4;--brand-dark:#0e3f91;--sec:96px;--sec-s:64px;--cap:8px;--stack:32px}
@media (max-width:960px){:root{--sec:72px;--sec-s:52px;--stack:28px}}
@media (max-width:640px){:root{--sec:56px;--sec-s:44px;--stack:24px}}

/* masthead */
.mast{border-bottom:4px solid var(--ink)}
.mast .wrap{padding-top:26px;padding-bottom:18px;align-items:flex-end}
.logo{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.03em}
.logo i{color:var(--brand);font-weight:400;padding:0 .02em}
.nav{padding-bottom:6px}
.nav a[aria-current="page"]{color:var(--ink);border-color:var(--brand)}
.nav a:hover{border-color:var(--brand)}
.util a:hover{color:var(--brand)}

/* brand usage */
.kick{color:var(--brand)}
.link{color:var(--brand)}
.link:hover{color:var(--brand-dark)}
.prose a,.impact-lede a,.results .type,.idx-row .cn,.desk-list .n,.pager small,.cnav a[aria-current="page"],.chead .crumb a{color:var(--brand)}
.quote p::before{color:var(--brand)}
.btn:hover{background:var(--brand)}
.btn.brand{background:var(--brand);color:#fff;font-size:16px;padding:16px 28px}
.btn.brand:hover{background:var(--brand-dark)}
.nl button:hover{background:var(--brand)}
figcaption,.credit{margin-top:var(--cap)}

/* rhythm */
.lead{padding-bottom:var(--sec)}
.quote{padding-bottom:var(--sec)}
.mix{padding-bottom:var(--sec)}
.more{padding-bottom:var(--sec)}
.bleed{margin-bottom:var(--sec-s)}
.contrib{padding-bottom:var(--sec)}
.desk{padding:var(--sec) 0}
.causes{padding-top:var(--sec);padding-bottom:var(--sec)}
.block{padding-top:var(--sec-s);padding-bottom:var(--sec-s)}
.phead{padding-top:var(--sec-s);padding-bottom:calc(var(--sec-s) - 16px)}
.lbl{margin-bottom:var(--stack)}
.briefs li{margin-bottom:var(--stack)}
.next{padding-bottom:var(--sec)}

/* right rail on the lead */
.lead-side h3{font-size:clamp(26px,2.3vw,33px);line-height:1.1}
.lead-side .dek{font-size:17px}
.lead-brief{margin-top:var(--stack);padding-top:var(--stack);border-top:1px solid var(--line)}
.lead-brief h3{font-size:clamp(22px,1.8vw,26px);font-weight:600;line-height:1.15}

/* contributor */
.contrib h2{font-size:clamp(38px,4.6vw,66px)}
.contrib-lede{font-family:var(--serif);font-size:clamp(20px,1.7vw,23px);line-height:1.45;color:var(--ink);margin-bottom:28px}
.benefits{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 32px;margin:0 0 36px}
.benefits div{border-top:2px solid var(--brand);padding-top:14px}
.benefits dt{font-family:var(--serif);font-weight:600;font-size:20px;line-height:1.2;color:var(--ink);margin-bottom:6px}
.benefits dd{margin:0;font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--muted)}
.contrib-cta{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.quiet{font-weight:700;font-size:15px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink)}
.quiet:hover{color:var(--brand);border-color:var(--brand)}
.contrib-body{font-size:inherit}

/* playbook desk */
.desk-head{display:block;margin-bottom:48px}
.desk-head h2{max-width:12em}
.desk-lead{grid-column:1/8}
.desk-lead .ph{aspect-ratio:3/2}
.desk-lead h3{font-size:clamp(32px,3.4vw,48px);line-height:1.04;letter-spacing:-.026em}
.desk-lead .dek{font-size:19px;max-width:32em}
.desk-side{grid-column:9/13;border-left:1px solid #d5d7dc;padding-left:32px;align-self:start}
.desk-side .desk-list{grid-column:auto;margin-bottom:28px}
.desk-side .desk-list li{padding-bottom:22px;margin-bottom:22px}
.desk-side .desk-list h3{font-size:24px}
.topics{margin-top:var(--sec-s);padding-top:24px;border-top:1px solid #d5d7dc}
.topics a:hover{color:var(--brand)}

/* causes */
.ctile.all{background:var(--brand);display:flex;flex-direction:column;justify-content:space-between;padding:18px 18px 16px;color:#fff}
.ctile.all::after{display:none}
.ctile.all:hover{background:var(--brand-dark)}
.ctile.all span{position:static;display:block;color:#fff}
.ctile.all .all-n{font-family:var(--serif);font-weight:600;font-size:clamp(48px,5vw,76px);line-height:.9;letter-spacing:-.04em}
.ctile.all .all-t{font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.1;margin-top:auto}
.ctile.all .all-l{font-family:var(--sans);font-weight:400;font-size:13px;line-height:1.4;opacity:.85;margin-top:6px}
.ctile.all .all-go{font-family:var(--sans);font-weight:700;font-size:13px;margin-top:10px;text-decoration:underline;text-underline-offset:3px}

/* footer */
.foot{border-top:4px solid var(--ink);padding-top:48px}
.foot-top{align-items:stretch;gap:48px;padding-bottom:36px}
.foot-id .logo{font-size:clamp(34px,4vw,54px);display:block}
.foot-id p{font-family:var(--serif);font-size:18px;color:var(--muted);margin-top:12px;max-width:24em}
.nl{border-left:4px solid var(--brand);padding:4px 0 4px 24px;max-width:460px;justify-content:center}
.nl-h{font-family:var(--serif);font-weight:600;font-size:24px;color:var(--ink);margin:0 0 6px}
.foot-links{padding-top:28px;gap:20px 32px}
.foot-links h2{text-transform:none}
@media (max-width:960px){
  .desk-lead,.desk-side{grid-column:1/-1}
  .desk-side{border-left:0;padding-left:0;margin-top:48px;border-top:1px solid #d5d7dc;padding-top:28px}
  .benefits{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:640px){
  .benefits{grid-template-columns:1fr}
  .nl{padding-left:16px}
  .ctile.all .all-l{display:none}
  .ctile.all .all-t{font-size:20px}
}
.desk-head .kick{margin-bottom:22px}
.ctile.all{overflow:hidden}
.ctile.all .all-n{font-size:clamp(40px,4vw,70px)}
@media (max-width:1240px){.ctile.all .all-l{display:none}}


/* =============== type: Caslon + editorial red =============== */
:root{--brand:#1456c4;--brand-dark:#0e3f91}
/* large headlines: Caslon Display */
.logo,.lead-main h2,.lead-side h3,.mix-feature h3,.more-main h3,.contrib h2,.desk-head h2,.desk-lead h3,
.causes-head h2,.ctile span,.ctile.all .all-n,.ctile.all .all-t,.phead h1,.shead h1,.chead h1,.next-main h3,
.idx-row h2,.bh h2,.foot-id .logo,.impact-lede{font-family:var(--display);font-weight:400}
.lead-main h2{letter-spacing:-.018em;line-height:1.02}
.lead-side h3,.mix-feature h3,.more-main h3,.desk-lead h3,.next-main h3{letter-spacing:-.01em;line-height:1.06}
.contrib h2,.desk-head h2,.causes-head h2,.phead h1,.shead h1,.chead h1{letter-spacing:-.018em;line-height:1.02}
.idx-row h2,.bh h2{letter-spacing:-.01em}
.ctile span{font-size:26px;letter-spacing:0}
.ctile.big span{font-size:44px}
.logo{font-weight:400;letter-spacing:-.012em}
.logo i{font-family:"Caslon Text",Georgia,serif;font-style:normal;font-weight:400;font-size:.92em}
/* smaller headlines: Caslon Text bold */
.lead-brief h3,.briefs h3,.more-list h3,.desk-list h3,.next-list h3,.idx-row h3,.arch h3,.pager span,.nl-h,
.benefits dt,.defs strong,.clist strong,.tbl thead .lvl,.results h2,.prose h2,.srail a,details.q summary{font-family:var(--serif);font-weight:700;letter-spacing:-.005em}
.briefs h3,.more-list h3,.next-list h3{font-size:20px;line-height:1.25}
.lead-brief h3{font-size:clamp(21px,1.7vw,24px);line-height:1.22}
.desk-side .desk-list h3{font-size:21px;line-height:1.25}
.arch h3{font-size:22px;line-height:1.24}
.idx-row h3{font-size:20px}
.prose h2{font-size:25px;line-height:1.25}
.srail a{font-weight:400;font-size:15px;line-height:1.4}
/* body */
.prose{font-size:19px;line-height:1.72}
.dek{line-height:1.5}
.quote p{font-family:var(--serif);font-style:normal;font-weight:400;letter-spacing:-.01em;line-height:1.25}
.topics a{font-family:var(--display);font-size:26px}
.ctile span{font-family:var(--serif);font-weight:700;font-size:21px;letter-spacing:-.005em}
.ctile.big span{font-family:var(--display);font-weight:400;font-size:46px;letter-spacing:-.01em}
.ctile.all .all-t{font-family:var(--serif);font-weight:700;font-size:21px}
.prose > p:first-of-type::first-letter{font-weight:inherit}
@media (max-width:640px){.ctile span{font-size:18px}.ctile.big span{font-size:32px}}

/* =============== single headline weight, no italics =============== */
i,em,cite,address,dfn,var{font-style:normal}
*{font-synthesis:none}
.logo i{font-family:var(--display);font-style:normal;font-size:1em;color:var(--brand);padding:0}
.quote p{font-family:var(--display);font-style:normal;font-weight:400;letter-spacing:-.01em;line-height:1.15}
.lead-brief h3,.briefs h3,.more-list h3,.desk-list h3,.next-list h3,.idx-row h3,.arch h3,.pager span,.nl-h,
.benefits dt,.defs strong,.clist strong,.tbl thead .lvl,.results h2,.prose h2,details.q summary,
.ctile span,.ctile.big span,.ctile.all .all-t,.lead-side h3,.mix-feature h3,.more-main h3,.desk-lead h3,.next-main h3,.idx-row h2,.bh h2{
  font-family:var(--display);font-weight:400;letter-spacing:-.005em}
.briefs h3,.more-list h3,.next-list h3{font-size:23px;line-height:1.18}
.lead-brief h3{font-size:clamp(24px,2vw,28px);line-height:1.14}
.desk-side .desk-list h3{font-size:24px;line-height:1.16}
.arch h3{font-size:26px;line-height:1.14}
.idx-row h3{font-size:23px;line-height:1.18}
.prose h2{font-size:29px;line-height:1.16}
.benefits dt{font-size:23px;line-height:1.15}
.defs strong{font-size:24px;line-height:1.15}
.clist strong{font-size:23px}
.tbl thead .lvl{font-size:25px}
.results h2{font-size:26px}
.pager span{font-size:27px}
.nl-h{font-size:27px}
details.q summary{font-size:23px}
.ctile span{font-size:24px}
.ctile.big span{font-size:46px}
.ctile.all .all-t{font-size:24px}
@media (max-width:640px){.ctile span{font-size:20px}.ctile.big span{font-size:32px}}

/* =============== logo =============== */
:root{--brand:#1456c4;--brand-dark:#0e3f91}
.logo{display:block;line-height:0;font-size:0}
.logo img{height:74px;width:auto;display:block}
.mast .wrap{align-items:center;padding-top:16px;padding-bottom:14px}
.foot-id .logo img{height:150px;width:auto}
@media (max-width:1100px){.logo img{height:62px}}
@media (max-width:640px){.logo img{height:50px}.foot-id .logo img{height:110px}}
.logo img{height:88px}
@media (max-width:1100px){.mast .wrap{align-items:flex-start}.logo img{height:70px}}
@media (max-width:640px){.logo img{height:54px}}

/* =============== Nike / HBO Max influences =============== */
/* full-bleed lead */
.hero-x{position:relative;min-height:clamp(460px,72vh,760px);display:flex;align-items:flex-end;overflow:hidden;background:#cfd2d6}
.hero-x > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-x::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.72) 0%,rgba(10,10,10,.35) 38%,rgba(10,10,10,0) 65%)}
.hero-x-in{position:relative;z-index:1;width:100%;padding-top:64px;padding-bottom:48px;color:#fff}
.hero-x-k{display:inline-block;font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.02em;background:var(--brand);color:#fff;padding:4px 10px;margin-bottom:18px}
.hero-x h1{font-family:var(--display);font-weight:400;font-size:clamp(40px,6.2vw,92px);line-height:1;letter-spacing:-.02em;max-width:13em;margin:0}
.hero-x h1 a{color:#fff;text-decoration:none}
.hero-x h1 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.1em}
.hero-x p{font-family:var(--serif);font-size:clamp(17px,1.5vw,21px);line-height:1.5;max-width:38em;margin-top:18px;color:rgba(255,255,255,.92)}
.hero-x-cta{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.hero-x-cap{padding-top:0}
.btn.light{background:#fff;color:var(--ink)}
.btn.light:hover{background:var(--brand);color:#fff}
.btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px #fff}
.btn.ghost:hover{background:#fff;color:var(--ink)}
.btn.outline{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.outline:hover{background:var(--ink);color:#fff}

/* triptych */
.trip{padding-top:32px;padding-bottom:var(--sec-s)}
.trip ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.trip a{display:block;text-decoration:none;color:var(--ink)}
.trip .ph img{transition:transform .5s ease}
.trip a:hover .ph img{transform:scale(1.03)}
.trip .kick{margin-top:16px;margin-bottom:6px}
.trip h3{font-family:var(--display);font-weight:400;font-size:clamp(22px,2vw,29px);line-height:1.12;letter-spacing:-.008em;padding-right:12px}
.trip a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}

/* rails */
.rail-wrap{padding-bottom:var(--sec-s)}
.rail-head{display:flex;align-items:baseline;gap:20px;margin-bottom:20px}
.rail-head h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,2.8vw,40px);letter-spacing:-.012em;line-height:1.05;margin:0}
.rail-more{font-weight:700;font-size:14px;color:var(--brand);text-decoration:none;border-bottom:1.5px solid currentColor}
.rail-ctl{margin-left:auto;display:flex;gap:8px}
.rail-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center}
.rail-btn:hover{background:var(--ink);color:#fff}
.rail{list-style:none;margin:0;padding:0 max(var(--gut),calc((100vw - var(--max))/2 + var(--gut)));display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,22vw,300px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:max(var(--gut),calc((100vw - var(--max))/2 + var(--gut)));scrollbar-width:none;overscroll-behavior-x:contain}
.rail::-webkit-scrollbar{display:none}
.rc{scroll-snap-align:start}
.rc a{display:block;text-decoration:none;color:var(--ink)}
.rc-img{aspect-ratio:3/4;overflow:hidden;background:#e8e9ec}
.rc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.rc a:hover .rc-img img{transform:scale(1.04)}
.rc-text{display:flex;align-items:flex-end;padding:18px;background:var(--tint);border-top:4px solid var(--brand)}
.rc-text span{font-family:var(--display);font-size:34px;line-height:1;color:var(--brand);letter-spacing:-.01em}
.rc-k{display:block;font-weight:700;font-size:13px;color:var(--brand);margin:14px 0 6px}
.rc h3{font-family:var(--display);font-weight:400;font-size:21px;line-height:1.18;letter-spacing:-.004em}
.rc a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}

/* topic tabs */
.tabs-sec{background:var(--tint);padding:var(--sec-s) 0 var(--sec-s);margin-bottom:0}
.tabs-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.tabs-head h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,2.8vw,40px);letter-spacing:-.012em;line-height:1.05}
.tablist{display:flex;gap:6px;flex-wrap:wrap}
.tablist [role=tab]{font:inherit;font-weight:700;font-size:14px;background:transparent;border:0;border-bottom:2px solid transparent;padding:8px 10px;color:var(--muted);cursor:pointer}
.tablist [role=tab][aria-selected=true]{color:var(--ink);border-color:var(--brand)}
.tablist [role=tab]:hover{color:var(--ink)}
.panel-h{font-family:var(--sans);font-weight:700;font-size:15px;margin:0 0 16px}
.js .panel-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tab-panel + .tab-panel{margin-top:40px}
.js .tab-panel + .tab-panel{margin-top:0}
.rail-static{padding:0;grid-auto-columns:clamp(200px,21vw,260px);scroll-padding-left:0}
.tabs-sec .rc-text{background:#fff}

/* centered statement */
.statement-x{padding-bottom:var(--sec)}
.bleed-x{margin:0;height:clamp(300px,52vh,560px);overflow:hidden;background:#dcdfe3}
.bleed-x img{width:100%;height:100%;object-fit:cover}
.statement-x-in{text-align:center;padding-top:var(--sec-s)}
.statement-x h2{font-family:var(--display);font-weight:400;font-size:clamp(38px,5vw,72px);line-height:1.02;letter-spacing:-.02em;max-width:14em;margin:0 auto}
.statement-x-in > p{font-family:var(--serif);font-size:clamp(18px,1.6vw,21px);color:var(--muted);max-width:32em;margin:18px auto 0}
.statement-x-cta{display:flex;justify-content:center;gap:10px;margin-top:28px;flex-wrap:wrap}
.statement-x .benefits{grid-template-columns:repeat(4,minmax(0,1fr));text-align:left;margin:var(--sec-s) 0 0}

/* faq */
.faq-x{padding-top:var(--sec);padding-bottom:var(--sec);max-width:880px}
.faq-x h2{font-family:var(--display);font-weight:400;font-size:clamp(32px,3.4vw,48px);letter-spacing:-.015em;text-align:center;margin-bottom:32px}
.faq-x-more{text-align:center;margin-top:28px;font-size:15px;color:var(--muted)}
.causes{padding-bottom:0}

@media (max-width:960px){
  .statement-x .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rail-ctl{display:none}
}
@media (max-width:640px){
  .trip ul{grid-template-columns:1fr;gap:36px}
  .trip .ph{aspect-ratio:4/3}
  .statement-x .benefits{grid-template-columns:1fr}
  .rail{grid-auto-columns:72vw}
  .rail-static{grid-auto-columns:64vw}
  .hero-x{min-height:520px}
  .hero-x-in{padding-bottom:32px}
  .tablist{overflow-x:auto;flex-wrap:nowrap;max-width:100%;scrollbar-width:none}
  .tablist [role=tab]{white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.trip .ph img,.rc-img img{transition:none}}
.rc-brief .rc-k{display:none}.rc-brief h3{margin-top:14px}

/* =============== Vogue pass + images everywhere =============== */
/* centered masthead */
.util-r{display:flex;align-items:center;gap:18px}
.util-btn{background:var(--ink);color:#fff!important;font-weight:700;font-size:12px;padding:5px 12px;text-decoration:none!important}
.util-btn:hover{background:var(--brand)}
.mast-c .wrap{flex-direction:column;align-items:center!important;gap:14px;padding-top:22px;padding-bottom:0}
.mast-c .logo img{height:92px}
.mast-c nav{width:100%;border-top:1px solid var(--line)}
.mast-c .nav{justify-content:center;gap:34px;padding:12px 0 12px}
.mast-c .nav a{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:4px 0}
@media (max-width:1100px){.mast-c .logo img{height:72px}.mast-c .nav{justify-content:flex-start;gap:24px}}
@media (max-width:640px){.mast-c .logo img{height:56px}.util-btn{display:none}.mast-c .wrap{gap:10px}}

/* Vogue centered section label */
.vlabel{font-family:var(--sans)!important;font-weight:600!important;font-size:14px!important;text-transform:uppercase;letter-spacing:.16em!important;text-align:center;line-height:1.3!important;border-top:1px solid var(--line);padding-top:22px;margin:0 0 28px!important;color:var(--ink)}
.rail-head{position:relative;display:block;margin-bottom:0}
.rail-head .vlabel{margin-bottom:24px!important}
.rail-head .rail-more{position:absolute;left:var(--gut);top:24px;font-size:13px}
.rail-head .rail-ctl{position:absolute;right:var(--gut);top:14px}
@media (max-width:960px){.rail-head .rail-more{position:static;display:inline-block;margin:-12px 0 18px}}

/* bylines in small caps style */
.by{font-family:var(--sans);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--muted)}
.by b{font-weight:700;color:var(--ink)}

/* newsletter strip */
.strip{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:18px;padding-bottom:18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.strip-img{width:44px;height:44px;overflow:hidden;flex-shrink:0;background:#e8e9ec}
.strip-img img{width:100%;height:100%;object-fit:cover}
.strip p{font-size:14px;color:var(--text)}
.strip input{font:inherit;font-size:14px;padding:9px 12px;border:1px solid #9a9a9a;border-radius:0;width:240px;max-width:100%}
.strip button{font:inherit;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:#fff;border:0;padding:11px 18px;cursor:pointer}
.strip button:hover{background:var(--brand)}

/* The Edit (three-column package) */
.edit{padding-top:var(--sec-s);padding-bottom:var(--sec)}
.edit-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);gap:32px;align-items:start}
.edit a{text-decoration:none;color:var(--ink)}
.ed-s{text-align:center}
.ed-s + .ed-s{margin-top:36px}
.ed-s .kick,.ed-c .kick{margin:14px auto 6px;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.ed-s h3{font-family:var(--display);font-weight:400;font-size:20px;line-height:1.2}
.ed-c{text-align:center}
.ed-c h3{font-family:var(--display);font-weight:400;font-size:clamp(28px,2.8vw,40px);line-height:1.08;letter-spacing:-.012em;max-width:16em;margin:0 auto}
.ed-c .dek{font-size:17px;max-width:30em;margin:12px auto 0}
.ed-s a:hover h3,.ed-c a:hover h3,.ed-r a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}
.ed-r{list-style:none;margin:0;padding:0}
.ed-r li{border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:18px}
.ed-r li:last-child{border:0}
.ed-r a{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:14px;align-items:start}
.ed-r .kick{text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin-bottom:6px}
.ed-r h3{font-family:var(--display);font-weight:400;font-size:18px;line-height:1.22}
.ed-r .thumb{width:72px;height:72px}
@media (max-width:960px){
  .edit-grid{grid-template-columns:1fr 1fr}
  .ed-c{grid-column:1/-1;order:-1}
  .ed-l{display:grid;grid-template-columns:1fr;gap:28px}
  .ed-s + .ed-s{margin-top:0}
}
@media (max-width:640px){.edit-grid{grid-template-columns:1fr}}

/* thumbs */
.thumb{display:block;width:84px;height:84px;overflow:hidden;background:#e8e9ec;flex-shrink:0}
.thumb img{width:100%;height:100%;object-fit:cover}
li.with-thumb{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:start}
.desk-side li.with-thumb{grid-template-columns:72px minmax(0,1fr)}
.desk-side .thumb{width:72px;height:72px}
aside.srail li.rt a,.sbody .srail li.rt a{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:start}
.sbody .srail .thumb{width:56px;height:56px}

/* quote with image */
.quote-x{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}
.quote-x .quote-img{margin:0}
@media (max-width:960px){.quote-x{grid-template-columns:1fr;gap:28px}.quote-x .quote-img .ph{aspect-ratio:3/2}}

/* faq with image */
.faq-xx{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start;padding-top:var(--sec);padding-bottom:var(--sec)}
.faq-xx h2{font-family:var(--display);font-weight:400;font-size:clamp(32px,3.4vw,48px);letter-spacing:-.015em;margin-bottom:28px}
.faq-xx .faq-img{margin:0;position:sticky;top:24px}
@media (max-width:960px){.faq-xx{grid-template-columns:1fr;gap:28px}.faq-xx .faq-img{position:static}.faq-xx .faq-img .ph{aspect-ratio:3/2}}
.faq-xx .faq-x-more{text-align:left}

/* story + chapter figures */
.sfig-brief{max-width:760px;padding:0}
.sfig-brief .ph{aspect-ratio:3/2}
@media (max-width:820px){.sfig-brief{padding:0 var(--gut)}}
.chfig{margin-bottom:0}
.chfig .ph{aspect-ratio:21/8}
@media (max-width:640px){.chfig .ph{aspect-ratio:16/9}}

/* playbook index with images */
.idx-side .ph{margin-bottom:18px}
.idx-row .idx-side{grid-column:1/4}
.idx-row h2{grid-column:auto}
@media (max-width:960px){.idx-row .idx-side{grid-column:1/-1}.idx-side .ph{aspect-ratio:21/9}}

/* briefs column thumbs on stories page */
.briefs li.with-thumb .kick{margin-bottom:6px}

/* ===================== ART DIRECTION PASS ===================== */
/* type scale: display XL / L / M / S, body 19, label 11 */
:root{--dxl:clamp(46px,7.2vw,112px);--dl:clamp(34px,4.4vw,64px);--dm:clamp(26px,2.6vw,38px);--ds:clamp(21px,1.7vw,25px);--gap-xs:24px;--gap-s:56px;--gap-m:96px;--gap-l:144px}
@media (max-width:640px){:root{--gap-s:40px;--gap-m:64px;--gap-l:88px}}

/* one label style, everywhere */
.kick,.kx{display:block;font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin:0 0 10px;text-decoration:none}
.bx,.by{font-family:var(--sans);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:14px}
.bx b,.by b{color:var(--ink);font-weight:700}
.dx{font-family:var(--serif);font-size:18px;line-height:1.5;color:var(--muted);margin-top:12px;max-width:34em}
.sl{font-family:var(--sans)!important;font-weight:700!important;font-size:12px!important;letter-spacing:.18em!important;text-transform:uppercase;text-align:center;color:var(--ink);border-top:1px solid var(--ink);padding-top:14px;margin:0 0 40px!important;line-height:1.2!important}
.img{position:relative;overflow:hidden;background:#ebebeb}
.img img{display:block;width:100%;height:100%;object-fit:cover}
/* no generic hover motion */
.ph img,.rc-img img,.ctile img,.trip .ph img,.card .cimg img{transition:none!important;transform:none!important}
main a h2,main a h3{transition:none}
main a:hover h2,main a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.1em}
main a{color:inherit}

/* masthead */
.util{display:none}
.mast-v{border-bottom:0}
.mast-row{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:22px!important;padding-bottom:16px!important;flex-direction:row!important}
.mast-l{justify-self:start;font-size:13px;font-weight:600;text-decoration:none;color:var(--ink);letter-spacing:.04em}
.mast-r{justify-self:end;display:flex;gap:22px;align-items:center}
.mast-r a{font-size:13px;font-weight:600;text-decoration:none;color:var(--ink);letter-spacing:.04em}
.mast-r .mast-apply{color:var(--brand)}
.mast-l:hover,.mast-r a:hover{text-decoration:underline}
.mast-v .logo img{height:104px;width:auto}
.mast-nav{border-top:1px solid var(--ink);border-bottom:3px solid var(--ink);padding-top:0!important;padding-bottom:0!important}
.mast-nav .nav{display:flex;justify-content:center;gap:44px;padding:13px 0;list-style:none;margin:0}
.mast-nav .nav a{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border:0;padding:0;color:var(--ink)}
.mast-nav .nav a:hover,.mast-nav .nav a[aria-current="page"]{color:var(--brand);text-decoration:none}
@media (max-width:1100px){.mast-v .logo img{height:78px}.mast-nav .nav{gap:28px}}
@media (max-width:760px){
  .mast-row{grid-template-columns:auto 1fr auto;gap:12px}
  .mast-v .logo img{height:52px}
  .mast-r .mast-sub{display:none}
  .mast-nav{padding:0!important}
  .mast-nav .nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:12px var(--gut);gap:24px}
  .mast-nav .nav::-webkit-scrollbar{display:none}
  .mast-nav .nav a{white-space:nowrap}
}
@media (max-width:420px){.mast-l{font-size:12px}.mast-r a{font-size:12px}.mast-v .logo img{height:44px}}

/* hero: cinematic */
.hx{position:relative;height:min(88vh,920px);min-height:520px;display:flex;align-items:flex-end;overflow:hidden;background:#1d1d1d}
.hx > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.hx::after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(to top,rgba(0,0,0,.68),rgba(0,0,0,0))}
.hx-in{position:relative;z-index:1;width:100%;padding-bottom:64px;color:#fff}
.hx-k{display:block;font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}
.hx h1{font-family:var(--display);font-weight:400;font-size:var(--dxl);line-height:.96;letter-spacing:-.025em;max-width:11.5em;margin:0}
.hx h1 a{color:#fff;text-decoration:none}
.hx p{font-family:var(--serif);font-size:clamp(17px,1.4vw,20px);line-height:1.5;max-width:34em;margin-top:22px;color:rgba(255,255,255,.9)}
.hx-link{display:inline-block;margin-top:24px;color:#fff;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #fff;padding-bottom:3px}
@media (max-width:640px){.hx{height:78vh;min-height:500px}.hx-in{padding-bottom:36px}}

/* newsletter strip: tight transition */
.strip{border-bottom:1px solid var(--line);padding-top:16px;padding-bottom:16px;gap:14px}
.strip-img{display:none}
.strip p{font-size:13px}

/* front page */
.front{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);padding-top:var(--gap-s);padding-bottom:var(--gap-m)}
.fr-lead{grid-column:1/9}
.fr-lead .img{margin-bottom:20px}
.fr-lead h2{font-family:var(--display);font-weight:400;font-size:var(--dl);line-height:1.02;letter-spacing:-.02em;max-width:14em}
.fr-side{grid-column:9/13;display:flex;flex-direction:column}
.fr-s1 .img{margin-bottom:16px}
.fr-s1 h3{font-family:var(--display);font-weight:400;font-size:var(--ds);line-height:1.15}
.fr-s2{margin-top:36px;padding-top:24px;border-top:1px solid var(--ink)}
.fr-s2 h3{font-family:var(--display);font-weight:400;font-size:var(--dm);line-height:1.06;letter-spacing:-.012em}
.fr-s2 .dx{font-size:16px}
@media (max-width:960px){.fr-lead,.fr-side{grid-column:1/-1}.fr-side{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:var(--gut)}.fr-s2{margin-top:0}}
@media (max-width:640px){.fr-side{grid-template-columns:1fr}}

/* the edit */
.edit2{padding-top:0;padding-bottom:var(--gap-l)}
.ed2{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
.ed2-l{grid-column:1/4;display:flex;flex-direction:column;gap:40px}
.ed2-l .img{margin-bottom:14px}
.ed2-l h3{font-family:var(--display);font-weight:400;font-size:var(--ds);line-height:1.15}
.ed2-c{grid-column:4/10;text-align:center}
.ed2-c .img{margin-bottom:22px}
.ed2-c .kx{margin-left:auto;margin-right:auto}
.ed2-c h2{font-family:var(--display);font-weight:400;font-size:var(--dl);line-height:1.02;letter-spacing:-.02em;max-width:12em;margin:0 auto}
.ed2-c .dx{margin-left:auto;margin-right:auto;max-width:28em}
.ed2-r{grid-column:10/13;list-style:none;margin:0;padding:0;counter-reset:ed}
.ed2-r li{counter-increment:ed;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:28px minmax(0,1fr)}
.ed2-r li::before{content:counter(ed);font-family:var(--display);font-size:24px;line-height:1;color:var(--brand)}
.ed2-r li:last-child{border:0}
.ed2-r h3{font-family:var(--display);font-weight:400;font-size:20px;line-height:1.2}
@media (max-width:960px){.ed2-c{grid-column:1/-1;order:-1;margin-bottom:48px}.ed2-l{grid-column:1/7}.ed2-r{grid-column:7/13}}
@media (max-width:640px){.ed2-l,.ed2-r{grid-column:1/-1}.ed2-r{margin-top:40px}}

/* quote: text-led interruption with generous air */
.qx{padding-top:var(--gap-m);padding-bottom:var(--gap-l);text-align:center;border-top:1px solid var(--line)}
.qx blockquote{margin:0 auto;max-width:18em}
.qx p{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.6vw,66px);line-height:1.06;letter-spacing:-.02em;color:var(--ink)}
.qx p::before{content:none}
.qx footer{margin-top:28px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.qx footer a{color:var(--ink);font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink)}

/* features */
.feats{padding-bottom:var(--gap-m)}
.ft{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
.ft-d{grid-column:1/8}
.ft-d .img{margin-bottom:20px}
.ft-d h2{font-family:var(--display);font-weight:400;font-size:var(--dl);line-height:1.02;letter-spacing:-.02em;max-width:13em}
.ft-s{grid-column:8/13;display:flex;flex-direction:column}
.ft-s .img{margin-bottom:14px}
.ft-s h3{font-family:var(--display);font-weight:400;font-size:var(--ds);line-height:1.15}
.ft-t{margin-top:32px;padding-top:22px;border-top:1px solid var(--ink)}
.ft-t h3{font-size:var(--dm);line-height:1.06;letter-spacing:-.012em}
.ft-t .dx{font-size:16px}
.ft-more{list-style:none;margin:56px 0 0;padding:28px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px var(--gut)}
.ft-more h3{font-family:var(--display);font-weight:400;font-size:22px;line-height:1.18}
.more-l{margin-top:28px}
.more-l a{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:2px}
@media (max-width:960px){.ft-d,.ft-s{grid-column:1/-1}.ft-s{margin-top:48px}}
@media (max-width:640px){.ft-more{grid-template-columns:1fr}}

/* briefs: text-led with one anchoring image */
.brf{padding-bottom:var(--gap-m)}
.brf-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:start}
.brf-img{grid-column:1/5;margin:0}
.brf-img figcaption{font-size:12px;color:var(--faint);margin-top:8px}
.brf-list{grid-column:6/13;list-style:none;margin:0;padding:0}
.brf-list li{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--line)}
.brf-list li:last-child{border:0;margin:0}
.brf-list h3{font-family:var(--display);font-weight:400;font-size:var(--ds);line-height:1.15}
.brf-list p{font-size:15px;color:var(--muted);margin-top:6px;max-width:38em}
@media (max-width:960px){.brf-img,.brf-list{grid-column:1/-1}.brf-img{margin-bottom:36px}.brf-img .img{aspect-ratio:3/2!important}}

/* discover */
.disc{padding-bottom:var(--gap-m)}
.disc-head{text-align:center}
.disc .tablist{justify-content:center;margin:-16px 0 36px}
.tablist [role=tab]{font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:8px 12px}
.tp-h{font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.js .tp-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tp + .tp{margin-top:56px}
.js .tp + .tp{margin-top:0}
.tp-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
.tp-lead{grid-column:1/7}
.tp-lead .img{margin-bottom:16px}
.tp-lead h3{font-family:var(--display);font-weight:400;font-size:var(--dm);line-height:1.06;letter-spacing:-.012em}
.tp-list{grid-column:8/13;list-style:none;margin:0;padding:0}
.tp-list li{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--line)}
.tp-list li:last-child{border:0}
.tp-list h3{font-family:var(--display);font-weight:400;font-size:var(--ds);line-height:1.15}
@media (max-width:960px){.tp-lead,.tp-list{grid-column:1/-1}.tp-list{margin-top:36px}}
@media (max-width:640px){.tablist{justify-content:flex-start!important}}

/* full-width photographic moment */
.moment{margin:0 0 var(--gap-m)}
.moment img{display:block;width:100%;height:auto;aspect-ratio:5/2;object-fit:cover}
.moment figcaption{font-size:12px;color:var(--faint);margin-top:10px}
@media (max-width:640px){.moment img{aspect-ratio:4/3}}

/* contributor proposition */
.prop{text-align:center;padding-bottom:var(--gap-l)}
.prop .kx{margin-bottom:18px}
.prop h2{font-family:var(--display);font-weight:400;font-size:var(--dl);line-height:1.02;letter-spacing:-.02em;max-width:13em;margin:0 auto}
.prop-l{font-family:var(--serif);font-size:20px;color:var(--muted);max-width:30em;margin:20px auto 0}
.prop-b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 56px;max-width:820px;margin:56px auto 0;text-align:left}
.prop-b div{border-top:1px solid var(--ink);padding-top:14px}
.prop-b dt{font-family:var(--display);font-size:24px;line-height:1.15;color:var(--ink);margin-bottom:6px}
.prop-b dd{margin:0;font-size:15px;color:var(--muted);line-height:1.5}
.prop-cta{margin-top:48px;display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap}
.tx{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:2px}
.btn.brand{border-radius:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:15px 26px}
@media (max-width:640px){.prop-b{grid-template-columns:1fr}}

/* playbook */
.pbk{padding-top:var(--gap-m);padding-bottom:var(--gap-m);border-top:3px solid var(--ink)}
.pbk-head{margin-bottom:40px}
.pbk-head h2{font-family:var(--display);font-weight:400;font-size:var(--dl);line-height:1.02;letter-spacing:-.02em}
.pbk-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
.pbk-lead{grid-column:1/8}
.pbk-lead .img{margin-bottom:20px}
.pbk-lead h3{font-family:var(--display);font-weight:400;font-size:var(--dm);line-height:1.06}
.pbk-side{grid-column:9/13}
.pbk-side ol{list-style:none;margin:0;padding:0}
.pbk-side li{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--line)}
.pbk-side h3{font-family:var(--display);font-weight:400;font-size:var(--ds);line-height:1.15}
.pbk-topics{margin-top:40px;padding-top:18px;border-top:1px solid var(--ink);display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline}
.pbk-topics span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;width:100%;margin-bottom:4px}
.pbk-topics a{font-family:var(--display);font-size:20px;text-decoration:none;color:var(--ink)}
.pbk-topics a:hover{color:var(--brand)}
@media (max-width:960px){.pbk-lead,.pbk-side{grid-column:1/-1}.pbk-side{margin-top:44px}}

/* cause directory: curated */
.cz{padding-bottom:var(--gap-m)}
.cz-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:start}
.cz-lead{grid-column:1/8;text-decoration:none;color:var(--ink)}
.cz-lead .img{margin-bottom:18px}
.cz-lead h3{font-family:var(--display);font-weight:400;font-size:var(--dl);line-height:1;letter-spacing:-.02em}
.cz-side{grid-column:8/13}
.cz-small{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
.cz-small a{display:block;text-decoration:none;color:var(--ink)}
.cz-small .img{margin-bottom:10px}
.cz-small span{font-family:var(--display);font-size:20px;line-height:1.1}
.cz-small a:hover span{text-decoration:underline;text-decoration-thickness:1px}
.cz-more{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);line-height:1.6}
.cz-more a{color:var(--ink)}
.cz-more a:last-child{color:var(--brand);font-weight:700}
.cz-note{margin-top:40px;font-size:12px;color:var(--faint);text-align:center}
@media (max-width:960px){.cz-lead,.cz-side{grid-column:1/-1}.cz-side{margin-top:40px}.cz-small{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.cz-small{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* fixes */
main .front a,main .edit2 a,main .feats a,main .brf a,main .disc a,main .pbk a,main .cz a,main .prop a.btn{text-decoration:none}
main .front a,main .edit2 a,main .feats a,main .brf a,main .disc a,main .pbk a,main .cz-lead{color:var(--ink)}
.qx{border-top:0}
.qx blockquote{max-width:1040px}
.qx p{max-width:15em;margin:0 auto}
.moment{background:#ebebeb}
.moment figcaption{background:#fff;padding-top:10px;margin-top:0}
.mast-nav{max-width:none!important;display:block!important;padding:0!important}
.mast-nav .nav{max-width:var(--max);margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.pbk{border-top:0}
.pbk-head{border-top:3px solid var(--ink);padding-top:28px}
.strip{border-bottom:0;box-shadow:inset 0 -1px 0 var(--line)}
.cz-more a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.smap{list-style:none;margin:0;padding:0;columns:2;column-gap:32px}
.smap li{break-inside:avoid;padding:7px 0;border-bottom:1px solid var(--line)}
.smap a{text-decoration:none;color:var(--ink);font-family:var(--serif);font-size:17px}
.smap a:hover{color:var(--brand)}
@media (max-width:640px){.smap{columns:1}}
.mast-v .logo img{height:78px}
.foot-id .logo img{height:84px}
@media (max-width:1100px){.mast-v .logo img{height:64px}}
@media (max-width:760px){.mast-v .logo img{height:44px}.foot-id .logo img{height:60px}}
@media (max-width:420px){.mast-v .logo img{height:36px}}
.mast-row .logo{justify-self:center}

/* ===================== Vogue-style masthead ===================== */
.mast,.mast-v,.util{display:none!important}
.vtop{border-bottom:1px solid var(--line)}
.vtop .wrap{display:flex;justify-content:center;align-items:center;gap:26px;min-height:40px;font-size:13px;letter-spacing:.04em}
.vtop span{color:var(--text)}
.vtop a{color:var(--ink);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}
.vtop a:last-child{color:var(--brand)}
.vtop a:hover{text-decoration:underline}
.vmast .vrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:22px;padding-bottom:18px}
.vlogo{display:block;line-height:0}
.vlogo img{height:46px;width:auto}
.vr{justify-self:end;display:flex;align-items:center;gap:22px}
.vr a{color:var(--ink);text-decoration:none;display:flex;align-items:center}
.vr svg{width:20px;height:20px}
.vr-t{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.vr a:hover{color:var(--brand)}
.vnav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vnav ul{list-style:none;margin:0 auto;padding:0 var(--gut);max-width:var(--max);display:flex;justify-content:center;gap:44px}
.vnav a{display:block;padding:15px 0 12px;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:3px solid transparent}
.vnav a:hover{border-color:var(--line)}
.vnav a[aria-current="page"]{border-color:var(--ink)}
@media (max-width:1100px){.vlogo img{height:36px}.vnav ul{gap:28px}}
@media (max-width:760px){
  .vtop span{display:none}
  .vmast .vrow{grid-template-columns:0 1fr auto;gap:10px;padding-top:16px;padding-bottom:14px}
  .vlogo{justify-self:start}
  .vlogo img{height:auto;width:100%;max-width:300px}
  .vr-t{display:none}
  .vnav ul{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:26px}
  .vnav ul::-webkit-scrollbar{display:none}
  .vnav a{white-space:nowrap;font-size:12px}
}

/* section header: banner, centered title, sub-navigation */
.vban{padding-top:28px}
.vsec{text-align:center;padding-top:28px;padding-bottom:0;border-bottom:1px solid var(--line);margin-bottom:56px}
.vsec h1{font-family:var(--display);font-weight:400;font-size:clamp(48px,6.4vw,92px);line-height:1;letter-spacing:-.02em;color:var(--ink);margin:0}
.vdek{font-family:var(--serif);font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:40em;margin:16px auto 0;line-height:1.5}
.vsub ul{list-style:none;margin:30px 0 0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 30px}
.vsub a{display:block;padding:10px 0;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:3px solid transparent}
.vsub a:hover{border-color:var(--line)}
.vsub a.on{border-color:var(--ink)}
@media (max-width:760px){.vsub ul{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:22px;padding:0 4px}.vsub ul::-webkit-scrollbar{display:none}.vsub a{white-space:nowrap;font-size:12px}.vban .img{aspect-ratio:5 / 2!important}}
.foot-id .logo img{height:auto;width:100%;max-width:420px}
@media (max-width:760px){.vlogo img{max-width:320px;min-height:22px}}

/* ===================== Color: amber, blue, green (no red) ===================== */
:root{
  --amber:#f5a524;--blue:#1f6feb;--green:#6cc04a;
  --amber-t:#9a5a00;--blue-t:#1456c4;--green-t:#2d7a1c;
  --brand:#1456c4;--brand-dark:#0e3f91;--sec:var(--blue)
}
.c-blue{--sec:var(--blue);--sec-t:var(--blue-t)}
.c-green{--sec:var(--green);--sec-t:var(--green-t)}
.c-amber{--sec:var(--amber);--sec-t:var(--amber-t)}

/* navigation: each section underlines in its own color */
.vnav li.c-blue a{--u:var(--blue)}
.vnav li.c-green a{--u:var(--green)}
.vnav li.c-amber a{--u:var(--amber)}
.vnav a:hover{border-color:var(--u)!important;color:var(--ink)!important}
.vnav a[aria-current="page"]{border-color:var(--u)!important;color:var(--ink)!important}
.vsub a.on{border-color:var(--sec)}
.vsub a:hover{border-color:var(--sec)}
.vtop a:last-child{color:var(--blue-t)}

/* labels and links: no red */
.kick,.kx{color:var(--ink)}
.hx-k{color:#fff}
.prose a,.link,.rail-more,.results .type,.cnav a[aria-current="page"],.chead .crumb a,.pager small,.idx-row .cn,.desk-list .n,.impact-lede a,.cz-more a:last-child{color:var(--blue-t)}
.mast-r .mast-apply{color:var(--blue-t)}

/* buttons */
.btn.brand,.btn.red{background:var(--blue);color:#fff}
.btn.brand:hover,.btn.red:hover{background:var(--ink)}
.btn:hover{background:var(--blue)}
.strip button:hover,.nl button:hover,.sform button:hover{background:var(--blue)}
.nl{border-left-color:var(--green)}

/* pops of color: short bars */
.sl{position:relative}
.sl::before{content:"";position:absolute;left:50%;top:-4px;width:64px;height:7px;transform:translateX(-50%);background:var(--sec)}
.edit2 .sl{--sec:var(--amber)}
.feats .sl{--sec:var(--blue)}
.brf .sl{--sec:var(--green)}
.disc .sl{--sec:var(--amber)}
.cz .sl{--sec:var(--green)}
.pbk-head{border-top-color:var(--ink);position:relative}
.pbk-head::before{content:"";position:absolute;left:0;top:-5px;width:80px;height:7px;background:var(--amber)}
.fr-s2,.ft-t{position:relative}
.fr-s2::before{content:"";position:absolute;left:0;top:-4px;width:56px;height:7px;background:var(--green)}
.ft-t::before{content:"";position:absolute;left:0;top:-4px;width:56px;height:7px;background:var(--amber)}
.ed2-r li::before{color:var(--ink)}
.ed2-r li:nth-child(1)::before{color:var(--blue)}
.ed2-r li:nth-child(2)::before{color:var(--green-t)}
.ed2-r li:nth-child(3)::before{color:var(--amber-t)}
.ed2-r li:nth-child(4)::before{color:var(--blue)}
.prop-b div{border-top:0;position:relative;padding-top:18px}
.prop-b div::before{content:"";position:absolute;left:0;top:0;width:56px;height:6px;background:var(--blue)}
.prop-b div:nth-child(2)::before{background:var(--green)}
.prop-b div:nth-child(3)::before{background:var(--amber)}
.prop-b div:nth-child(4)::before{background:var(--blue)}
.benefits div{border-top-color:var(--blue)}
.benefits div:nth-child(2){border-top-color:var(--green)}
.benefits div:nth-child(3){border-top-color:var(--amber)}
.ctile.all{background:var(--blue)}
.ctile.all:hover{background:var(--ink)}
.hx-link{border-bottom:3px solid var(--amber);padding-bottom:4px}
.tablist [role=tab][aria-selected=true]{border-color:var(--amber)}
.check h2{position:relative}
.check{border-top-color:var(--ink)}
.vsec{border-bottom-color:var(--line)}
:focus-visible{outline-color:var(--blue)}

/* ===================== Bloomerang-style titles ===================== */
.two .t1{display:block;font-family:var(--display);font-weight:400;letter-spacing:-.02em}
.two .t2{display:block;font-family:"Condensed","Arial Narrow",Impact,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.012em;line-height:.9;margin-top:.04em}
.eyebrow{display:block;font-family:var(--sans);font-weight:600;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin-bottom:18px}

/* section header now left-aligned like Bloomerang */
.vsec{text-align:left;padding-top:40px}
.vsec h1.two{font-size:clamp(46px,6.6vw,104px);line-height:1;max-width:14em}
.vsec h1.two .t2{font-size:1.06em}
.vdek{margin:22px 0 0;max-width:38em}
.vsub ul{justify-content:flex-start;margin-top:34px}

/* home headings */
.prop h2.two{font-size:clamp(36px,4.8vw,72px);max-width:none}
.prop h2.two .t2{font-size:1.08em}
.pbk-head h2.two{font-size:clamp(36px,4.8vw,72px)}
.pbk-head h2.two .t2{font-size:1.08em}

/* LEARN MORE link with colored arrow circle */
.cta{display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-weight:600;font-size:15px;letter-spacing:.02em;text-transform:uppercase;color:var(--ink)!important;text-decoration:none!important;border:0!important;padding:0!important}
.cta .arr{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--u,var(--blue));color:#111}
.cta.c-blue .arr{background:var(--blue);color:#fff}
.cta.c-green .arr{background:var(--green);color:#111}
.cta.c-amber .arr{background:var(--amber);color:#111}
.cta .arr svg{width:18px;height:18px}
.cta:hover .arr{background:var(--ink);color:#fff}
.more-l{margin-top:32px}
.prop-cta{gap:32px}
.two .t1{line-height:1.02}.two .t2{margin-top:.1em;line-height:.95}

/* ===================== Bloomerang-matched type system ===================== */
:root{
  --sans:"Barlow Semi Condensed","Helvetica Neue",Arial,sans-serif;
  --serif:"Barlow Semi Condensed","Helvetica Neue",Arial,sans-serif;
  --display:"Source Serif 4",Georgia,"Times New Roman",serif;
}
body{font-family:var(--sans);font-size:17px}
h1,h2,h3,h4{font-optical-sizing:auto}
/* serif headlines: regular weight, slightly tight, like Bloomerang */
.hx h1,.fr-lead h2,.fr-s1 h3,.fr-s2 h3,.ed2-l h3,.ed2-c h2,.ed2-r h3,.ft-d h2,.ft-s h3,.ft-more h3,.brf-list h3,.tp-lead h3,.tp-list h3,
.pbk-lead h3,.pbk-side h3,.cz-lead h3,.cz-small span,.qx p,.shead h1,.chead h1,.phead h1,.prose h2,.idx-row h2,.idx-row h3,.arch h3,
.next-main h3,.next-list h3,.bh h2,.defs strong,.clist strong,.results h2,.pager span,.nl-h,.prop-b dt,details.q summary,.two .t1,.vsec h1,.faq-xx h2{
  font-family:var(--display)!important;font-weight:400!important;letter-spacing:-.012em}
.hx h1{letter-spacing:-.02em}
.two .t1{letter-spacing:-.018em}
/* heavy condensed caps */
.two .t2{font-family:"Condensed","Arial Narrow",sans-serif!important;font-weight:800!important;letter-spacing:-.01em}
/* body text in the narrow grotesk */
.prose{font-family:var(--sans);font-size:19px;line-height:1.62;color:#1e1e1e}
.dx,.dek,.vdek,.prop-l,.contrib-lede{font-family:var(--sans)!important}
.dx{font-size:18px;line-height:1.45}
.vdek{font-size:clamp(18px,1.5vw,21px);color:#333}
.hx p{font-family:var(--sans);font-size:clamp(18px,1.5vw,21px)}
/* navigation and labels: Bloomerang uses mixed-case medium in the header, caps for eyebrows */
.vnav a,.vsub a,.vtop a,.vr-t,.kx,.kick,.bx,.by,.sl,.eyebrow,.cta,.tx,.strip button,.btn{font-family:var(--sans)!important}
.vnav a{font-weight:600;font-size:15px;letter-spacing:.1em}
.vsub a{font-weight:600;font-size:14px;letter-spacing:.08em}
.kx,.kick{font-size:13px;font-weight:600;letter-spacing:.06em}
.bx,.by{font-size:12.5px;letter-spacing:.06em}
.sl{font-size:14px!important;letter-spacing:.1em!important;font-weight:600!important}
.eyebrow{font-size:16px;font-weight:500;letter-spacing:.02em}
.cta{font-size:16px;font-weight:500;letter-spacing:.01em}
.btn,.strip button{font-weight:600;letter-spacing:.06em}
/* sturdier serif cut, closer to Bloomerang's headline serif */
.hx h1,.fr-lead h2,.fr-s1 h3,.fr-s2 h3,.ed2-l h3,.ed2-c h2,.ed2-r h3,.ft-d h2,.ft-s h3,.ft-more h3,.brf-list h3,.tp-lead h3,.tp-list h3,
.pbk-lead h3,.pbk-side h3,.cz-lead h3,.cz-small span,.qx p,.shead h1,.chead h1,.phead h1,.prose h2,.idx-row h2,.idx-row h3,.arch h3,
.next-main h3,.next-list h3,.bh h2,.defs strong,.clist strong,.results h2,.pager span,.nl-h,.prop-b dt,details.q summary,.two .t1,.vsec h1,.faq-xx h2{font-variation-settings:"opsz" 24}


/* =====================================================================
   THE GAME OF GIVING · BRAND GUIDE EDITION 01 (applied)
   ===================================================================== */
@font-face{font-family:"Bodoni Moda";src:url(/assets/fonts/bodoni.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(/assets/fonts/bodoni-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Newsreader";src:url(/assets/fonts/newsreader.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url(/assets/fonts/newsreader-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:"Anton";src:url(/assets/fonts/anton.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Tight";src:url(/assets/fonts/inter-tight.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --ink:#000;--paper:#fff;--mist:#f5f5f5;--graphite:#6b6b6b;--rule:#e3e3e3;--line:#e3e3e3;--muted:#6b6b6b;--faint:#6b6b6b;--text:#000;
  --marigold:#e7964f;--sunbeam:#f6c844;--fuchsia:#e483e6;--cobalt:#447edd;--lime:#a1ce51;--sky:#82c6f6;--lavender:#bd98db;
  --bodoni:"Bodoni Moda",Didot,serif;--display:"Newsreader",Georgia,serif;--serif:"Newsreader",Georgia,serif;--anton:"Anton",Impact,sans-serif;
  --sans:"Inter Tight","Helvetica Neue",Arial,sans-serif;
  --brand:#000;--brand-dark:#000;--accent:var(--cobalt);
  --max:1408px;--gut:24px;--outer:64px;
}
.a-marigold,.c-marigold{--accent:var(--marigold)}
.a-sunbeam,.c-sunbeam{--accent:var(--sunbeam)}
.a-fuchsia,.c-fuchsia{--accent:var(--fuchsia)}
.a-cobalt,.c-cobalt{--accent:var(--cobalt)}
.a-lime,.c-lime{--accent:var(--lime)}
body{font-family:var(--sans);font-size:17px;line-height:1.6;color:#000;background:#fff}
.wrap{max-width:var(--max);padding-left:var(--outer);padding-right:var(--outer)}
@media (max-width:1100px){:root{--outer:32px}}
@media (max-width:640px){:root{--outer:16px}}

/* type roles */
h1,h2,h3,h4{color:#000}
.hx h1,.fr-lead h2,.fr-s1 h3,.fr-s2 h3,.ed2-l h3,.ed2-c h2,.ed2-r h3,.ft-d h2,.ft-s h3,.ft-more h3,.brf-list h3,.tp-lead h3,.tp-list h3,
.pbk-lead h3,.pbk-side h3,.cz-lead h3,.cz-small span,.shead h1,.chead h1,.phead h1,.prose h2,.idx-row h2,.idx-row h3,.arch h3,
.next-main h3,.next-list h3,.bh h2,.defs strong,.clist strong,.results h2,.pager span,.nl-h,.prop-b dt,details.q summary,.vsec h1,.faq-xx h2,.sig{
  font-family:var(--display)!important;font-weight:400!important;font-style:normal;font-variation-settings:"opsz" 72!important;letter-spacing:-.01em}
/* H1 64 / H2 40 / H3 24 */
.hx h1{font-size:clamp(40px,5vw,64px)!important;line-height:1.04;letter-spacing:-.01em}
.shead h1,.chead h1,.vsec h1,.fr-lead h2,.ft-d h2,.ed2-c h2,.cz-lead h3{font-size:clamp(38px,4.4vw,56px)!important;line-height:1.06}
.sig{font-size:clamp(28px,3.2vw,40px)!important;line-height:1.1;letter-spacing:-.005em;margin:0}
.vsec h1.sig{font-size:clamp(40px,5vw,64px)!important}
.fr-s1 h3,.ed2-l h3,.ft-s h3,.brf-list h3,.tp-list h3,.pbk-side h3,.arch h3,.idx-row h3,.next-list h3,.prop-b dt,.defs strong,.clist strong{font-size:24px!important;line-height:1.2}
.fr-s2 h3,.ft-t h3,.tp-lead h3,.pbk-lead h3,.next-main h3{font-size:clamp(28px,2.6vw,34px)!important;line-height:1.12}
.ed2-r h3,.ft-more h3,.cz-small span{font-size:20px!important;line-height:1.25}
.prose h2{font-size:30px!important;line-height:1.15}
/* signature payoff: Anton caps inside serif headline */
.pay{font-family:var(--anton);font-weight:400;text-transform:uppercase;letter-spacing:0;font-size:.88em;line-height:1;display:inline;white-space:normal}
.two .t1,.two .t2{display:inline}
/* deks: Newsreader italic 22 */
.dx,.dek,.vdek,.odek,.hx p,.prop-l{font-family:var(--display)!important;font-style:italic;font-weight:400;font-variation-settings:"opsz" 24;color:#000}
.dx{font-size:20px;line-height:1.4}
.odek,.vdek{font-size:22px;line-height:1.4;max-width:36em;margin:12px 0 0}
.shead .dek,.chead .dek{font-size:22px;color:#000}
.hx p{font-size:22px;color:#fff}
/* body 17/1.6, measure */
.prose{font-family:var(--sans)!important;font-size:17px!important;line-height:1.6!important;color:#000;max-width:680px}
.prose a{color:#000;text-decoration:underline;text-decoration-color:var(--accent,var(--cobalt));text-decoration-thickness:2px;text-underline-offset:3px}
/* eyebrow / tag: Inter Tight 500 caps 12 +.12em */
.eyebrow,.vtop a,.sl{font-family:var(--sans)!important;font-weight:500!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase;color:#000}
.eyebrow{display:block;margin-bottom:12px}
.kx,.kick{font-family:var(--sans)!important;font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#000}
/* pill tags: accent fill, black caps */
.tag{display:inline-block!important;width:auto!important;background:var(--accent);color:#000!important;border-radius:999px;padding:4px 11px 3px;line-height:1.4;margin:0 0 12px!important;text-decoration:none!important}
.hx-k{display:inline-block;background:var(--cobalt);color:#000;border-radius:999px;padding:4px 11px 3px;font-weight:500;font-size:12px;letter-spacing:.12em}
/* caption / byline: Inter Tight 13 */
.bx,.by,figcaption,.credit,.caption{font-family:var(--sans)!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;color:var(--graphite)!important}
.bx b,.by b{color:#000;font-weight:500}

/* masthead: Bodoni caps centered, tagline in Newsreader italic */
.vtop{border-bottom:1px solid var(--rule)}
.vtop span{font-size:13px}
.vtop a:last-child{color:#000}
.vmast .vrow{padding-top:26px;padding-bottom:6px}
.vlogo img{height:44px}
.vtag{text-align:center;font-family:var(--display);font-style:italic;font-size:17px;margin:0 0 16px;color:#000}
.vnav{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.vnav a{font-family:var(--sans)!important;font-weight:500!important;font-size:12px!important;letter-spacing:.12em!important;position:relative;border-bottom:0!important;padding:16px 0 14px}
/* the progress bar: 4px partial accent underline on active */
.vnav li.c-marigold a{--u:var(--marigold)}.vnav li.c-sunbeam a{--u:var(--sunbeam)}.vnav li.c-fuchsia a{--u:var(--fuchsia)}.vnav li.c-cobalt a{--u:var(--cobalt)}.vnav li.c-lime a{--u:var(--lime)}
.vnav a::after{content:"";position:absolute;left:0;bottom:-1px;height:4px;width:0;background:var(--u);transition:width .2s}
.vnav a:hover::after{width:40%}
.vnav a[aria-current="page"]::after{width:62%}
.vsub a{font-family:var(--sans)!important;font-weight:500!important;font-size:12px!important;letter-spacing:.12em!important;border-bottom:0!important;position:relative}
.vsub a::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--accent,var(--cobalt))}
.vsub a.on::after{width:62%}
.vsub a:hover::after{width:40%}
body.c-marigold{--accent:var(--marigold)}body.c-sunbeam{--accent:var(--sunbeam)}body.c-fuchsia{--accent:var(--fuchsia)}body.c-cobalt{--accent:var(--cobalt)}body.c-lime{--accent:var(--lime)}
.tablist [role=tab]{font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.12em;border-bottom:0;position:relative;color:#000}
.tablist [role=tab]::after{content:"";position:absolute;left:12px;bottom:0;height:4px;width:0;background:var(--sunbeam)}
.tablist [role=tab][aria-selected=true]::after{width:55%}

/* openers: eyebrow + signature headline + one-sentence dek, left aligned, hairline above */
.opener{border-top:1px solid var(--rule);padding-top:28px;margin-bottom:40px;text-align:left}
.edit2,.feats,.brf,.disc,.stats,.cz{padding-top:0}
.disc-head{text-align:left}
.disc .tablist{justify-content:flex-start;margin:-12px 0 32px}
.pbk{border-top:0}
.pbk-head{border-top:0;padding-top:0}
.pbk-head::before,.sl::before,.fr-s2::before,.ft-t::before{display:none}
.prop{text-align:left}
.prop .opener{margin-bottom:32px}
.prop-b{margin:32px 0 0;max-width:none}
.prop-cta{justify-content:flex-start}
.ed2-c{text-align:left}
.ed2-c h2,.ed2-c .dx{margin-left:0;margin-right:0}
.ed2-c .kx{margin-left:0}
.ed2-s{text-align:left}

/* hairline separators, no heavy rules */
.fr-s2,.ft-t{border-top:1px solid var(--rule)}
.pbk-topics{border-top:1px solid var(--rule)}
.foot{border-top:1px solid var(--rule)}
.vsec{border-bottom:1px solid var(--rule)}
.check{border-top:1px solid var(--rule)}
.next .wrap{border-top:1px solid var(--rule)}
details.q:first-of-type{border-top:1px solid var(--rule)}
.tbl thead th{border-bottom:1px solid #000}
.ed2-r li::before{font-family:var(--anton)!important;color:#000!important;font-size:26px}

/* pull quote: Bodoni Moda italic, fuchsia bar, left aligned */
.qx{text-align:left;padding-top:var(--gap-m)}
.qx blockquote{max-width:900px;margin:0;border-left:4px solid var(--fuchsia);padding-left:28px}
.qx p{font-family:var(--bodoni)!important;font-style:italic!important;font-weight:400!important;font-variation-settings:normal!important;font-size:clamp(32px,4vw,52px)!important;line-height:1.15;max-width:none;margin:0;letter-spacing:0}
.qx footer{font-family:var(--sans);font-size:12px;letter-spacing:.12em}

/* color-block stat cards */
.stats{padding-bottom:var(--gap-m)}
.stat-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.stat a{display:block;text-decoration:none;color:#000}
.stat-img{position:relative;aspect-ratio:4/5;background:var(--accent);overflow:hidden}
.stat-img img{position:absolute;left:12%;right:12%;top:12%;width:76%;height:88%;object-fit:cover}
.stat-img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0))}
.stat-n{position:absolute;left:18px;bottom:14px;z-index:1;font-family:var(--anton);font-size:clamp(48px,4.6vw,72px);line-height:1;color:#fff}
.stat-l{font-family:var(--sans);font-size:15px;line-height:1.4;margin-top:12px;color:#000;max-width:24em}
.stat-bar{display:block;width:48px;height:4px;background:var(--accent);margin-top:12px}
.stat a:hover .stat-l{text-decoration:underline}
@media (max-width:960px){.stat-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.stat-g{grid-template-columns:1fr}}

/* buttons: pill, ink fill, white Inter Tight medium caps, lime dot */
.btn,.btn.brand,.btn.red,.btn.ink,.strip button,.nl button,.sform button,.form .btn{display:inline-flex;align-items:center;gap:10px;background:#000;color:#fff!important;border:0;border-radius:999px;padding:14px 26px;font-family:var(--sans)!important;font-weight:500!important;font-size:13px!important;letter-spacing:.12em!important;text-transform:uppercase;text-decoration:none!important;cursor:pointer;line-height:1}
.btn::before,.strip button::before,.nl button::before,.sform button::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);flex-shrink:0}
.btn:hover,.strip button:hover,.nl button:hover,.sform button:hover{background:#222!important}
.btn.outline,.btn.ghost,.btn.light{background:#fff;color:#000!important;box-shadow:inset 0 0 0 1.5px #000}
.btn.outline::before,.btn.light::before{display:none}
.nl input,.strip input,.sform input{border-radius:999px 0 0 999px}
.nl button,.sform button{border-radius:0 999px 999px 0}
.nl{border-left:4px solid var(--lime)}
/* arrow link recolored to accents */
.cta{font-family:var(--sans)!important;font-weight:500!important;font-size:13px!important;letter-spacing:.12em!important}
.cta .arr{background:var(--accent)!important;color:#000!important}
.cta:hover .arr{background:#000!important;color:#fff!important}
.hx-link{border-bottom:4px solid var(--cobalt);font-weight:500;letter-spacing:.12em}

/* accents highlight only: labels, links and headings stay ink */
.link,.rail-more,.results .type,.cnav a[aria-current="page"],.chead .crumb a,.pager small,.idx-row .cn,.desk-list .n,.impact-lede a,.cz-more a:last-child,.mast-r .mast-apply,.vtop a:last-child{color:#000!important}
.link{border-bottom:2px solid var(--accent,var(--cobalt))}
.cnav a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--accent,var(--cobalt));padding-left:8px}
.prop-b div::before{height:4px!important;width:48px!important}
.prop-b div:nth-child(1)::before{background:var(--marigold)}
.prop-b div:nth-child(2)::before{background:var(--cobalt)}
.prop-b div:nth-child(3)::before{background:var(--fuchsia)}
.prop-b div:nth-child(4)::before{background:var(--lime)}
.benefits div{border-top:4px solid var(--marigold)}
.benefits div:nth-child(2){border-top-color:var(--cobalt)}
.benefits div:nth-child(3){border-top-color:var(--fuchsia)}
.benefits div:nth-child(4){border-top-color:var(--lime)}
.ctile.all{background:var(--lime)!important}
.ctile.all span{color:#000!important}
.cz-small span{font-family:var(--display)!important}

/* marker highlight, once per article */
mark,.mark{background:linear-gradient(transparent 55%,var(--sunbeam) 55%);color:inherit;padding:0 .1em}

/* reading progress bar on stories */
.progress{position:fixed;left:0;right:0;top:0;height:4px;z-index:50;background:transparent}
.progress span{display:block;height:100%;width:0;background:var(--accent)}

/* cards: max 24px radius, no shadows (none used) */
.img,.ph{border-radius:0}

/* mobile: display ~60% */
@media (max-width:640px){
  .hx h1{font-size:38px!important}
  .shead h1,.chead h1,.vsec h1.sig,.fr-lead h2,.ft-d h2,.ed2-c h2{font-size:34px!important}
  .sig{font-size:26px!important}
  .odek,.vdek,.dx{font-size:18px}
  .vtag{font-size:14px;margin-bottom:10px;padding:0 16px}
  .qx p{font-size:28px!important}
  body{font-size:16px}
  .prose{font-size:16px!important}
}
.sig{line-height:1.18!important}.vsec h1.sig{line-height:1.12!important}
/* ===== Editorial & Image Guide, Edition 01 ===== */
:root{--mist:#f5f5f5}
figcaption .credit{color:var(--graphite);white-space:nowrap}
.shead .by .by-meta{display:block;color:var(--graphite);margin-top:4px}
.shead h1.sig{font-family:"Newsreader",Georgia,serif;font-weight:400}
.tcard{position:relative;aspect-ratio:3/2;background:var(--accent);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(24px,5vw,56px);overflow:hidden}
.tcard .tc-fmt{font-family:var(--anton);text-transform:uppercase;font-size:clamp(56px,11vw,132px);line-height:.92;color:#000;letter-spacing:.005em}
.tcard .tc-sec{font-family:"Inter Tight",system-ui,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:#000;margin-top:18px;border-top:2px solid #000;padding-top:10px}
.tcard img{position:absolute;right:clamp(20px,4vw,40px);bottom:clamp(18px,3vw,32px);width:clamp(150px,30%,260px);height:auto;filter:none}
.takeaway{background:var(--mist);border-left:4px solid var(--accent);padding:28px 32px 26px;margin:48px 0 8px}
.takeaway h2{font-family:"Inter Tight",system-ui,sans-serif!important;font-weight:600!important;font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px!important;padding:0!important;border:0!important}
.takeaway ul{margin:0;padding:0;list-style:none}
.takeaway li{position:relative;padding:0 0 12px 26px;margin:0;font-size:17px;line-height:1.5}
.takeaway li:last-child{padding-bottom:0}
.takeaway li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:12px;border-radius:50%;background:var(--accent)}
.keepr{border-top:1px solid var(--rule);padding:56px 0 72px}
.kr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}
.kr-card .img{margin-bottom:14px;overflow:hidden}
.kr-card .img img{width:100%;height:100%;object-fit:cover;display:block}
.kr-card h3{font-family:"Newsreader",Georgia,serif;font-weight:400;font-size:24px;line-height:1.2;margin:0 0 8px}
.kr-card h3 a{color:inherit;text-decoration:none}
.kr-card h3 a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:4px}
.kr-meta,.sx-fmt{font-family:"Inter Tight",system-ui,sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--graphite);margin:0}
.sx-fmt{display:block;margin-bottom:8px}
.sx{padding-top:56px;padding-bottom:16px}
.sx-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:end;border-top:4px solid var(--accent);padding-top:22px;margin-bottom:32px}
.sx-head h2{margin:0;grid-column:1/2}
.sx-head h2 .tag{font-size:13px;margin:0!important}
.sx-head p{grid-column:1/2;margin:0;color:var(--graphite);font-size:16px;max-width:720px}
.sx-n{grid-column:2/3;grid-row:1/3;font-family:var(--anton);text-transform:uppercase;font-size:28px;line-height:1}
.sx-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.sx-row{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--rule);align-items:start}
.sx-row h3{font-family:"Newsreader",Georgia,serif;font-weight:400;font-size:24px;line-height:1.18;margin:0}
.sx-row h3 a{color:inherit;text-decoration:none}
.sx-row .dek{font-size:16px;margin-top:8px}
.sx-row .ph{aspect-ratio:4/3;overflow:hidden}
.sx-row .ph img{width:100%;height:100%;object-fit:cover}
.sx-soon{font-family:"Newsreader",Georgia,serif;font-style:italic;font-size:20px;max-width:760px;margin:0 0 24px}
.sx-soon a{color:inherit;text-decoration-color:var(--accent);text-decoration-thickness:3px}
.eg{padding-top:64px;padding-bottom:24px}
.eg-secs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gut);margin-top:32px}
.eg-sec{position:relative;padding-top:0}
.eg-bar{display:block;height:120px;background:var(--accent);margin-bottom:14px}
.eg-hex{font-family:"Inter Tight",system-ui,sans-serif;font-size:12px;letter-spacing:.12em;color:var(--graphite)}
.eg-sec h3{font-family:"Newsreader",Georgia,serif;font-weight:400;font-size:22px;line-height:1.2;margin:6px 0 8px}
.eg-sec p{font-size:15px;line-height:1.5;margin:0 0 8px}
.eg-n a{font-family:"Inter Tight",system-ui,sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#000;text-decoration-color:var(--accent);text-decoration-thickness:3px}
.eg .defs{margin-top:32px;max-width:900px}
.eg-list{list-style:none;margin:32px 0 0;padding:0}
.eg-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.eg-list li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:22px 0;border-top:1px solid var(--rule)}
.eg-num{font-family:var(--anton);font-size:34px;line-height:1;color:#000}
.eg-list h3{font-family:"Newsreader",Georgia,serif;font-weight:400;font-size:24px;line-height:1.2;margin:0 0 4px}
.eg-list p{margin:0;font-size:16px;line-height:1.55}
.eg-kind{font-family:"Inter Tight",system-ui,sans-serif;font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;color:var(--graphite);margin-bottom:6px!important}
.eg-note{background:var(--mist);padding:28px 32px;margin-top:32px;max-width:900px}
.eg-note h3{font-family:"Inter Tight",system-ui,sans-serif;font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}
.eg-note p{margin:0;font-size:17px;line-height:1.6}
.eg-table{margin-top:40px;max-width:900px}
.eg-table table{width:100%;border-collapse:collapse;font-size:16px}
.eg-table caption{text-align:left;font-family:"Inter Tight",system-ui,sans-serif;font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding-bottom:12px}
.eg-table th,.eg-table td{text-align:left;padding:12px 16px 12px 0;border-bottom:1px solid var(--rule);font-weight:400}
.eg-table thead th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--graphite);border-bottom:2px solid #000}
.eg-table p{font-size:15px;color:var(--graphite);margin-top:14px}
@media (max-width:1100px){.eg-secs{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-list{grid-template-columns:1fr}}
@media (max-width:760px){.kr-grid,.eg-2col{grid-template-columns:1fr}.eg-secs{grid-template-columns:repeat(2,minmax(0,1fr))}.eg-bar{height:72px}.sx-row{grid-template-columns:minmax(0,1fr) 110px;gap:16px}.sx-row h3{font-size:20px}.sx-row .dek{display:none}.takeaway{padding:22px 20px}.eg-list li{grid-template-columns:48px minmax(0,1fr)}.eg-num{font-size:26px}.tcard img{width:120px}.sx-head{grid-template-columns:1fr}.sx-n{grid-column:1;grid-row:auto;font-size:20px}}
.eg:first-of-type{padding-top:24px}
/* ===== Site Changes, Round 01 ===== */
/* 3. accent-backdrop portrait placeholder */
.portrait{position:relative;background:var(--accent);overflow:hidden;display:block}
.portrait .pt-fig{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:82%;width:auto;fill:rgba(0,0,0,.14)}
.portrait .pt-note{position:absolute;left:16px;top:16px;font-family:"Inter Tight",system-ui,sans-serif;font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#000;background:#fff;border-radius:999px;padding:5px 12px 4px}
/* 4. full-bleed garden image, caption on white */
.moment{background:none!important}
.moment figcaption{background:none!important;padding-top:0!important;padding-bottom:0!important;margin-top:12px!important;text-align:left;font-family:"Inter Tight",system-ui,sans-serif!important;font-size:13px!important;color:#6b6b6b!important;font-style:normal!important}
.moment figcaption .credit{color:#6b6b6b}
/* 5. Contributor Network headline left-aligned */
.prop{text-align:left!important}
.prop .opener{text-align:left!important;margin-left:0!important;margin-right:0!important;max-width:none!important}
.prop .opener .sig,.prop .opener .odek,.prop .opener .eyebrow{text-align:left!important;margin-left:0!important;margin-right:0!important;max-width:none}
@media (min-width:1100px){.prop .opener .sig{white-space:nowrap}}
.prop-cta{justify-content:flex-start!important}
.prop-b{text-align:left}
/* 6. page ends at the footer */
html,body{min-height:0!important;height:auto!important}
footer.foot{margin-bottom:0!important;padding-bottom:64px!important}
footer.foot .wrap{padding-bottom:0!important;margin-bottom:0!important}
/* Discover tab with a single story */
.tp-grid.tp-solo{grid-template-columns:minmax(0,1fr)!important;max-width:760px}
.moment figcaption{display:block;box-sizing:border-box;width:100%;max-width:var(--max)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--outer)!important;padding-right:var(--outer)!important}
/* ===== Round 01b ===== */
/* Lead feature: photograph set on its section color */
.img.framed{position:relative;background:var(--accent);overflow:hidden}
.img.framed img{position:absolute;inset:7% 7% 0 7%;width:86%;height:93%;object-fit:cover;display:block}

/* ===== Brand Guide + Editorial Guide, explicit pass ===== */
:root{--mist:#f5f5f5;--sky:#82c6f6;--lavender:#bd98db;--rule:#e3e3e3}
/* Pill tags, black caps (Brand Guide 03, Tags) */
.tag,.kx.tag,.hx-k{display:inline-block!important;width:auto!important;background:var(--accent)!important;color:#000!important;border:0!important;border-radius:999px!important;padding:4px 11px 3px!important;font-family:"Inter Tight",system-ui,sans-serif!important;font-weight:500!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase;line-height:1.4!important;margin:0 0 12px!important;text-decoration:none!important}
.sx-head h2 .tag{margin:0!important}
/* Color-block card (Brand Guide 03): photo on solid accent, dark gradient at base, white Anton stat, short accent bar */
.stat-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.stat{display:block;background:none!important;padding:0!important;border:0!important}
.stat-img{position:relative;aspect-ratio:4/5;background:var(--accent);overflow:hidden}
.stat-img img{position:absolute;left:12%;top:10%;width:76%;height:90%;object-fit:cover;display:block}
.stat-img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:52%;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0))}
.stat .stat-n{position:absolute;left:20px;bottom:16px;z-index:1;margin:0;font-family:var(--anton);font-size:72px;line-height:1;color:#fff;display:flex;align-items:baseline;gap:10px}
.stat-u{font-family:"Inter Tight",system-ui,sans-serif;font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.stat .stat-l{font-family:"Inter Tight",system-ui,sans-serif;font-size:15px;line-height:1.45;color:#000;margin:14px 0 6px;max-width:none}
.stat-src{font-family:"Inter Tight",system-ui,sans-serif;font-size:13px;color:var(--graphite);margin:0}
.stat-src a{color:var(--graphite);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}
.stat-bar{display:block;width:48px;height:4px;background:var(--accent);margin-top:12px}
@media (max-width:960px){.stat-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.stat-g{grid-template-columns:1fr}.stat .stat-n{font-size:56px}}
/* Marker highlight, once per article */
.prose mark{background:linear-gradient(transparent 52%,var(--sunbeam) 52%);color:inherit;padding:0 .08em}
/* Sources */
.sources{margin:36px 0 0;padding-top:20px;border-top:1px solid var(--rule)}
.sources h2{font-family:"Inter Tight",system-ui,sans-serif!important;font-weight:500!important;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px!important;padding:0!important;border:0!important}
.sources ol{margin:0;padding-left:20px}
.sources li{font-family:"Inter Tight",system-ui,sans-serif;font-size:13px;line-height:1.5;color:var(--graphite);margin:0 0 6px}
.sources a{color:#000;text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}
/* Typographic hero for Locker Room Talk */
.thero{background:var(--accent);aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(24px,5vw,72px)}
.tc-fmt-s{font-family:"Inter Tight",system-ui,sans-serif;font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#000;margin-bottom:18px}
.thero-h{font-family:"Newsreader",Georgia,serif;font-weight:400;font-variation-settings:"opsz" 72;font-size:clamp(38px,6vw,88px);line-height:1.04;letter-spacing:-.01em;color:#000;margin:0;max-width:14em}
/* Type scale (Brand Guide 02) */
.shead .by,.by,.bx,figcaption{font-family:"Inter Tight",system-ui,sans-serif;font-size:13px}
.prose p,.prose li{font-size:17px;line-height:1.6}
/* Masthead 64px caps (1558 x 140 artwork drawn at 120px) */
.vlogo img{height:auto!important;width:832px!important;max-width:100%!important;min-height:0!important}
@media (max-width:960px){.vlogo img{width:500px!important}}
/* Left-aligned layout: nothing centered except the masthead and cover lines */
.strip{justify-content:flex-start!important;text-align:left!important}
.cz-note{text-align:left!important}
/* Social links */
.soc{list-style:none;margin:0;padding:0;display:flex;gap:14px;align-items:center}
.soc a{display:inline-flex;align-items:center;gap:6px;color:#000;text-decoration:none}
.soc svg{width:18px;height:18px;display:block}
.soc span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.soc-top{margin-left:10px}
.soc-top svg{width:15px;height:15px}
.soc-foot{margin-top:18px}
.soc-foot a{width:40px;height:40px;justify-content:center;border:1px solid var(--rule);border-radius:999px}
.soc a:hover{color:var(--graphite)}
@media (min-width:961px){.foot-links{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.4fr)!important}}
.stat-src a{display:inline!important}
.hx-link{border-color:var(--accent)!important;text-decoration-color:var(--accent)!important}
.hx-link::after{background:var(--accent)!important}
.soc-top{align-self:center}
/* Share bar */
.share{display:flex;align-items:center;gap:14px;margin-top:18px}
.share-l{font-family:"Inter Tight",system-ui,sans-serif;font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#000}
.share ul{list-style:none;margin:0;padding:0;display:flex;gap:8px}
.share a,.share button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--rule);border-radius:999px;background:#fff;color:#000;cursor:pointer;padding:0}
.share a:hover,.share button:hover{border-color:#000}
.share svg{width:16px;height:16px;display:block}
.share .copied{position:absolute;left:44px;white-space:nowrap;font-family:"Inter Tight",system-ui,sans-serif;font-size:12px;color:var(--graphite)}