.spark-journey-intro{padding:130px 0 42px;background:#f3f6f8;color:#163e65}
.spark-journey-intro,.spark-journey{position:relative;isolation:isolate}
.spark-journey-intro::before,.spark-journey::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../assets/images/brand/pattern-alternative.svg') center/800px auto repeat;opacity:.055;-webkit-mask-image:none;mask-image:none}
.spark-journey-intro h1,.spark-journey-intro h2{font-size:clamp(32px,4vw,58px);line-height:1.1;margin:16px 0}
.spark-journey-intro p:not(.eyebrow){max-width:920px;line-height:1.8}
.spark-journey-period{font-weight:700;letter-spacing:.14em;color:#54742d}
.spark-journey-summary{padding:56px 0}
.spark-journey-summary .btn{margin-top:22px}
.spark-journey{background:#f3f6f8;padding:10px 0 70px;scroll-margin-top:100px}
.spark-journey-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 12px}
.spark-journey-stage{display:contents}
.spark-journey-point{grid-row:1;background:transparent;border:0;border-top:3px solid #cbd7df;padding:22px 12px;text-align:start;color:#163e65;cursor:pointer;position:relative;font:inherit;min-height:108px}
.spark-journey-point:before{content:"";position:absolute;top:-8px;left:12px;width:13px;height:13px;border-radius:50%;background:#9fafb9}
.spark-journey-point span{display:block;font-size:12px;font-weight:700;letter-spacing:.07em}
.spark-journey-point span:first-child{font-size:24px;margin-bottom:7px;letter-spacing:0}
.spark-journey-point[aria-expanded=true]{border-color:#80b638;background:#e8efdf;border-radius:0 0 10px 10px}
.spark-journey-point[aria-expanded=true]:before,.is-live .spark-journey-point:before{background:#80b638}
.is-live .spark-journey-point{color:#436520;border-top-color:#80b638}
.spark-journey-point:focus-visible{outline:3px solid #163e65;outline-offset:4px}
.spark-journey-panel{grid-column:1/-1;display:flex;gap:36px;align-items:center;background:#fff;border:1px solid #d7e1e8;border-radius:20px;padding:clamp(24px,4vw,48px);margin-top:24px;min-height:440px;box-shadow:0 18px 48px #081d3108}
.spark-journey-panel[hidden]{display:none}
.spark-journey-panel>div{flex:1;min-width:0}
.spark-journey-panel h2{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:12px 0 20px;color:#163e65}
.spark-journey-panel p,.spark-journey-panel li{line-height:1.8}
.spark-journey-panel ul{padding-inline-start:22px;margin:20px 0 0;list-style:disc}
.spark-journey-panel li::marker{color:#80b638}
.spark-journey-video{width:44%;aspect-ratio:16/10;object-fit:contain;background:#081d31;border-radius:14px}
/* Keep the full construction footage and native playback controls visible. */
html body .journey-diagonal-media .spark-journey-video[data-construction-video]{height:auto;max-height:100%;object-fit:contain;clip-path:none;aspect-ratio:1024/580;border-radius:16px;margin:0}
html body .journey-diagonal-media:has([data-construction-video]){display:flex;align-items:center;padding:24px}
html body .journey-diagonal-media:has([data-construction-video]) .journey-diagonal-accent{display:none}
.spark-journey-stat{padding:36px;background:#edf4e6;border-radius:16px;text-align:center}
.spark-journey-stat strong{font-size:64px;color:#163e65}
.is-live .spark-journey-panel{border-color:#80b638;border-top-width:4px}
@media(max-width:767px){
.spark-journey-track{display:block;border-inline-start:2px solid #cbd7df;padding-inline-start:18px}
.spark-journey-stage{display:block;margin-bottom:18px}
.spark-journey-point{width:100%;min-height:88px;border-top:0;border-bottom:1px solid #cbd7df}
.spark-journey-point:before{top:30px;left:-26px}
.spark-journey-panel{display:block;min-height:0;margin-top:12px;padding:24px 20px}
.spark-journey-panel[hidden]{display:none}
.spark-journey-video{width:100%;margin-top:22px}
.spark-journey-stat{margin-top:24px}
.spark-journey-intro{padding-top:110px}
.spark-journey-summary{padding:40px 0}
}