/* Full-colour arrival, transient photographic reading focus. No fixed band. */
/* The original logo and navigation sit directly over the continuous course.
   Only an opened mobile menu has a solid surface; there is no header panel. */
body[data-edition=home] #motion-header{background:transparent;border:0;color:var(--white);box-shadow:none;backdrop-filter:none;text-shadow:0 1px 4px rgba(0,0,0,.7)}
body[data-edition=home] #motion-header .brand img{filter:brightness(0) invert(1)}
body[data-edition=home] #motion-stage{top:0;height:100svh}
body[data-edition=home] #motion-world{top:var(--header-height)}
body[data-edition=home][data-motion=simple] #motion-world{top:0}
body[data-edition=home] .mobile-menu nav{color:var(--ink);text-shadow:none}
body[data-edition=home] #motion-header .header-join{border-bottom:1px solid rgba(255,254,244,.55)}
body[data-edition=home] #motion-header[data-surface=hill]{color:var(--ink);text-shadow:none}
body[data-edition=home] #motion-header[data-surface=hill] .header-join{border-color:rgba(32,63,49,.4)}
#motion-colour { opacity:0; mask-image:none; -webkit-mask-image:none; z-index:1 }
html { scroll-padding-top:var(--header-height) }
body[data-edition=home] .motion-chapter,body[data-edition=home] #faq { scroll-margin-top:0 }
#motion-terrain,#motion-gray-tiles { filter:none }
.motion-copy { transition:none }
#motion-cart,#motion-cup,#motion-ball-shadow { z-index:2 }
#motion-ball { z-index:3 }
#motion-rolling-trail{position:absolute;inset:0;width:1200px;height:5200px;z-index:1;pointer-events:none}
body[data-motion=simple] #motion-rolling-trail{display:none}
#motion-cup-lip { position:absolute;left:0;top:0;max-width:none;z-index:4;pointer-events:none }
#motion-flag{position:absolute;left:0;top:0;z-index:5;pointer-events:none}
#motion-flag img{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none}
.flag-pole,.flag-cloth{opacity:0}
.flag-ready .flag-pole{opacity:1}
.flag-ready .flag-still{opacity:0}
.flag-ready .flag-cloth{animation:flag-breeze 3.2s linear infinite;animation-play-state:paused}
.flag-ready.flag-in-view .flag-cloth{animation-play-state:running}
#motion-world[data-page-active=false] .flag-cloth{animation-play-state:paused}
@keyframes flag-breeze{0%,100%{opacity:1}12.5%,87.5%{opacity:0}}
body[data-motion=simple] #motion-flag{display:none}
@media(prefers-reduced-motion:reduce){.flag-ready .flag-still{opacity:1}.flag-ready .flag-pole,.flag-ready .flag-cloth{opacity:0;animation:none}}
#motion-cup img { width:100%;height:100%;max-width:none }
#motion-cart img { position:absolute;inset:0;opacity:0 }
body[data-motion=simple] #motion-cup-lip { visibility:hidden!important }
/* The original scene remains intact. A restrained text shadow provides edge
   separation over naturally varying grass without blackening entire forests. */
.hero-copy,.editorial-copy { text-shadow:0 1px 3px rgba(10,26,12,.55) }
.button-light { text-shadow:none }
body[data-edition=home] .home-anchor { scroll-margin-top:0 }
@media(min-width:701px) { .empty-coach { position:relative;top:calc(var(--frame-height)*.19) } }
@media(max-width:700px) {
  body[data-edition=home][data-motion=full] .join-copy {
    min-height:var(--frame-height);align-content:end;padding-bottom:40px;
  }
}
