.story-header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem max(5vw, 2rem); border-bottom: 1px solid var(--line); }
.story-brand { display: inline-flex; align-items: center; gap: .7rem; font: 700 .85rem/1.1 var(--sans); letter-spacing: .08em; }
.story-brand img { width: 2.8rem; height: 2.8rem; object-fit: contain; }
.story-back { font-size: .85rem; font-weight: 700; }
.story-back:hover, .story-footer a:hover { color: var(--cherry); }
.story-lead { max-width: 72rem; margin: auto; padding: clamp(5rem, 9vw, 9rem) 1.5rem 5rem; }
.story-kicker { margin: 0 0 2rem; color: var(--cherry); font: 700 .8rem var(--sans); letter-spacing: .16em; }
.story-lead h1 { max-width: 17em; margin: 0; font-size: clamp(2.2rem, 5.2vw, 5.2rem); line-height: 1.35; letter-spacing: -.06em; }
.story-lead h1 small { display: block; margin-top: 1.5rem; font-size: .48em; font-weight: 700; line-height: 1.55; letter-spacing: -.03em; }
.story-deck { margin: 2.5rem 0 0; color: var(--muted); font-size: clamp(1rem, 1.5vw, 1.25rem); }
.story-author { margin: 1.8rem 0 0; font-size: .9rem; font-weight: 700; }
.story-body { max-width: 48rem; margin: auto; padding: 3rem 1.5rem 8rem; border-top: 1px solid var(--line); }
.story-body > p { margin: 0 0 2.15rem; font-size: clamp(1rem, 1.15vw, 1.1rem); line-height: 2.15; }
.story-body blockquote { margin: 4rem 0; padding: 1.8rem 1.5rem; border-left: .3rem solid var(--cherry); color: var(--cherry-deep); font-size: clamp(1.35rem, 2.4vw, 2rem); font-weight: 700; line-height: 1.8; }
.story-body blockquote p { margin: 0; }
.story-body .story-last { margin-top: 3.5rem; font-weight: 700; }
.story-footer { display: flex; justify-content: space-between; gap: 2rem; padding: 3rem max(5vw, 2rem); border-top: 1px solid var(--line); font-weight: 700; }
.story-copyright { padding: 1rem max(5vw, 2rem) 2rem; color: var(--muted); font: 700 .75rem var(--sans); letter-spacing: .1em; }
@media (max-width: 600px) { .story-header { padding: .8rem 1.25rem; } .story-brand img { width: 2.2rem; height: 2.2rem; } .story-back { font-size: .72rem; } .story-lead { padding: 4rem 1.25rem 3.5rem; } .story-body { padding: 2rem 1.25rem 5rem; } .story-footer { flex-direction: column; padding: 2rem 1.25rem; } }
