/* Layout only: shared v2 components and typography live in system.css. */
.shell{width:calc(100% - 2 * var(--pad));max-width:var(--wide);margin-inline:auto}
.home-cover{padding-block:var(--s5);min-height:calc(100svh - var(--nav-height));display:flex;flex-direction:column;justify-content:center;gap:var(--s4)}
.statement{text-align:center}
.statement>p{margin:0}
.statement h1{margin:var(--s3) 0 var(--s4)}
.work-index{padding:var(--s3) var(--s4)}
.work-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}
.work-heading h2{margin:0}
.work-row{display:grid;grid-template-columns:160px 1fr auto;gap:var(--s3);align-items:center;padding-block:var(--s2)}
.all{display:inline-block;margin-top:var(--s3)}
.feature{padding-block:var(--s4) var(--s6)}
.feature-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);align-items:center;padding:var(--s4);overflow:hidden}
.portrait-frame{align-self:stretch;display:flex;align-items:end;justify-content:center}
.portrait-frame img{width:100%;max-width:360px;height:auto}
.feature-copy{padding-right:var(--s3)}
.feature-copy h2{margin-block:var(--s3) var(--s4)}
.editorial{margin-block:var(--s4) var(--s5)}
.article-cover{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto;gap:0 var(--s4);padding:var(--s5) var(--s5) 0;border-bottom:1px solid var(--line)}
.article-title h1{margin:var(--s3) 0}
.article-title>p{margin-block:0 var(--s3)}
.article-portrait{grid-column:2;grid-row:1/3;align-self:end}
.article-portrait img{width:100%;height:auto}
.article-deck{margin:0;padding-block:var(--s3) var(--s4)}
.article-body{padding:var(--s5) var(--s4) var(--s6)}
.article-body>.reading,.qa{max-width:var(--read);margin-inline:auto}
.lead{padding-bottom:var(--s4)}
.lead p{margin:0 0 var(--s3)}
.qa{padding-block:var(--s3)}
.qa h2{margin:var(--s4) 0}
.q{margin:var(--s4) 0 var(--s2)}
.a p{margin:0 0 var(--s3)}
.ending{padding-top:var(--s5)}
.related{display:flex;align-items:center;gap:var(--s4);margin-top:var(--s4);padding:var(--s3) var(--s4)}
.related h2{margin:0 auto 0 0}
@media(max-width:900px){
.home-cover{padding-block:var(--s3);gap:var(--s3)}
.statement h1{margin-block:var(--s2) var(--s3)}
.work-index{padding:var(--s2) var(--s3)}
.work-row{grid-template-columns:1fr auto;padding-block:var(--s1);gap:var(--s2)}
.work-row>span:nth-child(2){display:none}
.all{margin-top:var(--s2)}
.feature{padding-block:var(--s3) var(--s5)}
.feature-card{grid-template-columns:1fr;gap:var(--s3);padding:var(--s3)}
.portrait-frame img{max-width:240px}
.feature-copy{padding:0}
.feature-copy h2{margin-block:var(--s2) var(--s3)}
.editorial{margin-top:var(--s3)}
.article-cover{grid-template-columns:1fr;padding:var(--s4) var(--s3) 0;gap:0}
.article-portrait{grid-column:1;grid-row:3;max-width:300px;justify-self:center}
.article-title h1{margin-block:var(--s2) var(--s3)}
.article-deck{padding-top:0}
.article-body{padding:var(--s4) var(--s3) var(--s5)}
.qa h2{margin-block:var(--s3)}
.related{flex-wrap:wrap;gap:var(--s2);padding:var(--s3)}
.related h2{width:100%}
}
@media print{.home-cover{min-height:0}.shell{width:100%}.article-body{padding:var(--s3)}.related,.feature{display:none}.qa{break-inside:auto}.qa h2,.q{break-after:avoid}}