.hero-art{overflow:hidden;background:none!important}
.hero-slide{position:absolute;inset:-1px;background-size:cover;background-position:center right;opacity:0;transform:scale(1.035);transition:opacity 1.15s ease,transform 6.5s ease;will-change:opacity,transform}
.hero-slide.active{opacity:1;transform:scale(1)}
.hero-carousel{position:absolute;z-index:3;right:6%;bottom:98px;display:flex;align-items:center;gap:13px}
.hero-arrow,.hero-dot{border:0;color:#fff;background:#123d48aa;box-shadow:inset 0 0 0 1px #ffffff55;backdrop-filter:blur(8px)}
.hero-arrow{width:36px;height:36px;border-radius:50%;font-size:25px;line-height:1;transition:background .2s,transform .2s}
.hero-arrow:hover{background:#e9a647;color:#173b3e;transform:scale(1.08)}
.hero-dots{display:flex;align-items:center;gap:8px}
.hero-dot{width:8px;height:8px;padding:0;border-radius:50%;transition:width .25s,background .25s}
.hero-dot.active{width:28px;border-radius:999px;background:#f1b458;box-shadow:none}
body[data-theme="parchment"] .hero-slide{background-size:auto 100%;background-repeat:no-repeat;background-position:right center;background-color:#c69b68}
@media(max-width:900px){.hero-slide{background-position:65% center}.hero-carousel{right:24px;bottom:27px}.hero-arrow{display:none}}
@media(max-width:600px){.hero-carousel{left:18px;right:auto;bottom:24px}.hero-dot.active{width:23px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:opacity .2s;transform:none}.hero-arrow,.hero-dot{transition:none}}