/* Narrative artwork · v0.9.0-rc.28 */
.narrative-art{max-width:1440px;margin:0 auto;padding:48px 0 64px;color:var(--off)}
.art-heading{max-width:880px;padding:0 0 36px}
.art-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:28px;color:var(--green);font-size:10px}
.art-heading h1{margin:16px 0 22px;font-size:clamp(36px,7vw,104px);font-weight:400;line-height:1;letter-spacing:-.055em}
.art-premise{max-width:44ch;margin:0;font-size:clamp(18px,2vw,27px);line-height:1.5;color:var(--off)}
.art-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:44px;align-items:start}
.art-figure{min-width:0;margin:0}
.art-image{position:relative;overflow:hidden;display:block;width:100%;padding:0;border:0;background:#17100d;cursor:zoom-in}
.art-image img{display:block;width:100%;height:auto;opacity:1}
.art-image:focus-visible,.narrative-art a:focus-visible{outline:2px solid var(--green);outline-offset:5px}
.art-figure figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding:16px 0;font-size:9px;line-height:1.6;color:var(--gray)}
.art-figure figcaption a{color:var(--green);min-height:28px}
.art-context{min-width:0;display:grid;grid-template-columns:1fr;gap:24px;margin:0;padding:20px 0 0;border-top:1px solid var(--gray)}
.art-context h2{margin:4px 0;font-size:10px;font-weight:400;color:var(--green);line-height:1.6}
.art-context p{max-width:68ch;margin:0;font-size:clamp(15px,1.3vw,18px);line-height:1.8}
.art-credits{display:grid;grid-template-columns:1fr;gap:24px;margin:32px 0 0}
.art-credits dt{margin-bottom:10px;font-size:9px;color:var(--gray)}
.art-credits dd{margin:0;font-size:11px;line-height:1.7}
.art-credits cite{font-style:normal}
.art-return{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--gray);margin-top:24px;padding-top:24px;color:var(--green);font-size:10px}
.art-return a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:980px){.art-layout{grid-template-columns:1fr;gap:24px}.art-context{padding-top:28px}.art-credits{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.narrative-art{padding:24px 0 40px}.art-back{margin-bottom:20px}.art-heading{padding-bottom:28px}.art-context{gap:20px;padding:28px 0}.art-credits{grid-template-columns:1fr 1fr}.art-credits>div:last-child{grid-column:1/-1}.art-figure figcaption{font-size:8px}.art-return{font-size:9px}}