/* FOREST FOREGROUND V9 — asymmetric scenic objects interrupt boundaries without becoming divider strips. */
.forest-v9 .forest-foreground{position:absolute;z-index:9;display:block;pointer-events:none;overflow:visible;filter:drop-shadow(0 18px 24px rgba(8,25,19,.24))}
.forest-v9 .forest-foreground::before,.forest-v9 .forest-foreground::after{content:"";position:absolute;inset:0;background-repeat:no-repeat;pointer-events:none}
.forest-v9 .forest-foreground i{position:absolute;z-index:3;width:6px;height:6px;border-radius:50%;background:#f6f1e7;box-shadow:0 0 9px 4px rgba(232,163,84,.9),0 0 20px 8px rgba(168,134,216,.25);animation:v9-firefly 5.6s ease-in-out infinite}
.forest-v9 .forest-foreground i:nth-child(1){left:24%;top:52%}
.forest-v9 .forest-foreground i:nth-child(2){left:56%;top:29%;animation-delay:-1.8s}
.forest-v9 .forest-foreground i:nth-child(3){left:76%;top:66%;animation-delay:-3.6s}

/* Roots grow out of the hero image into the cream clearing, kept away from Story copy. */
.forest-v9 .ff-hero-story{top:-86px;right:-2vw;width:min(49vw,760px);height:min(31vw,470px)}
.forest-v9 .ff-hero-story::before{background-image:url('../assets/continuity/mossy-root-shelf-v1.png');background-size:contain;background-position:right top;animation:v9-root-breathe 8s ease-in-out infinite alternate}

/* A canopy corner breaks the Story/Crew edge without crossing the headline. */
.forest-v9 .ff-story-crew{top:-92px;right:-3vw;width:min(50vw,780px);height:min(30vw,460px)}
.forest-v9 .ff-story-crew::before{background-image:url('../assets/continuity/forest-canopy-branch-v1.png');background-size:contain;background-position:left top;transform:scaleX(-1);transform-origin:center;animation:v9-leaf-sway 9s ease-in-out infinite alternate}

/* Film/Collection becomes a forest clearing framed only at the corners. */
.forest-v9 .ff-film-gear{top:-122px;left:0;width:100%;height:430px;z-index:7}
.forest-v9 .ff-film-gear::before{right:auto;width:min(43vw,660px);background-image:url('../assets/continuity/forest-canopy-branch-v1.png');background-size:contain;background-position:left top;animation:v9-leaf-sway 10s ease-in-out infinite alternate}
.forest-v9 .ff-film-gear::after{left:auto;right:-2vw;width:min(41vw,630px);background-image:url('../assets/continuity/mossy-root-shelf-v1.png');background-size:contain;background-position:right top;animation:v9-root-breathe 9s ease-in-out infinite alternate-reverse}

/* The final night forest grows upward from one side; the Shop CTA stays above it. */
.forest-v9 [data-review-section="gear"].showcase{overflow:visible}
.forest-v9 [data-review-section="gear"].showcase .showcase-cta{position:relative;z-index:12}
.forest-v9 .ff-gear-outro{left:-2vw;bottom:-168px;width:min(44vw,680px);height:410px;z-index:8;transform:scaleX(-1)}
.forest-v9 .ff-gear-outro::before{background-image:url('../assets/continuity/mossy-root-shelf-v1.png');background-size:contain;background-position:right bottom;animation:v9-root-breathe 9s ease-in-out infinite alternate}

@keyframes v9-leaf-sway{from{translate:0 0;rotate:-.2deg}to{translate:3px 2px;rotate:.35deg}}
@keyframes v9-root-breathe{from{filter:brightness(.94) saturate(.96)}to{filter:brightness(1.07) saturate(1.05)}}
@keyframes v9-firefly{0%,100%{opacity:.18;translate:0 0}45%{opacity:1;translate:4px -8px}70%{opacity:.46;translate:-3px -4px}}

@media(max-width:900px){
  .forest-v9 .ff-hero-story{top:-48px;right:-12vw;width:62vw;height:39vw}
  .forest-v9 .ff-story-crew{top:-46px;right:-10vw;width:62vw;height:38vw}
  .forest-v9 .ff-film-gear{top:-72px;height:260px}
  .forest-v9 .ff-film-gear::before{width:55vw}
  .forest-v9 .ff-film-gear::after{right:-12vw;width:52vw}
  .forest-v9 .ff-gear-outro{left:-11vw;bottom:-102px;width:58vw;height:280px}
}
@media(max-width:520px){
  .forest-v9 .forest-foreground{filter:drop-shadow(0 10px 16px rgba(8,25,19,.18))}
  .forest-v9 .ff-hero-story{top:-22px;right:-21vw;width:76vw;height:48vw}
  .forest-v9 .ff-story-crew{top:-32px;right:-20vw;width:75vw;height:46vw}
  .forest-v9 .ff-film-gear{top:-42px;height:180px}
  .forest-v9 .ff-film-gear::before{width:68vw}
  .forest-v9 .ff-film-gear::after{display:none}
  .forest-v9 .ff-gear-outro{left:-18vw;bottom:-70px;width:72vw;height:210px}
  .forest-v9 .forest-foreground i:nth-child(3){display:none}
}
@media(prefers-reduced-motion:reduce){.forest-v9 .forest-foreground::before,.forest-v9 .forest-foreground::after,.forest-v9 .forest-foreground i{animation:none}}