/* Art-directed crossfades. Text and navigation do not move with the photos. */
.immersive-photo > .hero-slide { position:absolute; inset:0; opacity:0; transition:opacity var(--hero-fade,1400ms) ease-in-out; }
.immersive-photo > .hero-slide.is-active { opacity:1; }
.immersive-photo > .hero-slide img { width:100%; height:100%; object-fit:cover; object-position:var(--hero-slide-position,50% 48%)!important; }
.hero-footline { flex-wrap:nowrap; gap:20px; }
.hero-photo-caption { margin-left:auto; text-align:right; max-width:32ch; line-height:1.5; }
.hero-player { display:flex; align-items:center; gap:10px; flex:none; }
.hero-dots { display:flex; gap:0; }
.hero-dot, .hero-pause { appearance:none; border:0; background:transparent; color:var(--cream); border-radius:0; display:inline-flex; align-items:center; justify-content:center; min-width:38px; min-height:44px; padding:0; }
.hero-dot::before { content:''; width:5px; height:5px; border-radius:50%; border:1px solid currentColor; background:transparent; transition:background .2s,transform .2s; }
.hero-dot[aria-current=true]::before { background:currentColor; transform:scale(1.3); }
.hero-dot:disabled { opacity:.25; cursor:default; }
.hero-dot:hover::before { background:currentColor; }
.hero-slide-count { font-size:9px; font-weight:500; letter-spacing:.07em; white-space:nowrap; font-variant-numeric:tabular-nums; min-width:40px; text-align:center; }
.hero-pause { border-left:1px solid rgba(250,246,239,.25); min-width:44px; }
.hero-pause-symbol { display:block; width:9px; height:12px; border:0; border-left:2px solid currentColor; border-right:2px solid currentColor; }
.hero-pause[data-paused=true] .hero-pause-symbol { width:0; height:0; border:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:9px solid currentColor; margin-left:2px; }
.hero-player button:focus-visible { outline:2px solid var(--cream); outline-offset:0; }
@media(max-width:800px) {
  .hero-photo-caption { display:none; }
  .hero-player { margin-left:auto; gap:3px; }
  .hero-dot { min-width:32px; }
  .hero-slide-count { min-width:35px; font-size:8px; }
  .hero-pause { min-width:39px; }
  .hero-footline { gap:4px; }
}
@media(max-width:359px) {
  .hero-scroll { font-size:7px; letter-spacing:.025em; }
  .hero-scroll .icon { display:none; }
  .hero-player { gap:0; }
  .hero-dot { min-width:30px; }
  .hero-slide-count { display:none; }
  .hero-pause { min-width:36px; }
}
@media(prefers-reduced-motion:reduce) {
  .immersive-photo > .hero-slide,.hero-dot::before { transition:none!important; }
}
@media print { .hero-player { display:none; } }