.hero-slides{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#090a0b}
.hero-slide{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:65% center;opacity:0;transform:none;transition:opacity 1.5s ease-in-out}
.hero-slide.is-active{opacity:1;transform:none}
.hero-slides:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090a0bed 0%,#090a0bb3 25%,#090a0b38 55%,transparent 80%),linear-gradient(180deg,#090a0b70,transparent 24%,transparent 65%,#090a0ba6)}
.hero-controls{position:absolute;z-index:3;right:12%;bottom:34px;display:flex;align-items:center;gap:12px;padding:5px 10px;border:1px solid #ffffff38;border-radius:40px;background:#080e1499;backdrop-filter:blur(12px)}
.hero-controls button{appearance:none;border:0;background:none;color:white;font:12px var(--sans, sans-serif);cursor:pointer;min-width:44px;height:44px;padding:0;transition:color .2s,background .2s;border-radius:50%}
.hero-controls button:hover{background:#ffffff18}.hero-controls button:focus-visible{outline:2px solid #a8d4f2;outline-offset:3px}.hero-dots{display:flex;gap:4px}.hero-controls .hero-dot{position:relative;border-radius:0;color:#a4aeb8}.hero-dot:after{content:'';position:absolute;bottom:4px;left:10px;right:10px;height:2px;background:#a8d4f2;transform:scaleX(0);transition:transform .5s}.hero-controls .hero-dot[aria-pressed=true]{color:white}.hero-dot[aria-pressed=true]:after{transform:scaleX(1)}
@media(max-width:680px){.hero-slide{object-position:68% center}.hero-slides{inset:15% 0 0}.hero-slides:after{background:linear-gradient(180deg,#090a0b 0%,#090a0bb3 18%,#090a0b24 58%,#090a0b88),linear-gradient(90deg,#090a0b80,transparent 85%)}.hero-controls{left:6%;right:auto;bottom:30px;gap:3px;padding:3px 6px}.hero-skyline{bottom:95px;opacity:.3}.hero .corner-link{bottom:100px}.hero{min-height:800px;min-height:max(800px,94svh);max-height:none}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none;transform:none}.hero-slide.is-active{transform:none}}