/* Two quiet background scenes; headline, overlay, and calls to action stay fixed. */
.hero-scene{position:absolute;inset:0;opacity:0;transition:opacity 1.8s ease-in-out;pointer-events:none}
.hero-scene.is-active{opacity:1;z-index:1}
.hero-photograph .hero-scene img{transform:scale(1.035);transform-origin:65% 50%}
.hero.is-motion-ready .hero-scene img{animation:hero-drift 22s ease-in-out infinite alternate;animation-play-state:paused}
.hero.is-motion-ready[data-motion="running"] .hero-scene img{animation-play-state:running}
.hero-scene-pivot img{object-position:center 52%;transform-origin:76% 55%}
@keyframes hero-drift{from{transform:scale(1.035) translate3d(.4%,0,0)}to{transform:scale(1.105) translate3d(-.8%,-.6%,0)}}
.hero-scene-controls{position:absolute;right:6.5%;bottom:111px;z-index:4;display:flex;align-items:center;gap:7px}
.hero-scene-controls[hidden]{display:none}
.hero-scene-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:9px;border:1px solid #ffffff50;background:#16191b80;color:#fff;font-family:var(--sans);font-size:10px;line-height:1;letter-spacing:.05em;backdrop-filter:blur(6px);transition:background .2s,border-color .2s}
.hero-scene-controls button:hover{background:#16191bd9;border-color:#ffffffb3}
.hero-scene-controls button[aria-pressed="true"]{background:#a61e22;border-color:#a61e22}
.hero-scene-controls .hero-motion-toggle{margin-left:3px}
.hero-motion-toggle[hidden]{display:none}
.hero-motion-toggle svg{width:13px;height:13px;display:block;fill:currentColor}
.hero-motion-toggle .motion-play{display:none}
.hero-motion-toggle.is-paused .motion-play{display:block}
.hero-motion-toggle.is-paused .motion-pause{display:none}
@media(min-width:1600px){.hero-scene-controls{right:max(6.5%,calc((100% - 1380px)/2))}}
@media(max-width:1000px){.hero-scene-pivot img{object-position:72% center}}
@media(max-width:700px){
  .hero-scene-controls{right:6%;bottom:99px;gap:6px}
  .hero-scene-controls button{min-width:36px;min-height:36px;font-size:9px}
  .hero-scene-pivot img{object-position:76% center}
}
@media(prefers-reduced-motion:reduce){
  .hero-scene{transition:none}
  .hero.is-motion-ready .hero-scene img{animation:none;transform:none}
  .hero-scene-controls button{transition:none}
}