Hero Sections
stableProduction-ready hero layouts built from CPSL design tokens. Each accepts a photo or video background — swap the placeholder for an <img> or <video> tag.
Hero Bento
newContained bento-style hero (~640px tall, not full viewport). Cream text + two stacked photos.
/heroes/hero-bento→
Cinematic Gradient
Full-bleed background with a directional gradient mask + bottom match ticker.
/heroes/cinematic-gradient→
Split Frame
Dark navy content panel left, diagonal-clipped action photo right.
/heroes/split-frame→
Glass Card
Frosted glass card floats over a full-bleed dark stadium background.
/heroes/glass-card→
Magazine Overlap
Editorial grid — huge headline bleeds over a right-hand photo panel.
/heroes/magazine-overlap→
Full Width Image
Photo-first hero — headline anchored bottom-left over a gradient scrim.
/heroes/full-width-image→
Section Header
Compact module-level header. Sits above data-heavy sections like Standings or Schedule.
/heroes/section-header→