/* We're Using Less Plastic (loaded after base.css). */
.hero--less-plastic { min-height: clamp(300px, 26.8vw, 460px); }
.hero--less-plastic .hero__mark { margin-bottom: 22px; }
.hero--less-plastic .hero__title { max-width: 420px; line-height: 1.03; }
.hero--less-plastic .hero__subtitle { margin-top: 22px; letter-spacing: 3px; }
.hero--less-plastic .hero__media img { object-position: center 40%; }
.story { padding: 48px var(--gutter) 0; }
@media (min-width: 768px) { .story { padding-top: 58px; } }
@media (min-width: 1025px) { .hero--less-plastic { padding-bottom: 106px; } }
.story .prose { font: 400 1.0625rem/1.6 "Times New Roman", Times, serif; color: #3f4552; }
.story .prose > p:first-child::first-letter { font-weight: 400; font-size: 3em; }
@media (min-width: 768px) { .story .prose { font-size: 20px; line-height: 32.5px; } .story .prose > p:first-child::first-letter { font-size: 2.9em; margin-top: .06em; } }
.story .prose > p:first-child::first-letter { color: #3f4552; }
.story .prose strong { font-weight: 700; }
.story .prose a { color: #8e24aa; text-decoration: none; }
.story .prose a:hover { text-decoration: underline; }
.cta-section { --cta-pad-t: 56px; --cta-pad-b: 56px; }
@media (min-width: 1025px) { .cta-section { --cta-pad-t: 98px; --cta-pad-b: 80px; } }
.story .prose a.ext-link { display: inline-block; padding: 11px 0; margin: -11px 0; }
.cta-band__media img { object-position: center top; }