@font-face{font-family:KubikiEditorial;src:url('geist-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:KubikiEditorial;src:url('geist-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:KubikiEditorialMono;src:url('geist-mono.ttf') format('truetype');font-weight:400;font-display:swap}
/* Local typography study: the standardized intro, artwork and footer are unchanged. */
.story-caption{scroll-margin-top:48px;width:calc(100% - 48px);max-width:1226px;margin:0 auto 72px;display:grid;grid-template-columns:40px minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:start;font-family:KubikiEditorial,Arial,sans-serif}
.story-caption .caption-number{padding-top:6px;color:#909090;font:400 12px/1.5 KubikiEditorialMono,monospace;letter-spacing:.07em;font-variant-numeric:tabular-nums}
.story-caption h2{margin:0;font:400 30px/1.12 KubikiEditorial,Arial,sans-serif;letter-spacing:-.035em;text-transform:none;color:#f5f5f5;text-wrap:balance}
.story-caption .caption-copy{max-width:64ch;min-width:0}
.story-caption p{font:400 16px/1.55 KubikiEditorial,Arial,sans-serif;color:#a8a8a8;letter-spacing:0;text-wrap:pretty}
.story-caption p+p{margin-top:16px}
.story-caption strong{font-weight:500;color:#ededed}
.prototype-label{font:400 12px/1.5 KubikiEditorialMono,monospace;color:#969696;letter-spacing:.01em}
@media(max-width:900px){.story-caption{grid-template-columns:32px minmax(0,1fr);column-gap:20px;row-gap:24px;max-width:720px}.story-caption .caption-copy{grid-column:2}.story-caption h2{max-width:24ch}}
@media(max-width:700px){.story-caption{width:calc(100% - 48px);margin:0 auto 44px;grid-template-columns:24px minmax(0,1fr);column-gap:16px;row-gap:20px}.story-caption h2{font-size:26px;line-height:1.15;letter-spacing:-.025em}.story-caption p{font-size:16px;line-height:1.55}.story-caption .caption-number{padding-top:4px;font-size:11px}.prototype-label{width:calc(100% - 32px)}}
