.hero{position:relative;isolation:isolate;overflow:hidden;background:#071726}
.hero-scenes{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 3s ease-in-out}
.hero-scene.is-visible{opacity:1}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(6,29,60,.96) 0%,rgba(8,43,80,.78) 30%,rgba(9,65,100,.38) 60%,rgba(9,65,100,.08) 100%)}
.hero .hero-inner{position:relative;width:100%}
.hero-pause{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#f7f1e6;opacity:.6;cursor:pointer;transition:opacity .2s,background .2s;z-index:1}
.hero-pause svg{width:16px;height:16px;filter:drop-shadow(0 1px 3px #071726)}
.hero-pause:hover,.hero-pause:focus-visible{opacity:1;background:#07172666}
.hero-pause:focus-visible{outline:2px solid #d8b879;outline-offset:2px}
.hero-pause[hidden]{display:none}
.hero-photo-credits{font-size:14px;margin-top:12px}.hero-photo-credits p{font-size:14px;max-width:800px}.hero-photo-credits summary{cursor:pointer}
@media(max-width:800px){.hero{background:#071726}.hero::before{background:linear-gradient(90deg,rgba(6,29,60,.91),rgba(8,43,80,.55))}.hero-pause{right:0;bottom:0}}
@media(prefers-reduced-motion:reduce){.hero-scene,.hero-pause{transition:none}}