.page--article{& .masthead{padding:clamp(18px,2.6vh,30px) 0 clamp(14px,2vh,21px)}& .nav{gap:clamp(14px,2.2vw,32px)}& .colophon{margin-top:clamp(34px,6vh,72px);padding:clamp(13px,2vh,18px) 0}& .kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);font-size:11px}& .meta{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}& .meta s{color:var(--rule);text-decoration:none}& figure{margin:0}& figcaption{font-family:var(--sans);color:var(--ink-3);border-top:1px solid var(--rule-soft);margin-top:10px;padding-top:9px;font-size:11.5px;line-height:1.5}& .chart{width:100%;height:auto;overflow:visible}& .chart .ax{font-family:var(--sans);fill:var(--ink-3);letter-spacing:.06em;font-size:11px}& .chart .sl{font-family:var(--sans);letter-spacing:-.002em;font-size:12px;font-weight:500}& .chart .vl{font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}& .clist{list-style:none}& .clist li{border-bottom:1px solid var(--rule-soft);grid-template-columns:2.5em 1fr;align-items:baseline;gap:14px;padding:clamp(10px,1.5vh,14px) 0;display:grid}& .clist li:first-child{border-top:1px solid var(--ink)}& .clist .n{font-family:var(--sans);color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px}& .clist .t{font-family:var(--sans);letter-spacing:-.006em;font-size:14.5px;font-weight:500;display:block}& .clist .d{font-family:var(--serif);color:var(--ink-2);margin-top:3px;font-size:14px;line-height:1.55;display:block}& .article{grid-template-columns:3.6em minmax(0,61ch) 1fr;column-gap:clamp(16px,2.2vw,38px);max-width:1280px;margin:0 auto;display:grid}& .article>*{grid-column:2}& .hero{grid-column:1/4;margin-top:clamp(20px,3vh,34px)}& .hero img{object-fit:cover;width:100%;height:clamp(210px,38vh,400px)}& .hero figcaption{max-width:70ch}& .head{grid-column:1/4;grid-template-columns:3.6em minmax(0,61ch) 1fr;column-gap:clamp(16px,2.2vw,38px);padding:clamp(26px,4.4vh,48px) 0 clamp(18px,2.8vh,28px);display:grid}& .head .kicker{grid-column:1;padding-top:9px}& .head .ttl{grid-column:2/4}& h1{letter-spacing:-.024em;text-wrap:balance;max-width:17ch;font-size:clamp(31px,3.9vw,50px);font-weight:500;line-height:1.06}& .stand{font-family:var(--serif);color:var(--ink-2);max-width:46ch;margin-top:clamp(15px,2.3vh,24px);font-size:clamp(16px,1.42vw,20px);line-height:1.58}& .head .meta{border-top:1px solid var(--rule);max-width:480px;margin-top:clamp(16px,2.5vh,26px);padding-top:clamp(13px,1.9vh,18px)}& .body p{font-family:var(--serif);color:var(--body);margin-top:1.12em;font-size:17px;line-height:1.75}& .body p.first{margin-top:0;font-size:19px;line-height:1.66}& .sec{grid-column:1/4;grid-template-columns:3.6em minmax(0,61ch) 1fr;column-gap:clamp(16px,2.2vw,38px);margin-top:clamp(36px,5.8vh,62px);display:grid}& .sec .n{color:var(--ink-3);font-variant-numeric:tabular-nums;border-top:1px solid var(--ink);grid-column:1;padding-top:5px;font-size:11px}& .sec .h{border-top:1px solid var(--ink);grid-column:2;padding-top:5px}& .sec h2{letter-spacing:-.002em;color:var(--ink);font-size:15px;font-weight:600}& .sec .body{grid-column:2;margin-top:clamp(13px,2vh,20px)}& .fig{grid-column:2/4;margin-top:clamp(30px,4.8vh,54px)}& .fig figcaption{max-width:62ch}& .pull{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-column:2/4;margin-top:clamp(36px,5.8vh,62px);padding:clamp(18px,2.7vh,26px) 0}& .pull p{font-family:var(--serif);letter-spacing:-.011em;text-wrap:balance;max-width:24ch;font-size:clamp(20px,2.1vw,29px);font-style:italic;line-height:1.32}& .clist{margin-top:clamp(16px,2.4vh,22px)}& .body :is(p,li){overflow-wrap:anywhere}& .body ul{margin-top:1.12em;padding-left:1.15em}& .body li{font-family:var(--serif);color:var(--body);font-size:17px;line-height:1.75}& .body li+li{margin-top:.5em}& .body li::marker{color:var(--ink-3)}& .body h3{letter-spacing:-.002em;color:var(--ink);margin-top:1.9em;font-size:15px;font-weight:600}& .body h3+p{margin-top:.5em}& .body p.sep{color:var(--ink-3);letter-spacing:.2em}& .body .pull{margin-top:clamp(28px,4.4vh,46px);margin-bottom:clamp(6px,1vh,12px)}& .pull.epi{margin-top:0}& .pull.epi+.body{margin-top:clamp(26px,4vh,40px)}& .pull .cite{font-family:var(--sans);color:var(--ink-3);text-wrap:balance;max-width:72ch;margin-top:10px;font-size:11.5px;line-height:1.5;display:block}& .orig{color:var(--ink-3);margin-top:clamp(30px,4.8vh,54px);font-size:12px;line-height:1.5}& :is(.orig,.body,.pull,.stand) a{color:var(--ink-2);border-bottom:1px solid var(--rule);padding-bottom:1px;transition:color .18s,border-color .18s}& :is(.orig,.body,.pull,.stand) a:hover{color:var(--ink);border-bottom-color:var(--ink)}& :is(.body,.pull,.stand) a{overflow-wrap:anywhere}& figure img{width:100%}& .cover+:is(.body,.pull){margin-top:clamp(26px,4vh,40px)}& .body figure{margin-top:clamp(28px,4.4vh,46px);margin-bottom:clamp(6px,1vh,12px)}& .body>figure:first-child{margin-top:0}& .endnav{border-top:1px solid var(--rule);flex-wrap:wrap;grid-column:1/4;justify-content:space-between;gap:20px;margin-top:clamp(38px,6vh,66px);padding-top:clamp(15px,2.2vh,21px);display:flex}& .endnav .b{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid #0000;padding-bottom:2px;font-size:12px;transition:color .18s,border-color .18s}& .endnav .b:hover{color:var(--ink);border-bottom-color:var(--ink)}@media (width<=880px){& .article,& .head,& .sec{grid-template-columns:1fr}& .article>*,& .hero,& .head,& .sec,& .fig,& .pull,& .orig,& .endnav,& .head .kicker,& .head .ttl,& .sec .n,& .sec .h,& .sec .body{grid-column:1}& .sec .n{border-top:0;margin-bottom:6px;padding-top:0}& .head{padding-top:clamp(20px,3.4vh,34px)}}}