/* Story columns share one frame; the media row starts with the main heading. */
.o-forfun-page .split{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:0 32px;padding:32px;border:1px solid var(--line);background:#0a0a0a}
.o-forfun-page .story-label{grid-column:1;grid-row:1;margin:0}
.o-forfun-page .split-copy{grid-column:1;grid-row:2;min-width:0;padding:0}
.o-forfun-page .split-copy h2{margin:0 0 20px;font-size:clamp(44px,5.9vw,76px);line-height:.88}
.o-forfun-page .split-media{grid-column:2;grid-row:2;min-width:0;align-self:end}
.o-forfun-page .story-photo-caption{margin:0 0 12px;color:var(--muted);font:400 15px/1.5 Montserrat,sans-serif}
.o-forfun-page .story-photo-stack{display:grid;gap:24px}
/* Only the new photo may lose its lower edge; its image always keeps natural proportions. */
.o-forfun-page .story-photo-last{height:var(--story-photo-height,auto);overflow:hidden}
.o-forfun-page .split-media img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.o-forfun-page .closing-line{margin:18px 0 0}
.o-forfun-page .closing-line strong{display:block;font:900 clamp(18px,2.2vw,30px)/1 "Barlow Condensed",sans-serif;letter-spacing:-.03em;text-transform:uppercase}
.o-forfun-page .closing-white{color:var(--white)}
.o-forfun-page .closing-orange{color:var(--orange)}
@media(max-width:1050px){.o-forfun-page .split{grid-template-columns:minmax(0,1fr)}.o-forfun-page .split-media{grid-column:1;grid-row:3;margin-top:24px;align-self:start}}
@media(max-width:680px){.o-forfun-page .split{padding:24px}}

/* Keep the practical cards on natural content height without duplicating shared card styling. */
.o-forfun-page .section .grid.two{grid-auto-rows:auto}
.o-forfun-page .section .grid.two article{min-height:0}