.value-journey{background:var(--surface-blue);color:#fff;position:relative;border-top:1px solid #ffffff22}.value-stage{padding:65px 0}.value-heading{text-align:center;margin-bottom:40px}.value-heading .kicker{color:#b7ccdc;font-size:11px;letter-spacing:.18em}.value-heading h2{font-size:clamp(30px,3.9vw,50px);font-weight:400;line-height:1.4;margin:14px 0}.value-heading h2 span{color:#bdd2e0}.value-chapter{display:grid;grid-template-columns:1fr 1.15fr;gap:7%;align-items:center;padding:45px 0;border-top:1px solid #ffffff20}.value-label{font-size:12px;letter-spacing:.12em;color:#e6cc97;margin:0 0 20px}.value-copy h3{font:400 clamp(36px,4.5vw,61px)/1.3 Prompt,sans-serif;letter-spacing:-.025em;margin:0 0 17px}.value-copy h3 em{font-style:normal;font-size:1.3em;color:#e6cc97}.value-copy h4{font-size:22px;font-weight:400;margin:0 0 14px;color:#e1edf4}.value-copy>p:last-child{font-size:17px;line-height:1.9;color:#bed2df;margin:0;max-width:470px}.value-infographic{margin:0;min-width:0}.value-infographic svg{width:100%;display:block;overflow:visible}.value-infographic rect{fill:#193f5d;stroke:#b8cfdd70;stroke-width:1}.value-infographic circle{fill:#153e60;stroke:#e6cc97;stroke-width:1.5}.value-infographic text{font:15px 'Noto Sans Thai',sans-serif;fill:#e6eff4}.journey-draw{stroke:#e6cc97;stroke-width:1.5;stroke-linecap:round}.journey-ticks{stroke:#c1d5e1;stroke-width:1}.value-infographic figcaption{font-size:13px;color:#b9ccda;line-height:1.8;text-align:center;border-top:1px solid #ffffff22;margin-top:15px;padding-top:18px;max-width:490px}.value-nav{justify-content:center}.value-nav button{text-align:center;min-width:120px}.value-scroll-note{display:none}
.value-journey.scroll-enhanced{height:400svh}.value-journey.scroll-enhanced .value-stage{min-height:0;padding-top:30px;padding-bottom:90px}.value-chapters{position:relative}.scroll-enhanced .value-chapters{height:360px}.scroll-enhanced .value-chapter{border:0;padding:15px 0}.scroll-enhanced .value-scroll-note{display:block;text-align:center;font-size:12px;color:#9cb9cd;margin:12px 0 0}.scroll-enhanced .journey-draw{stroke-dasharray:1;stroke-dashoffset:1}.scroll-enhanced .is-current .journey-draw{animation:journey-trace 1.6s ease .15s both}.scroll-enhanced .is-current .journey-node{animation:journey-appear .8s ease var(--delay,0s) both}
@keyframes journey-trace{to{stroke-dashoffset:0}}@keyframes journey-appear{from{opacity:0}to{opacity:1}}
@media(max-width:720px){.value-stage{padding:45px 0}.value-heading{margin-bottom:22px}.value-heading h2{font-size:29px}.value-heading .kicker{font-size:10px;letter-spacing:.12em}.value-chapter{grid-template-columns:1fr;gap:18px;padding:35px 0}.value-label{font-size:11px;margin-bottom:12px}.value-copy h3{font-size:36px;margin-bottom:13px}.value-copy h3 br{display:none}.value-copy h4{font-size:20px;margin-bottom:9px}.value-copy>p:last-child{font-size:15px;line-height:1.8}.value-infographic svg{max-height:200px}.value-infographic figcaption{font-size:12px;margin-top:4px;padding-top:12px}.scroll-enhanced .value-chapters{height:405px}.value-nav button{min-width:0;font-size:11px}.value-nav button span{display:block;margin:4px 0 0;font-size:13px}.value-journey.scroll-enhanced .story-nav{gap:10px}.scroll-enhanced .value-scroll-note{font-size:11px}.value-journey.scroll-enhanced .value-stage{padding-top:22px;padding-bottom:85px}}
@media(max-width:720px) and (max-height:750px){.scroll-enhanced .value-heading h2{font-size:25px}.scroll-enhanced .value-heading{margin-bottom:10px}.scroll-enhanced .value-copy h3{font-size:31px;margin-bottom:10px}.scroll-enhanced .value-chapters{height:365px}.scroll-enhanced .value-infographic svg{max-height:160px}.scroll-enhanced .value-chapter{gap:10px}.scroll-enhanced .value-scroll-note{display:none}}
@media(prefers-reduced-motion:reduce){.value-infographic *{animation:none!important}}

/* Reserve the complete chapter, including its caption, before navigation. */
.value-journey.scroll-enhanced .value-chapters{display:grid;height:auto;min-height:0;position:relative}
.value-journey.scroll-enhanced .value-chapter[data-story-chapter]{position:relative;inset:auto;grid-area:1/1;align-self:center;min-width:0}
.value-journey.scroll-enhanced .value-nav{position:relative;clear:both;margin-top:28px}
@media(min-width:721px){
 .value-journey.scroll-enhanced .value-chapter svg{max-height:240px}
 .value-journey.scroll-enhanced .value-chapter{padding:12px 0}
}
@media(max-width:720px){
 .value-journey.scroll-enhanced .value-nav{margin-top:16px}
 .value-journey.scroll-enhanced .value-chapter{padding:8px 0}
}