/* SEAMLESS JOURNEY V8 — scenes overlap through soft cross-dissolves, never divider bands. */
.seamless-v8{background:#102c21}
.seamless-v8 main{position:relative;isolation:isolate;overflow:hidden;background:#102c21}
.seamless-v8 main::before{content:"";position:absolute;z-index:12;top:720px;right:1.5vw;width:210px;height:calc(100% - 1320px);background:url('../assets/continuity/vertical-wandering-light-v1.svg') center top/190px 1200px repeat-y;opacity:.1;mix-blend-mode:screen;pointer-events:none;animation:v8-trail-breathe 10s ease-in-out infinite alternate}
.seamless-v8 [data-review-section]{position:relative;border:0!important;box-shadow:none}

/* Hero → Story: the clearing grows into the forest rather than arriving as a cream strip. */
.seamless-v8 [data-review-section="hero"] .hero-atmosphere::after{display:none}
.seamless-v8 [data-review-section="story"]{z-index:4;margin-top:-150px;padding-top:245px;background:none}
.seamless-v8 [data-review-section="story"]::after{content:"";position:absolute;z-index:-2;inset:0;width:auto;aspect-ratio:auto;left:0;right:0;top:0;bottom:0;transform:none;border-radius:0;filter:none;background:radial-gradient(circle at 72% 26%,rgba(232,163,84,.18) 0 5%,transparent 5.5%),radial-gradient(circle at 16% 82%,rgba(168,134,216,.17) 0 8%,transparent 8.5%),linear-gradient(138deg,#fbf7ee 0%,#f6f1e7 54%,#eee4cf 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) 24px,rgba(0,0,0,.44) 88px,#000 190px,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) 24px,rgba(0,0,0,.44) 88px,#000 190px,#000 100%);pointer-events:none}

/* Story → Crew: only the moving forest plate dissolves in; labels and copy remain crisp. */
.seamless-v8 [data-review-section="crew"]{z-index:5;margin-top:-130px;background:transparent;overflow:visible}
.seamless-v8 [data-review-section="crew"] .crew-visual{overflow:hidden;background:#102c21;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.1) 28px,rgba(0,0,0,.5) 92px,#000 190px,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.1) 28px,rgba(0,0,0,.5) 92px,#000 190px,#000 100%)}
.seamless-v8 [data-review-section="crew"] .crew-visual::before{background:linear-gradient(90deg,rgba(8,25,19,.72) 0%,rgba(8,25,19,.28) 25%,transparent 48%),linear-gradient(0deg,rgba(8,25,19,.72),transparent 28%)}
.seamless-v8 [data-review-section="crew"] .crew-caption{top:clamp(150px,11vw,188px)}

/* Crew → Film: one uninterrupted deep-forest field. */
.seamless-v8 [data-review-section="film"]{z-index:3;margin-top:-2px;border:0;background:radial-gradient(circle at 83% 32%,rgba(168,134,216,.3),transparent 25%),radial-gradient(circle at 14% 72%,rgba(232,163,84,.16),transparent 22%),linear-gradient(180deg,#102c21 0%,#173b2d 54%,#0b241b 100%)}
.seamless-v8 [data-review-section="film"]::after{display:none}

/* Film → Collection: the cream clearing appears in scattered patches over the dark scene. */
.seamless-v8 [data-review-section="gear"].showcase{z-index:6;margin-top:-170px;padding-top:255px;padding-bottom:0;background:transparent;isolation:isolate}
.seamless-v8 [data-review-section="gear"].showcase::before{content:"";display:block;position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#eee7d9 0%,#f6f1e7 91%,#e5ddce 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) 30px,rgba(0,0,0,.46) 96px,#000 210px,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) 30px,rgba(0,0,0,.46) 96px,#000 210px,#000 100%);pointer-events:none}

/* Collection → Outro: the night forest grows upward through the product clearing. */
.seamless-v8 [data-review-section="outro"]{z-index:7;margin-top:-150px;border:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.1) 26px,rgba(0,0,0,.5) 88px,#000 190px,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.1) 26px,rgba(0,0,0,.5) 88px,#000 190px,#000 100%)}
.seamless-v8 [data-review-section="outro"] .outro-atmosphere::before{display:none}

@keyframes v8-trail-breathe{from{opacity:.06;filter:blur(.4px)}to{opacity:.14;filter:blur(0)}}
@media(max-width:900px){
  .seamless-v8 [data-review-section="story"]{margin-top:-96px;padding-top:176px}
  .seamless-v8 [data-review-section="crew"]{margin-top:-74px}
  .seamless-v8 [data-review-section="crew"] .crew-caption{top:auto}
  .seamless-v8 [data-review-section="gear"].showcase{margin-top:-104px;padding-top:176px}
  .seamless-v8 [data-review-section="outro"]{margin-top:-96px}
}
@media(max-width:760px){
  .seamless-v8 main::before{right:-56px;width:150px;top:700px;height:calc(100% - 1150px);background-size:130px 1050px;opacity:.07}
}
@media(max-width:520px){
  .seamless-v8 [data-review-section="story"]{margin-top:-72px;padding-top:146px}
  .seamless-v8 [data-review-section="crew"]{margin-top:-52px}
  .seamless-v8 [data-review-section="gear"].showcase{margin-top:-76px;padding-top:148px}
  .seamless-v8 [data-review-section="outro"]{margin-top:-72px}
}
@media(prefers-reduced-motion:reduce){.seamless-v8 main::before{animation:none}}