/* SP-only photo scene. All Figma frames and sections retain their flow geometry. */
.sp-intro-scene {display:none}
@media (max-width:760px) and (prefers-reduced-motion:no-preference) {
  .intro-journey.sp-intro-motion #about {isolation:auto;z-index:auto}
  .intro-journey.sp-intro-motion #about .about-background {z-index:0}
  .intro-journey.sp-intro-motion #about .about-foreground {position:relative;z-index:4}
  /* The frozen FV photograph supplies About too: no second image fit. */
  .intro-journey.sp-intro-motion #about .about-background {visibility:hidden}
  .intro-journey.sp-intro-motion:not(.sp-intro-about-ready) #about .about-foreground {visibility:hidden}
  .intro-journey.sp-intro-motion #about h3.is-heading-revealed .heading-reveal__char {
    transition-duration:900ms;transition-delay:calc(120ms + var(--heading-character-index) * 30ms);
  }
  .intro-journey.sp-intro-photo-active .hero-photo-three {visibility:hidden}
  .sp-intro-scene {display:block;position:fixed;inset:0;z-index:2;overflow:hidden;pointer-events:none}
  .sp-intro-scene[hidden] {display:none}
  .sp-intro-scene__photo {position:absolute;overflow:hidden;will-change:transform;transform-origin:center center;border-radius:16px}
  .sp-intro-scene__image {position:absolute;max-width:none;object-fit:cover}
  .sp-intro-scene__shade {position:absolute;inset:0;background:rgba(8,39,50,.8);opacity:0}
  .intro-journey.sp-intro-motion .hero-photo-three {
    transform:translateY(var(--sp-intro-center-y,0px));transform-origin:center center;
  }
  .intro-journey.sp-intro-motion .hero-photo-one {transform:translateY(var(--sp-intro-left-y,0px))}
  .intro-journey.sp-intro-motion .hero-photo-two {transform:translateY(var(--sp-intro-right-y,0px))}
  .intro-journey.sp-intro-motion > .intro-scroll-spacer {
    display:block;height:var(--sp-intro-spacer,0px)!important;pointer-events:none;
  }
  .intro-journey.sp-intro-motion.sp-intro-photos-pinned .hero .hero-photos {
    position:fixed;top:var(--sp-intro-pinned-top);left:var(--sp-intro-group-left);
    right:auto;width:var(--sp-intro-group-width);z-index:4;
  }
}
