/* Keep the existing page identity; let the new photography lead the header. */
.hero{isolation:isolate;background:#101b22;min-height:92svh}
.hero-slides{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.2s ease;pointer-events:none}
.hero-slide.is-active{opacity:1}
.hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--position,center);transform-origin:var(--position,center)}
.hero:before{z-index:-1;transform:none;pointer-events:none;background:linear-gradient(90deg,rgba(7,17,23,.57),rgba(7,17,23,.1) 68%),linear-gradient(0deg,rgba(7,17,23,.8),transparent 64%)}
.hero-copy{max-width:840px;padding-bottom:7.5rem;padding-top:10rem;text-shadow:0 2px 20px #0005}
.hero h1{font-size:clamp(3rem,6.3vw,6rem);letter-spacing:-.04em}
.hero .lead{font-size:clamp(1rem,1.5vw,1.3rem)}
.hero .scroll{display:none}
.hero-controls{position:absolute;left:clamp(1.25rem,7vw,7rem);right:clamp(1.25rem,7vw,7rem);bottom:1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:white}
.hero-selectors{display:flex;gap:.45rem}
.hero-controls button{border:0;cursor:pointer;font:inherit;font-size:14px;touch-action:manipulation;color:inherit;background:transparent;min-height:44px}
.hero-selectors button{min-width:44px;position:relative;opacity:.65;padding:.45rem .7rem}
.hero-selectors button:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:3px;height:2px;background:currentColor;transform:scaleX(0);transition:transform .3s}
.hero-selectors button[aria-pressed="true"]{opacity:1;color:#f1c45b}
.hero-selectors button[aria-pressed="true"]:after{transform:scaleX(1)}
.hero-controls button:focus-visible{outline:2px solid #f1c45b;outline-offset:3px}
.hero-controls .hero-toggle{padding:.4rem .85rem;border:1px solid #ffffff70;border-radius:2px}
@media(max-width:760px){
 .hero{min-height:0;display:block;padding-top:clamp(310px,52svh,470px)}
 .hero-slides{bottom:auto;height:clamp(310px,52svh,470px)}
 .hero-slide img{object-position:var(--mobile-position,var(--position,center));transform-origin:var(--mobile-position,var(--position,center))}
 .hero:before{bottom:auto;height:clamp(310px,52svh,470px);background:linear-gradient(180deg,rgba(7,17,23,.28),transparent 27%,transparent 74%,#101b22)}
 .hero-copy{width:100%;max-width:none;padding:1.25rem 1.25rem 6.5rem;text-shadow:none}
 .hero h1{font-size:clamp(2.45rem,12vw,4.5rem);line-height:.95}
 .hero .lead{font-size:1rem}
 .hero-controls{left:1.25rem;right:1.25rem;bottom:1.5rem;gap:.4rem}
 .hero-selectors{gap:.1rem}
 .hero .nav{padding:1rem 1.25rem}
}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-selectors button:after{transition:none}}