.hero.hero--slideshow { display: block; min-height: 0; height: auto; aspect-ratio: 3007 / 1400; overflow: hidden; }
.hero--slideshow .hero-slides { position: absolute; inset: -2px; width: calc(100% + 4px); height: calc(100% + 4px); overflow: hidden; }
.hero--slideshow .hero-slide { width: 100%; height: 100%; overflow: hidden; }
.hero--slideshow .hero-slide[hidden] { display: none; }
.hero--slideshow .hero-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.hero--slideshow::after { content: none; }
.hero--slideshow .hero__content { position: absolute; inset: 0; z-index: 2; display: flex; align-items: flex-end; pointer-events: none; padding-block-end: clamp(3.5rem, 5.2vw, 6rem); }
.hero--slideshow .hero__copy { pointer-events: auto; }
.hero-slide-controls { position: absolute; z-index: 3; bottom: .6rem; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: .4rem; background: #083770eb; color: white; border-radius: 2rem; padding: .15rem .4rem; }
.hero-slide-controls button { color: white; background: transparent; border: 0; min-width: 2.75rem; min-height: 2.75rem; cursor: pointer; }
.hero-slide-controls button:focus-visible { outline: 2px solid #ffe36e; border-radius: 1rem; }
.hero-slide-controls span { white-space: nowrap; font-size: .85rem; }
@media (min-width: 60rem) {
    .hero.hero--slideshow { width: calc(100% + 2px); margin-block-start: -10.75rem; margin-inline: -1px; }
    .hero--slideshow .hero-slide { padding-block-start: 0; }
    .hero--slideshow .hero__title { font-size: clamp(2rem, 4.8vw, 4rem); }
}
@media (max-width: 40rem) {
    .hero.hero--slideshow { min-height: 25rem; aspect-ratio: auto; }
    .hero--slideshow .hero-slide img { object-fit: cover; object-position: center; }
    .hero--slideshow .hero__content { padding-block: 5rem 4rem; }
    .hero-slide-controls { bottom: .15rem; }
}

.hero--slideshow .hero__title, .hero--slideshow .hero__lead { text-shadow: 0 1px 3px #041936, 0 2px 6px #041936; }