/* Transition-only overrides: preserve the three final compositions. */
.homepage-hero .hero-transition-surface{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0}
.homepage-hero .hero-content-stage,.homepage-hero .hero-bottom{z-index:1}
.homepage-hero.hero-motion .hero-leaf-layer,.homepage-hero.hero-motion .hero-artwork{transition:none!important}
.homepage-hero.hero-motion[data-transition]:not([data-transition="idle"]) .hero-message,
.homepage-hero.hero-motion[data-transition]:not([data-transition="idle"]) .hero-artwork{pointer-events:none}
.homepage-hero.hero-motion .hero-bottom{color:var(--hero-ivory);transition:color 340ms ease}
.homepage-hero.hero-motion .hero-index{transition:color 340ms ease}
@media(max-width:767px){
 /* Reserve the tallest mobile composition, so neither controls nor logo strip jump. */
 .homepage-hero.hero-motion{grid-template-rows:820px 52px}
 .homepage-hero.hero-motion .hero-content-stage{height:820px;min-height:820px;box-sizing:border-box}
 .homepage-hero.hero-motion[data-current="2"] .hero-content-stage{height:820px;min-height:820px}
}
@media(prefers-reduced-motion:reduce){.homepage-hero.hero-motion .hero-bottom,.homepage-hero.hero-motion .hero-index{transition:none}}
@media(max-width:767px){.homepage-hero.hero-motion:not([data-current="2"]) .hero-artwork{bottom:12px}}

/* Temporary buffers retain measured resting artwork geometry; no leaf is animated. */
.homepage-hero.hero-motion .hero-animation-buffer{z-index:2;visibility:visible!important;transition:none!important;pointer-events:none!important}
.homepage-hero.hero-motion[data-transition="sliding"] .hero-message{pointer-events:none!important}
.homepage-hero.hero-motion[data-transition="sliding"] .hero-content-stage{isolation:isolate}

/* One horizontal track motion for the complete slide; controls remain fixed. */
.homepage-hero.hero-motion[data-transition="sliding"] .hero-message,
.homepage-hero.hero-motion[data-transition="sliding"] .hero-animation-buffer{transition:none!important}
.homepage-hero.hero-motion .hero-transition-surface{background-repeat:no-repeat}
.homepage-hero.hero-motion{transition:none!important}