/* Our Story (loaded after base.css). Tall hero (663px in the capture), prose column, club banner. */
.hero--our-story { min-height: clamp(300px, 38.7vw, 663px); }
.hero--our-story .hero__mark { margin-bottom: 22px; }
.story { padding: 48px var(--gutter) 0; }
@media (min-width: 1025px) { .hero--our-story { padding-bottom: 106px; } }
@media (min-width: 768px) { .story { padding-top: 72px; } }
.story .prose { font: 300 1rem/1.6 var(--ff-roboto); color: #4a4f57; }
.story .prose > p:first-child::first-letter { font-weight: 300; font-size: 3.5em; }
@media (min-width: 768px) { .story .prose { font-size: 14.3px; line-height: 22.5px; } .story .prose > p:first-child::first-letter { font-size: 3.7em; } }
.cta-section { --cta-pad-t: 56px; --cta-pad-b: 56px; }
@media (min-width: 1025px) { .cta-section { --cta-pad-t: 96px; --cta-pad-b: 160px; } }
.cta-band__media img { object-position: center top; }