.article{display:flex;flex-direction:column;gap:var(--space-8);padding-bottom:var(--space-9)}.article__frame{position:relative;width:100%;aspect-ratio:21/9;overflow:hidden}.article__image{object-fit:cover}.article__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:0 var(--gutter);text-align:center}.article__title{font-size:var(--text-display);font-weight:400;line-height:1.05;letter-spacing:-.02em}.article__meta{font-family:var(--font-sans);font-size:var(--text-small);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted)}.article__body{display:flex;flex-direction:column;gap:var(--space-5);width:100%;max-width:var(--measure);margin:0 auto;padding:0 var(--gutter)}.article__paragraph{font-size:var(--text-body);line-height:1.7;text-wrap:pretty}.article__heading{font-size:var(--text-heading);font-weight:400;line-height:1.2;letter-spacing:-.02em;margin-top:var(--space-4)}.article__quote{border-left:var(--border-frame) solid var(--color-ink);padding-left:var(--space-5);font-size:var(--text-lead);line-height:1.5}.article__list{padding-left:var(--space-5);font-size:var(--text-body);line-height:1.7}.article__figure{position:relative;width:160%;max-width:900px;margin-left:50%;transform:translateX(-50%);overflow:hidden}.article__figure-image{object-fit:cover}.article__nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:var(--space-5);gap:var(--space-5);width:100%;max-width:var(--max-content);margin:0 auto;padding:var(--space-8) var(--gutter) 0;border-top:var(--border-hair) solid var(--color-hairline);font-size:var(--text-small)}.article__nav-slot{display:flex;min-height:44px;align-items:center}.article__nav-slot--right{justify-content:flex-end}.article__nav-back,.article__nav-link{display:flex;align-items:center;min-height:44px;color:var(--color-ink);text-decoration:none;transition:color var(--dur-state) var(--ease)}.article__nav-back:hover,.article__nav-link:hover{color:var(--color-ink-muted)}.article__nav-back{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;border-bottom:var(--border-hair) solid var(--color-ink);padding-bottom:var(--space-1)}@media (max-width:768px){.article__body,.article__header,.article__nav{padding-left:20px;padding-right:20px}.article__frame{aspect-ratio:4/5}.article__nav{grid-template-columns:1fr;justify-items:center;text-align:center}.article__nav-slot--right{justify-content:center}}