.hero-slider{position:relative}.hero-slider .hero-image-clip{position:relative}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.3s ease;overflow:hidden}.hero-slide.is-active{opacity:1}.hero-slider .hero-slide img{animation:none;width:100%;height:100%;object-fit:cover;transform:scale(1.12) translateX(-3%)}.hero-slider .hero-slide.is-active img{animation:slider-pan 14s ease-in-out infinite}.hero-slider .hero-slide:nth-child(even).is-active img{animation-name:slider-pan-reverse}.hero-slider.is-paused .hero-slide img{animation-play-state:paused}.slider-controls{position:absolute;right:12px;top:12px;display:flex;align-items:center;gap:5px;background:#172b43e6;border-radius:24px;padding:4px;z-index:2}.slider-controls button{display:grid;place-items:center;background:none;color:white;border:0;min-width:36px;height:36px;border-radius:50%;font-size:1.5rem;padding:0}.slider-controls button:hover{background:#ffffff25}.slider-dots{display:flex}.slider-dots button{min-width:28px;width:28px}.slider-dots button:before{content:'';width:7px;height:7px;border-radius:50%;background:#ffffff70}.slider-dots button[aria-pressed=true]:before{background:#ff983f;width:10px;height:10px}@keyframes slider-pan{0%{object-position:5% 50%;transform:scale(1.10) translateX(-3%)}50%{object-position:95% 50%;transform:scale(1.34) translateX(3%)}100%{object-position:20% 50%;transform:scale(1.10) translateX(-3%)}}@media(prefers-reduced-motion:reduce){.hero-slider .hero-slide.is-active img{animation:none;transform:none}.hero-slide{transition:none}}

.illustration-label{position:absolute;bottom:16px;right:12px;background:#172b43dd;color:#fff;padding:4px 9px;border-radius:5px;font-size:.7rem}.slider-dots button{min-width:22px;width:22px}@media(max-width:380px){.slider-controls{gap:1px;right:8px}.slider-controls button{min-width:32px}.slider-dots button{min-width:19px;width:19px}}

/* Transparent navigation sits inside the photo above the overlapping caption. */
.hero-slider .slider-controls{position:absolute;top:auto;bottom:76px;left:50%;right:auto;transform:translateX(-50%);justify-content:center;align-items:center;flex-wrap:nowrap;margin:0;background:transparent;padding:0;border-radius:0;width:max-content;max-width:calc(100% - 24px);gap:5px}
.hero-slider .slider-controls button{color:#fff;height:36px;line-height:1;font-family:Arial,sans-serif;text-shadow:0 1px 4px #000;filter:drop-shadow(0 1px 2px #0008)}
.hero-slider .slider-controls button:hover{background:#172b4340}
.hero-slider .slider-controls svg{display:block;width:20px;height:20px}
.hero-slider .slider-dots{align-items:center}
.hero-slider .slider-dots button:before{background:#fff;box-shadow:0 1px 4px #0008}
.hero-slider .slider-dots button[aria-pressed=true]:before{background:var(--orange)}
.hero-photo:has(.hero-slider){padding-bottom:24px}
.hero-photo:has(.hero-slider) .photo-caption{position:absolute;left:-28px;bottom:0;margin:0;max-width:94%;z-index:3}
.illustration-label{top:14px;bottom:auto}
@media(max-width:850px){.hero-photo:has(.hero-slider) .photo-caption{left:-15px}}
@media(max-width:620px){.hero-photo:has(.hero-slider){padding-bottom:20px}.hero-photo:has(.hero-slider) .photo-caption{left:14px;max-width:calc(100% - 28px)}.hero-slider .slider-controls{bottom:82px;gap:3px}}
@keyframes slider-pan-reverse{0%,100%{object-position:95% 50%;transform:scale(1.10) translateX(3%)}50%{object-position:5% 50%;transform:scale(1.34) translateX(-3%)}}