.hero{min-height:650px;position:relative;overflow:hidden;background:#06172a}
.slides,.hero-shade{position:absolute;inset:0}
.slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1);transition:opacity 1.5s ease;will-change:opacity,transform}
.slides img.active{opacity:1;animation:heroZoom 7.5s ease-out forwards}
.hero-shade{z-index:1;background:linear-gradient(90deg,rgba(3,15,29,.93),rgba(4,21,39,.77) 38%,rgba(5,24,43,.3) 72%,rgba(5,24,43,.18))}
.hero-copy,.hero-badge{position:relative;z-index:2}.hero-copy{max-width:690px}
.hero>aside{background:rgba(7,28,51,.48);border-color:rgba(255,255,255,.36);backdrop-filter:blur(5px)}
.slide-nav{display:flex;gap:10px;margin-top:35px}.slide-nav button{width:28px;height:4px;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.34);cursor:pointer;transition:.3s}.slide-nav button.active{width:54px;background:#fff}
@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.07)}}
@media(max-width:820px){.hero{min-height:670px;align-content:center;padding-top:72px;padding-bottom:52px}.hero>aside{display:none}.hero-shade{background:linear-gradient(90deg,rgba(3,15,29,.91),rgba(3,15,29,.5)),linear-gradient(0deg,rgba(3,15,29,.8),transparent 56%)}.slides img{object-position:64% center}.slides img:first-child{object-position:70% center}.slides img:nth-child(3),.slides img:nth-child(4){object-position:68% center}.hero-copy>p:not(.en){font-size:15px;line-height:1.9}.slide-nav{margin-top:42px}}
@media(prefers-reduced-motion:reduce){.slides img{transition:none}.slides img.active{animation:none}}