.hero{height:auto;min-height:calc(100svh - 86px);display:flex;flex-direction:column;justify-content:center;background:#081823;padding:90px 7vw 110px;isolation:isolate}
.slides,.slides img{position:absolute;inset:0;width:100%;height:100%}
.slides{z-index:-2}.slides img{object-fit:cover;object-position:center;opacity:0;transition:opacity 1.2s ease}.slides img.active{opacity:1}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(3,14,24,.86),rgba(3,14,24,.48) 55%,rgba(3,14,24,.12))}
.hero .hero-content{position:relative;top:auto;left:auto;right:auto;transform:none;width:100%;max-width:690px;opacity:1}
.slider-controls{display:flex;flex-wrap:wrap;gap:8px;position:relative;margin-top:44px;align-self:flex-end}
.slider-controls button{font:500 14px 'DM Sans',sans-serif;color:white;min-width:44px;min-height:44px;padding:10px;background:#081823aa;border:1px solid #ffffff80;cursor:pointer}
.slider-controls button[aria-pressed=true]{background:#c78648;color:#081823;border-color:#c78648}.slider-controls button:focus-visible{outline:3px solid white;outline-offset:4px}
.hero h1{font-size:clamp(48px,8vw,110px)}.hero-copy{font-size:18px}.intro>div,.market-layout>*{min-width:0}.section-pad h2{overflow-wrap:break-word}
@media(max-width:560px){.hero{min-height:calc(100svh - 72px);padding:65px 6vw 40px}.hero-copy{font-size:16px}.slider-controls{align-self:flex-start}.hero h1{font-size:clamp(44px,12vw,64px)}}
@media(prefers-reduced-motion:reduce){.slides img{transition:none}}