/* The Quiet Edition 2026 — inner pages. Each page has its own prefix: .is- issue, .ar- article, .sc- section, .cs- contributors, .ct- contributor,
   .av- archive, .rl- reading list, .sh- shop, .sb- subscribe, .pt- pitch, .ab- about, .cn- contact, .lt- letters, .nf- not found, .cr- credits, .fd- forms demo */
.pg-head{padding-block:clamp(28px,4vw,56px) clamp(32px,5vw,64px)}
.pg-head h1{max-inline-size:20ch}

/* ---------- issue: a full-bleed band in the issue's colour ---------- */
.is-hero{background:var(--brand);color:#fff;padding-block:clamp(28px,4vw,56px) clamp(40px,6vw,80px)}
.is-g{display:grid;gap:var(--s6);align-items:center}
.is-cov{inline-size:min(78%,340px);justify-self:center;box-shadow:14px 16px 0 rgba(0,0,0,.22);outline:1px solid rgba(255,255,255,.35)}
.is-t .crumbs,.is-t .crumbs a,.is-t .crumbs [aria-current]{color:#fff}
.is-t .crumbs li+li::before{color:rgba(255,255,255,.7)}
.is-t h1{color:#fff;font-size:clamp(3rem,1.8rem + 5vw,6.5rem);letter-spacing:-.035em;line-height:.95}
.is-t .lede{color:#fff}
.is-stock{margin-block-start:var(--s4)}
.is-hero :focus-visible{outline-color:#fff}
@media (min-width:860px){.is-g{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--s8)}.is-cov{justify-self:start}}
.is-split{display:grid;gap:var(--s7)}
.is-letter{max-inline-size:62ch}
.is-letter h2{margin-block-end:var(--s4)}
.is-letter>p:not(.kicker):not(.sig){font-size:1.1875rem;line-height:1.7;color:var(--ink-2)}
.is-ph{margin-block-start:var(--s6)}
.is-ph picture,.is-ph img{aspect-ratio:4/5;object-fit:cover;max-block-size:560px}
@media (min-width:1000px){.is-split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--s8)}.is-toc{position:sticky;inset-block-start:96px;align-self:start}}
.is-others{background:var(--card);border-block-start:1px solid var(--rule)}
.is-shelf{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--s6) var(--s5)}
.is-shelf a{display:grid;gap:var(--s2);text-decoration:none;color:var(--ink)}
.is-shelf-c{display:block;box-shadow:0 1px 0 var(--ink),8px 10px 0 rgba(26,24,20,.08)}
.is-shelf-t{font-family:var(--f-display);font-size:1.25rem;line-height:1.2;margin-block-start:var(--s2)}
.is-shelf-s{font-family:var(--f-sans);font-size:var(--t-label);color:var(--muted)}
.is-shelf a:hover .is-shelf-t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
@media (min-width:900px){.is-shelf{grid-template-columns:repeat(3,minmax(0,260px));justify-content:start}.is-shelf--4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- article: reading layout ---------- */
.ar-head{padding-block:clamp(24px,4vw,48px) var(--s6)}
.ar-hw{max-inline-size:calc(920px + var(--gutter)*2)}
.ar-head h1{font-size:clamp(2.5rem,1.5rem + 4vw,5rem);line-height:1;letter-spacing:-.032em}
.ar-head .lede{font-style:italic;font-size:clamp(1.25rem,1.1rem + .6vw,1.5625rem)}
.ar-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s5);margin-block-start:var(--s5);padding-block:var(--s3);border-block:1px solid var(--rule);font-family:var(--f-sans);font-size:var(--t-small);color:var(--muted)}
.ar-by{display:inline-flex;align-items:center;min-block-size:44px;font-weight:650;color:var(--ink);text-decoration:none}
.ar-by:hover{text-decoration:underline}
.save-btn--lg{margin-inline-start:auto}
.resume-chip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-block-start:var(--s4);font-family:var(--f-sans);font-size:var(--t-small);background:var(--paper-2);padding:var(--s2) var(--s3)}
.ar-ph{margin-block-start:var(--s6)}
.ar-ph picture,.ar-ph img{aspect-ratio:16/9;object-fit:cover}
.ar-layout{display:grid;gap:var(--s6);padding-block:var(--s6) var(--s8)}
.ar-side{display:grid;gap:var(--s5);align-content:start}
.ar-side-h,.ar-toc summary{font-family:var(--f-sans);font-size:var(--t-label);font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.ar-toc summary{display:flex;align-items:center;min-block-size:44px;cursor:pointer;border-block-end:1px solid var(--ink)}
.ar-toc ol{list-style:none;padding:0;counter-reset:t}
.ar-toc li{counter-increment:t;border-block-end:1px solid var(--rule)}
.ar-toc a{display:grid;grid-template-columns:1.6em 1fr;align-items:center;min-block-size:44px;padding-block:6px;text-decoration:none;font-size:1.0625rem;line-height:1.3}
.ar-toc a::before{content:counter(t);font-family:var(--f-sans);font-size:var(--t-label);color:var(--muted)}
.ar-toc a[aria-current]{color:var(--brand);font-weight:600}
.ar-tools{display:grid;gap:var(--s2)}
.ar-tool-row{display:flex;flex-wrap:wrap;gap:6px}
.ar-issue{display:grid;gap:var(--s2);justify-items:start}
.ar-issue-c{display:block;inline-size:140px;box-shadow:6px 8px 0 rgba(26,24,20,.08)}
@media (min-width:1100px){.ar-layout{grid-template-columns:240px minmax(0,var(--measure));justify-content:center;gap:var(--s8)}.ar-side{position:sticky;inset-block-start:96px;align-self:start;max-block-size:calc(100svh - 120px);overflow-y:auto}}
.ar-body{font-size:1.1875rem;line-height:1.7;max-inline-size:var(--measure);min-inline-size:0}
html[data-size="1"] .ar-body{font-size:1.0625rem}html[data-size="2"] .ar-body{font-size:1.125rem}html[data-size="4"] .ar-body{font-size:1.3125rem}html[data-size="5"] .ar-body{font-size:1.4375rem}
html[data-leading="1"] .ar-body{line-height:1.5}html[data-leading="3"] .ar-body{line-height:1.9}
html[data-type="sans"] .ar-body{font-family:var(--f-sans)}
.ar-body .graf{position:relative;margin:0 0 1.1em}
.ar-body.is-full .graf:first-of-type::first-letter{font-family:var(--f-display);float:left;font-size:4.4em;line-height:.8;padding:.05em .1em 0 0;color:var(--brand)}
.ar-body h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin:1.6em 0 .6em;scroll-margin-block-start:96px}
.ar-body .pull{margin:1.6em 0;padding:var(--s4) 0;border-block:1px solid var(--ink)}
.ar-body .pull p{font-family:var(--f-display);font-style:italic;font-size:1.5em;line-height:1.25;color:var(--brand);text-wrap:balance}
.para-anchor{display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;margin-block:-12px;vertical-align:middle;font-family:var(--f-sans);font-size:.9375rem;color:var(--muted);text-decoration:none}
.para-anchor:hover,.para-anchor:focus-visible{color:var(--brand)}
.graf:target{background:var(--paper-2);outline:6px solid var(--paper-2)}
.fn-ref{color:var(--brand);text-decoration:none;font-family:var(--f-sans);font-weight:700;padding-inline:2px;scroll-margin-block-start:120px}
.fn-ref sup{font-size:.75em;line-height:0}
.fn-pop{display:block;margin:var(--s3) 0;padding:var(--s3) var(--s4);background:var(--card);border:1px solid var(--ink);border-inline-start:4px solid var(--brand);font-family:var(--f-sans);font-size:1rem;line-height:1.5}
.fn-pop[hidden]{display:none}
.fn-pop a{display:inline-flex;align-items:center;min-block-size:44px;color:var(--ink)}
.ar-end{display:flex;justify-content:center;margin-block:var(--s6);color:var(--brand)}
.ar-end .endmark,.nf-mark svg{inline-size:48px;block-size:48px}
.ar-notes{margin-block-start:var(--s7);padding-block-start:var(--s4);border-block-start:1px solid var(--ink)}
.endnotes{padding-inline-start:1.4em;margin-block-start:var(--s3);font-size:1rem;line-height:1.55;color:var(--ink-2)}
.endnotes li{padding-block:var(--s2);scroll-margin-block-start:96px}
.endnotes li:target{background:var(--paper-2)}
.endnotes a{display:inline-flex;align-items:center;min-block-size:44px;font-family:var(--f-sans);font-size:var(--t-label);font-weight:650;color:var(--ink)}
.graf--ex{font-size:1.25em;line-height:1.6}
.paywall{margin-block:var(--s6);padding:clamp(20px,3vw,36px);background:var(--night);color:var(--on-night)}
.paywall .kicker{color:var(--on-night-2)}
.paywall h2{color:#fff;margin-block-end:var(--s3)}
.paywall p{font-family:var(--f-sans);font-size:1rem;line-height:1.55}
.paywall .btn--ghost{color:#fff;border-color:#fff}
.paywall .btn--ghost:hover{background:#fff;color:var(--ink)}
.paywall .tlink{color:#fff;text-decoration-color:var(--on-night-2)}
.paywall .demo-flag{background:var(--night-2);color:var(--on-night);border-color:var(--on-night-2)}
.paywall :focus-visible{outline-color:#fff}
.ar-more{background:var(--card);border-block-start:1px solid var(--rule)}
html[data-focus="on"] .ar-side,html[data-focus="on"] .ar-more,html[data-focus="on"] .pre-foot,html[data-focus="on"] .ar-ph,html[data-focus="on"] .crumbs-nav{display:none}
html[data-focus="on"] .ar-layout{grid-template-columns:minmax(0,var(--measure))}
html[data-focus="on"] .ar-side.ar-keep{display:grid}
@media (min-width:1100px){html[data-focus="on"] .ar-side{display:grid;position:fixed;inset-inline-start:var(--gutter);inset-block-start:96px;inline-size:200px}html[data-focus="on"] .ar-side>:not(.ar-tools){display:none}}

/* ---------- section ---------- */
.sc-head{padding-block:clamp(28px,4vw,56px) clamp(32px,5vw,64px);border-block-end:1px solid var(--rule)}
.sc-g{display:grid;gap:var(--s6);align-items:end}
.sc-t h1{font-size:clamp(3rem,1.8rem + 5vw,6.5rem);letter-spacing:-.035em;line-height:.95}
.sc-count{font-family:var(--f-sans);font-size:var(--t-small);color:var(--muted);margin-block-start:var(--s4)}
.sc-ph picture,.sc-ph img{aspect-ratio:4/3;object-fit:cover}
@media (min-width:900px){.sc-g{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s8)}}
.sc-first{margin-block-end:var(--s7)}
.pc--wide{grid-template-columns:minmax(0,1fr)}
.pc--wide .pc-t{font-size:clamp(1.875rem,1.4rem + 1.6vw,2.75rem)}
.pc--wide .pc-cov,.pc--wide .pc-cov img{inline-size:120px;block-size:120px}
@media (min-width:900px){.pc--wide{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:var(--s7)}.pc--wide>.pc-media,.pc--wide>.pc-cov{margin:0}.pc--wide .pc-s{font-size:1.1875rem}}
.sc-rows{list-style:none;padding:0;border-block-start:1px solid var(--ink)}
.sc-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--s2) var(--s4);padding-block:var(--s5);border-block-end:1px solid var(--rule)}
.sc-iss{display:grid;align-content:start;justify-items:start;gap:2px;text-decoration:none;color:var(--brand);min-block-size:44px}
.sc-iss-n{font-family:var(--f-display);font-size:2rem;line-height:1}
.sc-iss-t{font-family:var(--f-sans);font-size:var(--t-label);color:var(--muted)}
.sc-iss:hover .sc-iss-t{text-decoration:underline;color:var(--ink)}
.sc-row-h{font-size:1.5rem;line-height:1.15;margin-block:-9px 0}
.sc-row-h a{text-decoration:none}.sc-row-h a:hover{text-decoration:underline;text-decoration-thickness:1px;color:var(--ink)}
.sc-row .pc-m{grid-column:2;margin:0}
@media (min-width:900px){.sc-row{grid-template-columns:96px minmax(0,1fr) 220px;align-items:start}.sc-row .pc-m{grid-column:3;flex-direction:column;align-items:flex-end}}

/* ---------- contributors index ---------- */
.cs-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));border-block-start:1px solid var(--ink)}
.cs-p{display:flex;gap:var(--s4);padding:var(--s5) var(--s4) var(--s5) 0;border-block-end:1px solid var(--rule)}
.cs-n{font-size:1.5rem}
.cs-n a{display:inline-flex;align-items:center;min-block-size:44px;text-decoration:none}.cs-n a:hover{text-decoration:underline;text-decoration-thickness:1px;color:var(--ink)}
.cs-r{font-family:var(--f-sans);font-size:var(--t-label);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}
.cs-b{color:var(--ink-2);margin-block-start:var(--s2)!important;font-size:1.0625rem;line-height:1.5}
/* ---------- contributor ---------- */
.ct-head{padding-block:clamp(28px,4vw,56px) clamp(32px,5vw,64px);background:var(--card);border-block-end:1px solid var(--rule)}
.ct-g{display:grid;gap:var(--s5)}
.mono--xl{inline-size:clamp(120px,18vw,220px);block-size:clamp(120px,18vw,220px);border-width:2px}
.ct-head h1{font-size:clamp(2.75rem,1.6rem + 4.4vw,5.5rem);letter-spacing:-.032em}
.ct-facts{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s6);margin:var(--s5) 0 0;font-family:var(--f-sans)}
.ct-facts dt{font-size:var(--t-label);font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ct-facts dd{margin:0;font-family:var(--f-display);font-size:1.5rem}
.ct-facts dd a{display:inline-flex;align-items:center;min-inline-size:44px;min-block-size:44px;justify-content:center;color:var(--brand)}
@media (min-width:800px){.ct-g{grid-template-columns:auto minmax(0,1fr);gap:var(--s7);align-items:center}}

/* ---------- archive ---------- */
.av-issues{padding-block-end:var(--s6)}
.av-issues .h-small{padding-block-end:var(--s2);border-block-end:1px solid var(--ink);margin-block-end:var(--s4)}
.av-shelf{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.av-shelf a{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--s3);align-items:center;text-decoration:none;color:var(--ink);padding:var(--s2);border:1px solid var(--rule);background:var(--card);min-block-size:44px}
.av-c{grid-row:span 2;display:block}
.av-t{font-family:var(--f-display);font-size:1.125rem;line-height:1.2;align-self:end}
.av-s{font-family:var(--f-sans);font-size:var(--t-label);color:var(--muted);align-self:start}
.av-shelf a:hover{border-color:var(--brand)}.av-shelf a:hover .av-t{color:var(--brand)}
@media (min-width:1000px){.av-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:519.98px){.av-shelf{grid-template-columns:minmax(0,1fr)}}
.av-main{padding-block-start:var(--s5)}
.av-filters{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));padding:var(--s4);background:var(--card);border:1px solid var(--ink)}
.av-q{grid-column:1/-1}
@media (min-width:1100px){.av-filters{grid-template-columns:2fr repeat(4,1fr)}.av-q{grid-column:auto}}
.av-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s3);margin-block:var(--s5);padding-block-end:var(--s3);border-block-end:1px solid var(--ink);font-family:var(--f-sans);font-size:var(--t-small);color:var(--muted)}
.seg{display:flex}
.seg .chip+.chip{border-inline-start:0}
.av-res.is-list{display:grid}
.av-res.is-list .av-item{border-block-end:1px solid var(--rule);padding-block:var(--s4)}
.av-res.is-list .pc{border:0;padding:0;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.av-res.is-list .pc-b{display:grid;grid-template-columns:200px minmax(0,1fr) 220px;column-gap:var(--s5);align-items:start}.av-res.is-list .pc-k{grid-row:1/4}.av-res.is-list .pc-t,.av-res.is-list .pc-by,.av-res.is-list .pc-s{grid-column:2}.av-res.is-list .pc-m{grid-column:3;grid-row:1/4;flex-direction:column;align-items:flex-end;margin:0}.av-res.is-list .pc-t{margin-block-start:0}}
.av-res.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:var(--s6) var(--s5)}
.av-item[hidden]{display:none}
.av-empty{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}
.av-empty[hidden]{display:none}

/* ---------- reading list ---------- */
.rl-g{display:flex;justify-content:space-between;align-items:end;gap:var(--s5)}
.rl-icon svg{inline-size:clamp(64px,10vw,120px);block-size:auto;fill:none;stroke:var(--brand);stroke-width:.8}
.rl-w{max-inline-size:calc(960px + var(--gutter)*2)}
.rl-list{list-style:none;padding:0;border-block-start:1px solid var(--ink)}
.rl-item{display:grid;grid-template-columns:2.6em minmax(0,1fr);gap:var(--s2) var(--s4);padding-block:var(--s5);border-block-end:1px solid var(--rule)}
.rl-n{font-family:var(--f-display);font-size:1.75rem;line-height:1;color:var(--brand)}
.rl-t{font-size:1.75rem;line-height:1.12}
.rl-t a{text-decoration:none}.rl-t a:hover{text-decoration:underline;text-decoration-thickness:1px;color:var(--ink)}
.rl-by{font-family:var(--f-sans);font-size:var(--t-small);color:var(--muted);margin-block-start:var(--s2)}
.rl-act{grid-column:2;display:flex;flex-wrap:wrap;gap:6px}
@media (min-width:860px){.rl-item{grid-template-columns:2.6em minmax(0,1fr) auto;align-items:center}.rl-act{grid-column:3}}

/* ---------- shop ---------- */
.sh-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:var(--s6) var(--s5)}
.sh-item{display:grid;align-content:start;gap:var(--s4);scroll-margin-block-start:96px}
.sh-cov{display:block;box-shadow:0 1px 0 var(--ink),10px 12px 0 rgba(26,24,20,.08)}
.sh-item.is-sold .sh-cov{opacity:.55}
.sh-b{display:grid;gap:var(--s2);border-block-start:3px solid var(--brand);padding-block-start:var(--s3)}
.sh-t{font-size:1.375rem;line-height:1.15}
.sh-t a{text-decoration:none}.sh-t a:hover{text-decoration:underline;text-decoration-thickness:1px;color:var(--ink)}
.sh-m{font-family:var(--f-sans);font-size:var(--t-small);color:var(--muted)}
.sh-buy{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;margin-block-start:var(--s2)}
.sh-co{margin-block-start:var(--s8);padding-block-start:var(--s5);border-block-start:1px solid var(--ink);scroll-margin-block-start:96px}
.sh-co h2{margin-block-end:var(--s4)}
.sh-co-g{display:grid;gap:var(--s6)}
@media (min-width:900px){.sh-co-g{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}
.sh-lines{list-style:none;padding:0;border-block-start:1px solid var(--ink);font-family:var(--f-sans)}
.sh-lines li{display:flex;justify-content:space-between;padding-block:var(--s3);border-block-end:1px solid var(--rule)}
.sh-total{margin-block-start:var(--s3);font-family:var(--f-sans)}

/* ---------- subscribe ---------- */
.sb-head{padding-block:clamp(28px,4vw,56px) clamp(32px,5vw,64px)}
.sb-g{display:grid;gap:var(--s6);align-items:center}
.sb-fan{position:relative;inline-size:min(100%,380px);aspect-ratio:1/1;justify-self:center}
.sb-c{position:absolute;inline-size:52%;box-shadow:0 1px 0 var(--ink),8px 10px 0 rgba(26,24,20,.08)}
.sb-c1{inset-inline-start:24%;inset-block-start:4%;z-index:3}
.sb-c2{inset-inline-start:0;inset-block-start:14%;z-index:2}
.sb-c3{inset-inline-end:0;inset-block-start:14%;z-index:1}
@media (min-width:900px){.sb-g{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
@media (max-width:599.98px){.sb-fan{display:none}}
.sb-compare th:not(:first-child){min-inline-size:150px}
@media (max-width:719.98px){.sb-compare thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}.sb-compare tr{display:block;border-block-end:1px solid var(--ink)}.sb-compare tbody th{display:block;background:var(--paper-2);border:0}.sb-compare td{display:grid;grid-template-columns:minmax(0,9em) minmax(0,1fr);gap:var(--s3);border-block-end:1px solid var(--rule)}.sb-compare td::before{content:attr(data-label);font-family:var(--f-sans);font-size:var(--t-label);font-weight:650;color:var(--muted)}}
.sb-form-g{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6);margin-block-start:var(--s7)}
@media (min-width:1000px){.sb-form-g{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}}
.sb-tiers{display:grid;gap:var(--s2)}
@media (min-width:700px){.sb-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sb-tier{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3);border:1px solid var(--rule);background:#fff;cursor:pointer;min-block-size:44px;font-family:var(--f-sans)}
.sb-tier:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.sb-tier strong{display:block;font-size:1rem}
.sb-tier span span{display:block;font-size:var(--t-label);color:var(--muted)}
.sb-gift{display:grid;gap:var(--s4);padding:var(--s4);background:var(--paper);border:1px dashed var(--muted)}
.sb-gift[hidden]{display:none}
.gift-preview{background:#fff;padding:var(--s4);border-inline-start:3px solid var(--brand);font-style:italic}
.gift-preview .kicker{font-style:normal}
.sb-side{padding:var(--s5);background:var(--night);color:var(--on-night);scroll-margin-block-start:96px}
.sb-side .h-small{color:var(--on-night-2);margin-block-end:var(--s3)}
.sb-side p{font-size:1.0625rem}
.sb-side .btn--ghost{color:#fff;border-color:#fff}
.sb-side .btn--ghost:hover{background:#fff;color:var(--ink)}
.sb-side .small-status{color:#CFE3C9}
.sb-side :focus-visible{outline-color:#fff}

/* ---------- pitch ---------- */
.pt-head{padding-block:clamp(28px,4vw,56px) clamp(32px,5vw,64px)}
.pt-hg{display:grid;gap:var(--s6);align-items:end}
.pt-ph picture,.pt-ph img{aspect-ratio:3/2;object-fit:cover}
@media (min-width:900px){.pt-hg{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s8)}}
.pt-g{display:grid;gap:var(--s7)}
@media (min-width:1000px){.pt-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8);align-items:start}.pt-acc{position:sticky;inset-block-start:96px}}
.pt-acc{border-block-start:1px solid var(--ink)}
.pt-acc details{border-block-end:1px solid var(--rule)}
.pt-acc summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-block-size:56px;cursor:pointer;font-family:var(--f-display);font-size:1.375rem;list-style:none}
.pt-acc summary::-webkit-details-marker{display:none}
.pt-acc summary::after{content:"+";font-family:var(--f-sans);font-size:1.5rem;color:var(--brand)}
.pt-acc details[open] summary::after{content:"−"}
.pt-acc details p{padding-block-end:var(--s4);color:var(--ink-2);max-inline-size:60ch}

/* ---------- about ---------- */
.ab-head{padding-block:clamp(28px,4vw,56px) var(--s6)}
.ab-head h1{font-size:clamp(2.75rem,1.6rem + 4.6vw,6rem);max-inline-size:14ch;letter-spacing:-.035em;line-height:.98}
.ab-g{display:grid;gap:var(--s7)}
.ab-text{max-inline-size:64ch}
.ab-text p:not(.lede){font-size:1.1875rem;line-height:1.7;color:var(--ink-2)}
.ab-text .lede{margin-block:0 var(--s5);color:var(--ink)}
.ab-side{display:grid;gap:var(--s6);align-content:start}
.ab-side .ph picture,.ab-side .ph img{aspect-ratio:3/2;object-fit:cover}
.ab-mast .h-small{padding-block-end:var(--s2);border-block-end:1px solid var(--ink)}
.ab-list{list-style:none;padding:0}
.ab-list li{display:flex;justify-content:space-between;gap:var(--s3);padding-block:var(--s3);border-block-end:1px solid var(--rule)}
.ab-list li span:first-child{font-family:var(--f-display);font-size:1.25rem}
.ab-list li span:last-child{font-family:var(--f-sans);font-size:var(--t-small);color:var(--muted)}
@media (min-width:1000px){.ab-g{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--s8)}}
.ab-issues{background:var(--card);border-block-start:1px solid var(--rule)}

/* ---------- contact ---------- */
.cn-g{display:grid;gap:var(--s6)}
.cn-card{padding:var(--s5);background:var(--brand);color:#fff;align-self:start}
.cn-card .h-small{color:#fff;margin-block-end:var(--s3)}
.cn-card address{font-style:normal;font-family:var(--f-display);font-size:1.5rem;line-height:1.3}
.cn-mail{list-style:none;padding:0;margin-block-start:var(--s4)}
.cn-mail a{display:inline-flex;align-items:center;min-block-size:44px;color:#fff;font-family:var(--f-sans);font-size:1rem;overflow-wrap:anywhere}
.cn-card :focus-visible{outline-color:#fff}
@media (min-width:900px){.cn-g{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--s7)}}

/* ---------- letters ---------- */
.lt-head{padding-block:clamp(28px,4vw,56px) clamp(32px,5vw,64px)}
.lt-hg{display:grid;gap:var(--s6);align-items:end}
.lt-ph picture,.lt-ph img{aspect-ratio:3/2;object-fit:cover}
@media (min-width:900px){.lt-hg{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s8)}}
.lt-g{display:grid;gap:var(--s6)}
.lt-form{background:#FFFDF8}
.lt-form textarea{background:repeating-linear-gradient(#fff 0 31px,#E8E0D0 31px 32px);line-height:32px;padding-block:4px}
@media (min-width:1000px){.lt-g{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--s7);align-items:start}}
.lt-side .h-small{padding-block-end:var(--s2);border-block-end:1px solid var(--ink)}
.lt-list{list-style:none;padding:0}
.lt-list a{display:grid;gap:2px;padding-block:var(--s3);border-block-end:1px solid var(--rule);text-decoration:none;min-block-size:44px}
.lt-l-t{font-family:var(--f-display);font-size:1.1875rem;line-height:1.2}
.lt-l-m{font-family:var(--f-sans);font-size:var(--t-label);color:var(--muted)}
.lt-list a:hover .lt-l-t{color:var(--brand);text-decoration:underline;text-decoration-thickness:1px}

/* ---------- not found ---------- */
.nf{padding-block:clamp(48px,8vw,128px)}
.nf-g{display:grid;gap:var(--s6);align-items:center}
.nf h1{font-size:clamp(2.75rem,1.6rem + 4.6vw,6rem);letter-spacing:-.035em;line-height:.98;max-inline-size:14ch}
.nf-mark{color:var(--brand);justify-self:center}
.nf-mark svg{inline-size:clamp(120px,22vw,280px);block-size:auto}
@media (min-width:800px){.nf-g{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}

/* ---------- credits ---------- */
.cr-table td{font-size:1rem}
.cr-th{inline-size:112px}
.cr-th picture,.cr-th img{inline-size:96px;block-size:64px;object-fit:cover}
.cr-table a{display:inline-flex;align-items:center;min-block-size:44px}
.cr-g{display:grid;gap:var(--s5);margin-block-start:var(--s6)}
.cr-g p{margin-block-start:var(--s2);color:var(--ink-2)}
@media (min-width:800px){.cr-g{grid-template-columns:1fr 1fr}}
@media (max-width:639.98px){.cr-table thead{display:none}.cr-table tr{display:grid;grid-template-columns:96px minmax(0,1fr);border-block-end:1px solid var(--ink)}.cr-table td{border:0;padding:6px 10px}.cr-table td:first-child{grid-row:span 4}}

/* ---------- forms demo ---------- */
.fd-g{display:grid;gap:var(--s6)}
.fd-side{display:grid;gap:var(--s3);align-content:start}
.fd-side .h-small{margin-block-start:var(--s4)}
.fd-side .btn-row{margin-block-start:0}
.badge-row{display:flex;flex-wrap:wrap;gap:var(--s2)}
@media (min-width:1000px){.fd-g{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
:is(.cs-n,.sc-row-h,.sh-t,.rl-t,.av-item h2,.av-item h3) a{display:inline-block;padding-block:9px}
h2.sh-t a{padding-block:10px}
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}