.hero{isolation:isolate;min-height:480px;touch-action:pan-y}
.hero-slides,.hero-slide{position:absolute;inset:0}
.hero-slide{opacity:0;transition:opacity .8s ease;pointer-events:none}
.hero-slide.is-active{opacity:1;pointer-events:auto}
.hero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.hero-slide-category{display:inline-block;margin-bottom:10px;padding:6px 9px;border:1px solid #e0d2ae88;border-radius:2px;color:#eadcb9;background:#12191455;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.hero-controls{position:absolute;z-index:4;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px);bottom:20px;display:flex;align-items:center;justify-content:space-between}
.hero-arrow{width:36px;height:36px;border:1px solid #ffffff9c;border-radius:50%;background:#18221d66;color:#fff;font:400 24px/1 Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px);transition:background .18s,transform .18s}
.hero-arrow:hover{background:#fff;color:#1d2822;transform:scale(1.05)}
.hero-dots{display:flex;align-items:center;justify-content:center;gap:7px}
.hero-dot{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#ffffff9c;cursor:pointer;transition:width .2s,background .2s}
.hero-dot.is-active{width:23px;background:#e0d2ae}
@media(max-width:650px){.hero{min-height:450px;min-height:min(72svh,590px)}.hero-copy{padding-bottom:64px}.hero-controls{left:18px;right:18px;bottom:15px}.hero-arrow{width:34px;height:34px}.hero-slide img{object-position:56% center}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}