/* <----- HOMEPAGE BANNERS: separate art for desktop and mobile; no cropped copy -----> */
.banner-carousel{position:relative;overflow:hidden;border-radius:20px;background:#edf1e7;isolation:isolate;touch-action:pan-y pinch-zoom}
.banner-track{aspect-ratio:5/2;position:relative}
.banner-slide{position:absolute;inset:0;width:100%;height:100%;animation:banner-appear .4s ease-out}
.banner-slide[hidden]{display:none!important}
.banner-slide>a,.banner-slide picture{display:block;width:100%;height:100%}
.banner-slide img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.banner-slide>a:focus-visible{outline:3px solid #648517;outline-offset:-5px;border-radius:20px}
.banner-keyboard-controls{position:absolute;left:12px;bottom:12px;display:none;gap:6px;z-index:2;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.banner-carousel[data-enhanced] .banner-keyboard-controls{display:flex}
.banner-keyboard-controls:focus-within{clip-path:none;width:auto;height:auto;overflow:visible}
.banner-keyboard-controls button{background:#173c35;color:#fff;padding:10px 13px;border-radius:7px;font-size:12px;min-height:40px}
@keyframes banner-appear{from{opacity:.25}to{opacity:1}}
@media(max-width:680px){.banner-carousel{border-radius:18px}.banner-track{aspect-ratio:5/6}.banner-slide>a:focus-visible{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.banner-slide{animation:none}}