/* nov05a: Culture, Realized. editorial system (archive + article template). Extends site.css tokens; no new colors. */
.cr-page{--cr-measure:46rem;--cr-wide:70rem;--cr-body:clamp(1.125rem,1.05rem + .35vw,1.3125rem)}
.cr-page p,.cr-page li,.cr-page figcaption{text-wrap:pretty}
.cr-page h1,.cr-page h2,.cr-page h3{text-wrap:balance}

/* reading progress */
.cr-prog{position:fixed;left:0;top:0;height:3px;width:100%;z-index:30;background:transparent;pointer-events:none}
.cr-prog>span{display:block;height:100%;width:100%;background:var(--yellow);transform:scaleX(0);transform-origin:0 50%}
@media (prefers-reduced-motion:reduce){.cr-prog{display:none}}

/* ---------- Masthead (archive) ---------- */
.crm{background:var(--ink);color:var(--paper);padding:clamp(56px,8vw,128px) 0 clamp(48px,6vw,96px);position:relative;overflow:hidden}
.crm .wrap{display:grid;gap:clamp(20px,2.4vw,32px)}
.cr-kick{font:700 .8125rem/1.2 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);margin:0;display:block}
.cr-kick a,.cr-kick span{display:inline;white-space:nowrap}
.cr-kick .dim{margin-left:.6em}
.cr-kick a{color:inherit;text-decoration:none}
.cr-kick a:hover,.cr-kick a:focus-visible{text-decoration:underline;text-underline-offset:.35em}
.cr-kick .dim{color:var(--ash)}
.crm-h1{margin:0;font:700 clamp(3.4rem,11vw,10.5rem)/.9 var(--display);text-transform:uppercase;letter-spacing:-.015em}
.crm-h1 .y{color:var(--yellow)}
.crm-line{margin:0;font:500 clamp(1.4rem,2.6vw,2.4rem)/1.15 var(--display);letter-spacing:-.005em;max-width:22ch}
.crm-sub{margin:0;font:400 clamp(1.0625rem,1.3vw,1.25rem)/1.5 var(--body);color:var(--ash);max-width:46ch}
.crm-by{margin:0;display:flex;align-items:center;gap:14px;font:500 .875rem/1.3 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--paper)}
.crm-by img{width:44px;height:44px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.crm-by b{font-weight:700}
.crm-by span{color:var(--ash)}

/* ---------- Featured issue (archive) ---------- */
.crf{padding:clamp(48px,6vw,96px) 0}
.crf .wrap{display:grid;gap:clamp(24px,3vw,40px)}
.crf-grid{display:grid;gap:clamp(24px,3vw,48px);align-items:center}
@media (min-width:901px){.crf-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.crf-cover{margin:0;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ink)}
.crf-cover img{width:100%;height:100%;object-fit:cover;display:block}
.crf-cover a{display:block;height:100%}
.crf-n{position:absolute;right:clamp(14px,2vw,28px);top:clamp(10px,1.6vw,22px);font:700 clamp(2rem,5vw,4.5rem)/1 var(--display);color:var(--yellow);mix-blend-mode:normal}
.crf-t{display:grid;gap:clamp(12px,1.4vw,18px)}
.cr-k{font:700 .8125rem/1.2 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin:0}
.cr-k .y{color:var(--yellow);background:var(--ink);padding:.15em .45em;margin-right:.6em}
.crf-h{margin:0;font:700 clamp(2.4rem,5.4vw,5rem)/.95 var(--display);text-transform:uppercase;letter-spacing:-.01em}
.crf-h a{color:inherit;text-decoration:none}
.crf-h a:hover .hl2,.crf-h a:focus-visible .hl2{background-size:100% 100%}
.crf-d{margin:0;font:500 clamp(1.125rem,1.6vw,1.5rem)/1.3 var(--display);letter-spacing:-.005em;max-width:30ch}
.crf-s{margin:0;font-size:var(--cr-body);line-height:1.55;max-width:48ch;color:var(--ink)}
.cr-meta{margin:0;font:500 .8125rem/1.4 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cr-meta i{font-style:normal;color:var(--ink);padding:0 .35em}
.crf-cta{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:6px}
.crf-cta .btn-ink{display:inline-flex}

/* ---------- Archive list ---------- */
.cra{background:var(--mist);padding:clamp(48px,6vw,96px) 0}
.cra .wrap{display:grid;gap:clamp(22px,2.6vw,36px)}
.cra-h{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1.5px solid var(--ink);padding-bottom:14px}
.cra-h h2{margin:0;font:700 clamp(1.6rem,3vw,2.6rem)/1 var(--display);text-transform:uppercase;letter-spacing:-.005em}
.cra-h p{margin:0;font:500 .8125rem/1.3 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cra-list{list-style:none;margin:0;padding:0;display:grid;gap:clamp(18px,2vw,28px)}
@media (min-width:701px){.cra-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1101px){.cra-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cra-it a{display:grid;gap:14px;color:inherit;text-decoration:none}
.cra-img{margin:0;aspect-ratio:16/9;overflow:hidden;background:var(--ink)}
.cra-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.cra-it a:hover .cra-img img,.cra-it a:focus-visible .cra-img img{transform:scale(1.025)}
@media (prefers-reduced-motion:reduce){.cra-img img{transition:none}}
.cra-n{font:700 .8125rem/1.2 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0}
.cra-t{margin:0;font:700 clamp(1.5rem,2.2vw,2rem)/1 var(--display);text-transform:uppercase;letter-spacing:-.005em}
.cra-d{margin:0;font:400 1rem/1.45 var(--body);color:var(--muted)}
.cra-soon{border:1.5px dashed var(--muted);padding:clamp(18px,2vw,28px);display:grid;gap:8px;align-content:center;min-height:100%}
.cra-soon p{margin:0}

/* ---------- Author + subscribe (archive & article end) ---------- */
.crau{padding:clamp(48px,6vw,96px) 0}
.crau .wrap{display:grid;gap:clamp(24px,3vw,40px)}
.crau-grid{display:grid;gap:clamp(22px,3vw,48px);align-items:start}
@media (min-width:801px){.crau-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.crau-who{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2vw,28px);align-items:start}
.crau-who img{width:clamp(96px,12vw,160px);height:auto;aspect-ratio:1;object-fit:cover;filter:grayscale(1);border:1.5px solid var(--ink)}
.crau-who h3{margin:0 0 6px;font:700 clamp(1.4rem,2.2vw,2rem)/1 var(--display);text-transform:uppercase}
.crau-who p{margin:0 0 10px;font-size:1rem;line-height:1.5;color:var(--ink)}
.crau-who p:last-child{margin:0}
.crau-sub{border:1.5px solid var(--ink);padding:clamp(20px,2.4vw,32px);display:grid;gap:12px;align-content:start;background:var(--paper)}
.crau-sub h3{margin:0;font:700 clamp(1.4rem,2.2vw,2rem)/1 var(--display);text-transform:uppercase}
.crau-sub p{margin:0;font-size:1rem;line-height:1.5}
.crau-sub .btn{justify-self:start}
.crau-sub .btn-ink{display:inline-flex}

/* ---------- Quiet YW3 footer connection ---------- */
.crq{background:var(--mist);padding:clamp(28px,3.4vw,44px) 0}
.crq .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:baseline;justify-content:space-between}
.crq p{margin:0;font:500 .8125rem/1.4 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.crq nav{display:flex;flex-wrap:wrap;gap:10px 24px}
.crq nav a{font:500 .8125rem/1.4 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.35em}

/* ---------- Article hero ---------- */
.crh{background:var(--ink);color:var(--paper);padding:clamp(48px,7vw,112px) 0 clamp(40px,5vw,80px);overflow:hidden}
.crh .wrap{display:grid;gap:clamp(18px,2vw,28px)}
@media (min-width:1001px){.crh .wrap{grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:clamp(32px,4vw,64px)}.crh .crh-t{grid-column:1}.crh .crh-side{grid-column:2;grid-row:1/span 3;align-self:end}}
.crh-t{display:grid;gap:clamp(18px,2vw,28px)}
.crh p.cr-kick.crh-t{display:block}
.crh-h1{margin:0;font:700 clamp(2.9rem,8vw,6.9rem)/.92 var(--display);text-transform:uppercase;letter-spacing:-.015em}
.crh-h1 .y{color:var(--yellow)}
.crh-dek{margin:0;font:500 clamp(1.25rem,2.1vw,1.9rem)/1.2 var(--display);letter-spacing:-.005em;max-width:32ch;color:var(--paper)}
.crh-meta{margin:0;display:flex;flex-wrap:wrap;gap:8px 0;align-items:center;font:500 .8125rem/1.4 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--ash)}
.crh-meta b{color:var(--paper);font-weight:700}
.crh-meta i{font-style:normal;padding:0 .55em;color:var(--graphite)}
.crh-side{margin:0;display:grid;gap:10px;max-width:420px}
.crh-side img{width:100%;height:auto;display:block;filter:grayscale(1);border:1px solid var(--graphite)}
.crh-side figcaption{font:500 .75rem/1.4 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--ash)}
.crh-cover{margin:0;position:relative}
.crh-cover img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover;max-height:72vh}
@media (min-width:801px){.crh-cover img{aspect-ratio:21/9}}
@media (min-width:1001px){.crh-cover{grid-column:1/-1}}

/* ---------- Article body ---------- */
.crb{padding:clamp(40px,5vw,80px) 0 clamp(48px,6vw,96px)}
.crb .wrap{display:grid;gap:0}
.crb>.wrap>*{grid-column:1;max-width:var(--cr-measure);margin-inline:auto;width:100%}
.crb p{margin:0 0 1.25em;font-size:var(--cr-body);line-height:1.62}
.crb p.cr-dek-in{font:500 clamp(1.25rem,1.9vw,1.6rem)/1.3 var(--display);letter-spacing:-.005em;margin-bottom:1.6em}
.crb p.cr-open{font-size:clamp(1.25rem,1.7vw,1.5rem);line-height:1.5;font-weight:500}
.crb p.cr-open::first-letter{font:700 3.4em/0.8 var(--display);float:left;margin:.08em .12em 0 0;color:var(--ink)}
.crb a{color:inherit;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.22em;text-decoration-color:var(--yellow)}
.crb a:hover,.crb a:focus-visible{background:var(--yellow)}
.crb em{font-style:italic}
.crb .cr-h2{margin:clamp(40px,5vw,72px) auto clamp(18px,2vw,28px);padding-top:clamp(18px,2vw,28px);border-top:1.5px solid var(--ink);display:grid;gap:10px}
.crb .cr-h2 .n{font:700 .8125rem/1.2 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.crb .cr-h2 h2{margin:0;font:700 clamp(1.9rem,4vw,3.4rem)/.98 var(--display);text-transform:uppercase;letter-spacing:-.01em}
.crb .cr-h2 h2 .y{background:linear-gradient(transparent 24%,var(--yellow) 24%,var(--yellow) 86%,transparent 86%);padding:0 .08em;margin-left:-.08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.crb .cr-stand{font:700 clamp(1.4rem,2.6vw,2.3rem)/1.1 var(--display);text-transform:uppercase;letter-spacing:-.005em;margin:1.2em auto 1.4em}
.crb p.cr-thesis{font:500 clamp(1.35rem,2vw,1.75rem)/1.25 var(--display);letter-spacing:-.005em;margin:1.4em auto 1.6em;padding-left:clamp(18px,2vw,28px);border-left:6px solid var(--yellow)}
.crb p.cr-thesis .y{background:var(--yellow);padding:0 .12em}
.crb .cr-stand .y{color:var(--ink);background:var(--yellow);padding:0 .12em}

.crb p.cr-orn{text-align:center;letter-spacing:.8em;color:var(--muted);margin:1.6em auto 2em;font-size:1rem}

/* pull quote */
.crb .cr-pull{margin:clamp(28px,3.4vw,48px) auto;padding:0 0 0 clamp(18px,2vw,28px);border-left:6px solid var(--yellow);display:grid;gap:10px}
.crb .cr-pull p{margin:0;font:500 clamp(1.5rem,2.6vw,2.4rem)/1.12 var(--display);letter-spacing:-.005em}
.crb .cr-pull cite{font:500 .75rem/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--muted)}

/* wide modules */
.crb .cr-wide{max-width:var(--cr-wide);margin:clamp(32px,4vw,56px) auto}
.crb .cr-mod{display:grid;gap:clamp(16px,1.8vw,24px);padding:clamp(20px,2.6vw,36px);border:1.5px solid var(--ink);background:var(--paper)}
.crb .cr-mod.dk{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.crb .cr-mod .mk{margin:0;font:700 .8125rem/1.2 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.crb .cr-mod.dk .mk{color:var(--yellow)}
.crb .cr-mod .mh{margin:0;font:700 clamp(1.3rem,2.2vw,1.9rem)/1.05 var(--display);text-transform:uppercase;letter-spacing:-.005em;max-width:30ch}
.crb .cr-mod .mn{margin:0;font-size:.9375rem;line-height:1.5;color:var(--muted);max-width:60ch}
.crb .cr-mod.dk .mn{color:var(--ash)}
.cr-cmp{display:grid;gap:clamp(14px,1.6vw,22px);margin:0;padding:0;list-style:none}
@media (min-width:701px){.cr-cmp{grid-template-columns:repeat(var(--n,2),minmax(0,1fr))}}
.cr-cmp li{display:grid;gap:6px;padding-top:12px;border-top:1.5px solid currentColor;align-content:start}
.cr-cmp .l{font:500 .75rem/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cr-mod.dk .cr-cmp .l{color:var(--ash)}
.cr-cmp .v{font:700 clamp(2.2rem,4.2vw,3.8rem)/1 var(--display);letter-spacing:-.02em}
.cr-cmp .v.y{color:var(--yellow)}
.cr-cmp .v small{font-size:.42em;letter-spacing:0;font-weight:500;margin-left:.2em}
.cr-cmp .d{font-size:.9375rem;line-height:1.45;color:var(--muted)}
.cr-mod.dk .cr-cmp .d{color:var(--ash)}
.cr-cmp .d b{color:inherit}
.cr-cmp.ladder li{position:relative}
@media (min-width:701px){.cr-cmp.ladder{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}
.cr-cmp.ladder .v{font-size:clamp(1.8rem,3vw,2.7rem)}

/* figures */
.crb figure.cr-fig{margin:clamp(28px,3.4vw,48px) auto;display:grid;gap:12px}
.crb figure.cr-fig img{width:100%;height:auto;display:block;background:var(--mist)}
.crb figure.cr-fig figcaption{font:400 .875rem/1.5 var(--body);color:var(--muted);max-width:60ch}
.crb figure.cr-fig figcaption b{color:var(--ink);font-weight:500}
.crb .cr-fig2{display:grid;gap:clamp(14px,1.6vw,22px);align-items:start}
@media (min-width:701px){.crb .cr-fig2{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}
.crb .cr-fig2 img{width:100%;height:auto;display:block}
.crb .cr-fig2 .lab{display:grid;gap:12px;align-self:end}
.crb .cr-fig2 .lab img{max-width:280px;border:1.5px solid var(--ink)}

/* video (click to load) */
.cr-vid{margin:clamp(28px,3.4vw,48px) auto;display:grid;gap:12px}
.cr-vid .cr-vbox{position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.cr-vid .cr-vbox img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}
.cr-vid .cr-vbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cr-vid button.cr-play{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:0;cursor:pointer;display:grid;place-items:center;color:var(--ink)}
.cr-vid button.cr-play span{display:inline-flex;align-items:center;gap:12px;background:var(--yellow);color:var(--ink);font:700 .875rem/1 var(--display);letter-spacing:.16em;text-transform:uppercase;padding:14px 20px}
.cr-vid button.cr-play span::before{content:"";width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent var(--ink)}
.cr-vid button.cr-play:hover span,.cr-vid button.cr-play:focus-visible span{background:var(--paper)}
.cr-vid figcaption{font:400 .875rem/1.5 var(--body);color:var(--muted)}
.cr-vid figcaption b{color:var(--ink);font-weight:500}
.cr-vid .cr-vmissing{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--ash);font:500 .875rem/1.5 var(--body);letter-spacing:.08em;text-transform:uppercase}

/* notes / sources */
.cr-notes{max-width:var(--cr-measure);margin:clamp(40px,5vw,72px) auto 0;padding-top:clamp(18px,2vw,28px);border-top:1.5px solid var(--ink);display:grid;gap:14px}
.cr-notes h2{margin:0;font:700 .8125rem/1.2 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.cr-notes ol{margin:0;padding-left:1.4em;display:grid;gap:8px}
.cr-notes li{font-size:.9375rem;line-height:1.5;color:var(--ink)}
.cr-notes li a{text-decoration-color:var(--yellow)}
.cr-sig{max-width:var(--cr-measure);margin:clamp(28px,3vw,44px) auto 0;font:500 .9375rem/1.5 var(--body);color:var(--muted)}
.cr-sig em{font-style:italic}

/* ---------- End of article ---------- */
.cre{background:var(--ink);color:var(--paper);padding:clamp(40px,5vw,80px) 0}
.cre .wrap{display:grid;gap:clamp(24px,3vw,40px)}
.cre-grid{display:grid;gap:clamp(18px,2.4vw,36px)}
@media (min-width:801px){.cre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cre-card{display:grid;gap:10px;align-content:start;padding-top:14px;border-top:1.5px solid var(--graphite);color:var(--paper);text-decoration:none}
.cre-card .k{font:700 .8125rem/1.2 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--yellow)}
.cre-card .t{font:700 clamp(1.4rem,2.2vw,2rem)/1 var(--display);text-transform:uppercase;letter-spacing:-.005em}
.cre-card .d{font-size:.9375rem;line-height:1.5;color:var(--ash)}
a.cre-card:hover .t,a.cre-card:focus-visible .t{text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:.15em;text-decoration-thickness:3px}
.cre-card.dis{opacity:.55}

/* generic */
.cr-page .btn-y{background:var(--yellow);color:var(--ink);border-color:var(--yellow);display:inline-flex}
.cr-page .btn-y:hover,.cr-page .btn-y:focus-visible{background:var(--paper);border-color:var(--paper)}
.cr-page .btn-line{display:inline-flex;background:transparent;color:var(--paper);border:2px solid var(--paper)}
.cr-page .btn-line:hover,.cr-page .btn-line:focus-visible{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.on-dark .text-link{color:var(--paper)}
@media (max-width:700px){.cr-page .btn{width:100%}}

/* nov05a: no floating Brief Us pill over the reading column on Culture, Realized pages (phone); the header button stays */
.cr-page ~ .m-brief-nav,.m-brief-nav:has(~ .cr-page),body:has(.cr-page) .m-brief,body:has(.cr-page) .m-brief-nav{display:none!important}