.hero-media{height:590px}
.hero-media:before{content:"";position:absolute;right:-35px;top:-35px;width:150px;height:150px;border:1px solid #d8c7a8;border-radius:50%}
.hero-media .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease;border-radius:28px;box-shadow:var(--shadow)}
.hero-media .hero-slide.is-active{opacity:1;z-index:1}
.hero-media .media-label{z-index:2}
.hero-slide-control{position:absolute;right:22px;bottom:22px;z-index:3;width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;background:#111214cc;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px #0003;transition:transform .2s ease,background .2s ease}
.hero-slide-control:hover{transform:translateY(-2px);background:#111214}
.hero-slide-control:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:900px){.hero-media{height:420px}}
@media(max-width:600px){.hero-media{height:330px}.hero-slide-control{right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.hero-media .hero-slide{transition:none}.hero-slide-control{transition:none}}