/* A light chapter with five opaque cards that settle onto the same scroll anchor. */
#scenarios.is-journey-stack {
  --journey-anchor: 96px;
  --journey-card-height: calc(100svh - 120px);
  padding: clamp(64px, 7vw, 110px) clamp(16px, 4vw, 64px) 74px;
  overflow: visible !important;
  transform: none !important;
  color: #17191d;
  background-color: #edf0f2;
  background-image: radial-gradient(ellipse at 98% 10%, #ff6a2624, transparent 48%), radial-gradient(ellipse at 0% 80%, #ff804518, transparent 48%), linear-gradient(#20242a08 1px, transparent 1px), linear-gradient(90deg, #20242a08 1px, transparent 1px);
  background-size: auto, auto, 88px 88px, 88px 88px;
}
#scenarios.is-journey-stack .scenario-sticky-layout { display:block; overflow:visible; transform:none; max-width:1200px; }
#scenarios.is-journey-stack .scenario-sticky-copy { margin:0 auto 58px; max-width:1000px; }
#scenarios.is-journey-stack .scenario-sticky-copy h2 { color:#16191d; font-weight:600; }
#scenarios.is-journey-stack .scenario-sticky-copy .eyebrow { color:#bb3c0c; background:#ffffff9c; border-color:#ff6a2633; box-shadow:0 7px 20px #713b2b08; }
#scenarios.is-journey-stack .scenario-sticky-copy p:not(.eyebrow) { max-width:760px; color:#565d67; font-size:clamp(.98rem,1.14vw,1.12rem); line-height:1.65; }
#scenarios.is-journey-stack .journey-intro-emphasis { color:#a9380d; font-weight:500; }
#scenarios.is-journey-stack .journey-intro-mark { color:#99300a; background:linear-gradient(transparent 63%,#ff722935 63%); padding:0 2px; }
#scenarios.is-journey-stack .scenario-scroll-stack { display:block; overflow:visible; padding:0; margin:0; }
#scenarios.is-journey-stack .scenario-scroll-stack::after { content:""; display:block; height:calc(65svh + 120px); pointer-events:none; }
#scenarios.is-journey-stack .scenario-scroll-stack > .scenario {
  position:sticky !important;
  inset:auto !important;
  top:var(--journey-anchor) !important;
  z-index:var(--journey-layer,1);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  height:var(--journey-card-height);
  min-height:0;
  margin:0 0 clamp(70px,12svh,130px) !important;
  padding:clamp(20px,2.5svh,28px) clamp(18px,3vw,34px);
  gap:18px;
  overflow:auto;
  overscroll-behavior:auto;
  border:1px solid #ffb48b55;
  border-radius:22px;
  background:radial-gradient(ellipse at 100% 0%,#e655213d,transparent 56%),radial-gradient(ellipse at 0% 100%,#9b452425,transparent 60%),linear-gradient(145deg,#303238,#202226 70%);
  box-shadow:inset 0 1px #ffffff25,0 -3px 0 #ff8d4138,0 24px 60px #20242a30;
  opacity:1;
  transform:none !important;
  scrollbar-width:thin;
  scrollbar-color:#ff8a4c #272a30;
}
#scenarios.is-journey-stack .scenario-scroll-stack > .scenario:last-child { margin-bottom:0 !important; }
#scenarios.is-journey-stack .scenario > * { flex-shrink:0; opacity:1 !important; transform:none !important; }
#scenarios.is-journey-stack .scenario-copy { flex:0 0 auto; display:block; max-width:960px; margin:0; }
#scenarios.is-journey-stack .scenario-copy > .mono-label { width:auto; margin:0 0 10px; padding:6px 10px; color:#ffc59e; border-color:#ff9d6b4d; background:#ff6a2017; font-size:.55rem; }
#scenarios.is-journey-stack .scenario-copy h3 { margin:0 auto 9px; max-width:920px; font-size:clamp(1.45rem,2.25vw,2.35rem); line-height:1.1; color:#fff; }
#scenarios.is-journey-stack .scenario-copy .scenario-body { max-width:890px; margin:0 auto; color:#f1f2f5; font-size:clamp(.83rem,1vw,.96rem); line-height:1.5; }
#scenarios.is-journey-stack .scenario-reason { margin:10px auto 0; padding:8px 12px; border-color:#ffb18a28; background:#e8682610; }
#scenarios.is-journey-stack .scenario-reason p { color:#e9e9ed; font-size:.72rem; line-height:1.4; }
#scenarios.is-journey-stack .scenario-reason > span { color:#ffc197; font-size:.5rem; }
#scenarios.is-journey-stack .scenario-video { width:min(100%,760px,calc(var(--journey-media-height,400px) * 1.7778)); margin:auto 0; flex:0 0 auto; min-height:0; border-color:#ffab6a49; box-shadow:0 16px 42px #0005,0 0 35px #ff602212; }
#scenarios.is-journey-stack .scenario-video-stage { max-height:var(--journey-media-height,400px); width:100%; aspect-ratio:16/9 !important; }
#scenarios.is-journey-stack :is(.handoff-preview,.handoff-previews) { max-width:960px; min-height:0; margin:auto 0; }
#scenarios.is-journey-stack .handoff-preview { padding-top:0; border-color:#ffa36f4d; background:#e5e9ed; }
#scenarios.is-journey-stack .handoff-preview-heading { padding:10px 16px; background:linear-gradient(110deg,#ffbc8f3d,#e4e8ed 70%); }
#scenarios.is-journey-stack .handoff-preview-heading h4 { font-size:1rem; margin:3px 0; }
#scenarios.is-journey-stack .handoff-preview-heading p { font-size:.71rem; line-height:1.35; }
#scenarios.is-journey-stack .handoff-preview-kicker { font-size:.54rem; }
#scenarios.is-journey-stack .handoff-preview-track { max-height:none; height:auto !important; align-items:stretch; }
#scenarios.is-journey-stack .handoff-preview-track::after { display:none; }
#scenarios.is-journey-stack .handoff-preview-slide { flex:0 0 100%; padding:8px 16px; }
#scenarios.is-journey-stack .handoff-preview-slide figcaption { min-height:0; margin:0 0 7px; padding:0; background:transparent; }
#scenarios.is-journey-stack .handoff-preview-slide figcaption strong { font-size:.77rem; line-height:1.3; }
#scenarios.is-journey-stack .handoff-preview-slide figcaption span { font-size:.66rem; line-height:1.35; }
#scenarios.is-journey-stack :is(.handoff-preview-sheet,.handoff-preview-sheet--persona,.handoff-proposal-collage) { height:var(--journey-sheet-height,290px) !important; max-height:var(--journey-sheet-height,290px); min-height:0; aspect-ratio:auto !important; }
#scenarios.is-journey-stack .handoff-preview-sheet { width:100%; max-width:none; padding:6px; border-radius:7px; }
#scenarios.is-journey-stack .handoff-preview-sheet img { width:auto; height:100%; max-height:100%; max-width:100%; object-fit:contain; }
#scenarios.is-journey-stack .handoff-preview-footer { padding:3px 14px 5px; background:#e5e9ed; }
#scenarios.is-journey-stack .handoff-preview-footer button { min-height:28px; height:28px; }
#scenarios.is-journey-stack .handoff-preview-arrows button { height:40px; min-height:40px; }
#scenarios.is-journey-stack .whatsapp-conversation-preview { max-width:960px; margin:auto 0; padding:12px; border-color:#ffb38755; background:#eceef1; }
#scenarios.is-journey-stack .whatsapp-conversation-preview figcaption { margin:0 0 9px; }
#scenarios.is-journey-stack .whatsapp-conversation-preview figcaption strong { font-size:.9rem; }
#scenarios.is-journey-stack .whatsapp-preview-hint { font-size:.7rem; }
#scenarios.is-journey-stack .whatsapp-preview-track { height:var(--journey-whatsapp-height,300px); max-height:var(--journey-whatsapp-height,300px); }
#scenarios.is-journey-stack .whatsapp-preview-track img { height:100%; width:auto; max-width:none; min-width:0; object-fit:contain; margin:0 auto; }
@media(max-width:720px) {
  #scenarios.is-journey-stack { --journey-anchor:80px; --journey-card-height:calc(100svh - 102px); padding-inline:12px; }
  #scenarios.is-journey-stack .scenario-sticky-copy { margin-bottom:38px; }
  #scenarios.is-journey-stack .scenario-sticky-copy h2 { font-size:clamp(2.1rem,8.3vw,3rem); }
  #scenarios.is-journey-stack .scenario-sticky-copy p:not(.eyebrow) { font-size:.94rem; }
  #scenarios.is-journey-stack .scenario-scroll-stack > .scenario { padding:18px 14px; border-radius:17px; gap:14px; }
  #scenarios.is-journey-stack .scenario-copy h3 { font-size:1.44rem; line-height:1.1; }
  #scenarios.is-journey-stack .scenario-copy .scenario-body { font-size:.8rem; line-height:1.45; }
  #scenarios.is-journey-stack .scenario-reason { padding:7px 9px; gap:5px; }
  #scenarios.is-journey-stack .scenario-reason p { font-size:.66rem; }
  #scenarios.is-journey-stack .handoff-preview-heading { padding:9px 10px; }
  #scenarios.is-journey-stack .handoff-preview-heading h4 { font-size:.94rem; }
  #scenarios.is-journey-stack .handoff-preview-slide { padding:8px 10px; }
  #scenarios.is-journey-stack .handoff-preview-slide figcaption strong { font-size:.73rem; }
}
@media(prefers-reduced-motion:reduce) {
  #scenarios.is-journey-stack .scenario-scroll-stack > .scenario { position:relative !important; top:auto !important; height:auto; overflow:visible; margin-bottom:26px !important; }
  #scenarios.is-journey-stack .scenario-scroll-stack { padding-bottom:0; }
  #scenarios.is-journey-stack .scenario-scroll-stack::after { display:none; }
}
