.mk-hero { position:relative; width:100%; margin:0 0 30px; background:#fff; }
.mk-hero *, .mk-hero *::before, .mk-hero *::after { box-sizing:border-box; }
.mk-hero__viewport { width:100%; overflow:hidden; touch-action:pan-y pinch-zoom; }
.mk-hero__track { display:flex; align-items:flex-start; transition:transform .45s ease; }
.mk-hero__slide { flex:0 0 100%; min-width:0; }
.mk-hero__slide:not(:first-child) { display:none; }
.mk-hero.is-ready .mk-hero__slide { display:block; }
.mk-hero__link, .mk-hero picture { display:block; width:100%; }
.mk-hero img { display:block; width:100%; height:auto; aspect-ratio:1672 / 941; border:0; }
.mk-hero__controls { position:absolute; left:3.8%; top:71.8%; transform:translateY(-50%); display:flex; align-items:center; gap:clamp(8px,1.5vw,28px); z-index:2; }
.mk-hero__controls[hidden] { display:none!important; }
.mk-hero button { appearance:none; margin:0; padding:0; border:0; cursor:pointer; box-shadow:none; }
.mk-hero__arrow { display:grid; place-items:center; width:clamp(32px,2.7vw,52px); height:clamp(32px,2.7vw,52px); border-radius:50%; background:#fff; color:#07377b; }
.mk-hero__arrow svg { width:50%; height:50%; fill:none; stroke:currentColor; stroke-width:2; }
.mk-hero__dots { display:flex; align-items:center; }
.mk-hero__dot { display:grid; place-items:center; width:clamp(26px,1.8vw,35px); height:44px; background:transparent; }
.mk-hero__dot::before { content:""; width:clamp(8px,.75vw,14px); height:clamp(8px,.75vw,14px); border-radius:50%; background:#b9cbd9; }
.mk-hero__dot[aria-current="true"]::before { background:#07377b; }
.mk-hero button:focus-visible, .mk-hero__link:focus-visible { outline:3px solid #07377b; outline-offset:-3px; }
.mk-hero-sr { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media (max-width:767px) {
 .mk-hero { margin-bottom:20px; }
 .mk-hero img { aspect-ratio:1060 / 1484; }
 .mk-hero__controls { left:50%; top:75.5%; transform:translate(-50%,-50%); gap:0; }
 .mk-hero__arrow { display:none; }
 .mk-hero__dot { width:32px; height:44px; }
 .mk-hero__dot::before { width:9px; height:9px; background:#c5cfdd; }
}
@media (prefers-reduced-motion:reduce) { .mk-hero__track { transition:none; } }