/* Subtle depth on home photography; no change to the catalogue or layout. */
@media(prefers-reduced-motion:no-preference){
  .home-motion .hero{overflow:hidden;overflow:clip}
  .home-motion .hero::before{inset:-44px 0;transform:translate3d(0,var(--hero-drift,0px),0);will-change:transform}
  .home-motion .financing-showroom{overflow:hidden}
  .home-motion .financing-showroom img{transform:translate3d(0,var(--showroom-drift,0px),0) scale(1.08);will-change:transform}
}
@media(max-width:620px) and (prefers-reduced-motion:no-preference){
  .home-motion .hero::before{inset:-20px 0}
}
/* Development trial: two photographs behind the existing, stable hero copy. */
.hero .hero-second-photo{position:absolute;inset:0;opacity:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,7,6,.92),rgba(8,7,6,.6) 45%,rgba(8,7,6,.22)),linear-gradient(0deg,rgba(8,7,6,.7),transparent 65%),url('/assets/optimized/7289035145389a42-800-q84.webp') center 55%/cover no-repeat;transition:opacity 1.4s ease;z-index:0}
.hero.hero-slide-two .hero-second-photo{opacity:1}
.hero.hero-slide-two::before{opacity:0}
.hero::before{transition:opacity 1.4s ease}
.hero::after{pointer-events:none}
.hero .hero-content{z-index:2}
.hero .hero-slide-controls{display:flex;align-items:center;gap:8px;margin-top:28px;position:relative;z-index:3}
.hero-slide-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #ffffff70;background:#17130f70;color:#fff;font:600 .85rem var(--sans);cursor:pointer;padding:8px 13px;border-radius:0}
.hero-slide-controls button:hover,.hero-slide-controls button[aria-pressed=true]{background:#c98b2b;color:#111;border-color:#c98b2b}
.hero-slide-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@keyframes hero-photo-breathe{from{scale:1}to{scale:1.055}}
@keyframes hero-copy-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){
 .home-motion .hero:not(.hero-slide-two)::before,.home-motion .hero.hero-slide-two .hero-second-photo{animation:hero-photo-breathe 6s ease-out both}
 .home-motion .hero.hero-slide-two::before,.home-motion .hero:not(.hero-slide-two) .hero-second-photo{animation:none;scale:1.055}
 .home-motion .hero.hero-paused::before,.home-motion .hero.hero-paused .hero-second-photo{animation-play-state:paused}
 .home-motion .hero-content>.eyebrow,.home-motion .hero-content>h1,.home-motion .hero-content>p,.home-motion .hero-content>.actions{animation:hero-copy-arrive .95s both cubic-bezier(.2,.7,.2,1)}
 .home-motion .hero-content>h1{animation-delay:.12s}.home-motion .hero-content>p{animation-delay:.28s}.home-motion .hero-content>.actions{animation-delay:.44s}
}
@media(prefers-reduced-motion:reduce){.hero::before,.hero .hero-second-photo{transition:none}}
@media(max-width:620px){.hero .hero-second-photo{background-position:center,center,55% center}.hero .hero-slide-controls{margin-top:22px}}
.hero .hero-slide-controls[hidden]{display:none}