.hero-slides{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease-in-out}
.hero-slide.is-active{opacity:1}
.hero-slide .hero-photo{object-position:var(--hero-position,50% 50%)}
.hero-carousel-controls{position:absolute;right:4.5%;bottom:30px;z-index:3;display:flex;align-items:center;gap:8px;padding:5px 9px;max-width:91%;background:#172119e8;border:1px solid #ffffff35;border-radius:3px;color:#fff;backdrop-filter:blur(9px)}
.hero-carousel-controls[hidden]{display:none}
.hero-carousel-controls button{min-width:44px;height:44px;border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:14px var(--body);padding:0 9px;border-radius:2px}
.hero-carousel-controls button:hover{background:#ffffff16}
.hero-carousel-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.hero-carousel-arrow{font-size:24px!important;line-height:1}
.hero-carousel-counter{font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:1px;min-width:52px;text-align:center;color:#d6dfce}
.hero-carousel-dots{display:flex;align-items:center;gap:0;border-left:1px solid #ffffff25;padding-left:5px;margin-left:2px}
.hero-carousel-dots button{min-width:30px;width:30px;padding:0}
.hero-carousel-dots button>span{width:6px;height:6px;border-radius:50%;background:#ced5c699;transition:background .2s,transform .2s}
.hero-carousel-dots button[aria-pressed=true]>span{background:var(--gold);transform:scale(1.5)}
.hero-carousel-toggle{gap:9px;margin-left:3px;padding-left:13px!important;border-left:1px solid #ffffff25!important;min-width:100px!important}
.hero-carousel-toggle [data-hero-toggle-icon]{font-size:13px;width:14px;color:var(--gold)}
.hero[data-hero-carousel] .image-caption{bottom:105px;z-index:2}
.hero-carousel-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:701px) and (max-width:1000px){.hero-carousel-dots{display:none}}
@media(max-width:700px){
 .hero-slide .hero-photo{object-position:var(--hero-mobile-position,var(--hero-position,50% 50%))}
 .hero-carousel-controls{right:5%;bottom:20px;padding:3px 7px;gap:4px}
 .hero-carousel-dots{display:none}
 .hero-carousel-counter{min-width:48px}
 .hero-carousel-controls button{min-width:42px}
 .hero-carousel-toggle{min-width:100px!important}
 .hero[data-hero-carousel] .image-caption{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-carousel-dots button>span{transition:none}}