/* Scroll-drawn SVG, adapted to the site's own palette and content. */
.process{position:relative;isolation:isolate;overflow:hidden;background:#f7faef;border-radius:24px;margin-block:35px;padding-top:105px;padding-bottom:115px}
.process>.reveal,.process>.steps{position:relative;z-index:1}
.care-trail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;color:#b8e477;opacity:.45}
.care-trail path{fill:none;stroke:currentColor;stroke-width:13;stroke-linecap:round;stroke-linejoin:round}
.process .steps article{background:#f7faefe8;padding:24px;border-radius:12px;border-top-color:#aec398}

/* Horizontal progression is driven by native vertical scrolling. */
.horizontal-story{position:relative;background:var(--deep);color:white}
.story-stage{position:relative}
.story-topline{display:flex;justify-content:space-between;align-items:center;padding:30px 7%;gap:20px}
.story-topline .eyebrow{margin:0;color:var(--lime)}
.story-topline small{font-size:12px;color:#c8d5c8}
.story-track{display:grid}
.story-panel{position:relative;min-height:650px;overflow:hidden;padding:70px 8%;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:6%;isolation:isolate}
.story-panel:nth-child(1){background:#dce6ce;color:#183b33}.story-panel:nth-child(2){background:#eae5d9;color:#183b33}.story-panel:nth-child(3){background:#315847;color:#fff}.story-panel:nth-child(4){background:#c8d69f;color:#183b33}
.story-copy{position:relative;z-index:2}
.story-copy .eyebrow{color:inherit;opacity:.8;font-size:11px}
.story-copy h2{font-size:clamp(3rem,8vw,8rem);font-weight:600;letter-spacing:-.065em;transform:translateX(var(--title-drift,0px));line-height:1.06}
.story-copy p{max-width:350px;margin-top:25px;font-size:17px;line-height:1.7}
.story-panel img{width:100%;max-width:420px;height:clamp(330px,57vh,610px);object-fit:cover;border-radius:180px 180px 22px 22px;justify-self:center;box-shadow:0 25px 55px #092d2720}
.story-panel .story-number{position:absolute;bottom:22px;left:8%;font-size:11px;letter-spacing:2px;opacity:.6}
.story-controls{display:none;align-items:center;justify-content:space-between;gap:20px;padding:20px 7%;background:var(--deep);position:relative}
.story-position{font-size:12px;font-variant-numeric:tabular-nums;color:var(--lime)}
.story-dots{display:flex;gap:5px}.story-dots button{display:grid;place-items:center;background:none;color:var(--lime);border:0;width:32px;height:32px;padding:0}.story-dots button:before{content:'';width:7px;height:7px;background:#718c7e;border-radius:50%}.story-dots button[aria-pressed=true]:before{width:10px;height:10px;background:var(--lime)}
.story-skip{background:none;border:0;color:white;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:8px 0}
.story-progress{position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff20}.story-progress-fill{height:100%;background:var(--lime);transform-origin:left;transform:scaleX(0)}
.scroll-story-active{height:400svh}
.scroll-story-active .story-stage{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column}
.scroll-story-active .story-topline{flex-shrink:0;padding-top:100px;padding-bottom:22px}
.scroll-story-active .story-track{display:flex;flex:1;min-height:0;will-change:transform}
.scroll-story-active .story-panel{width:100%;flex:0 0 100%;min-height:0;padding-block:28px}
.scroll-story-active .story-panel img{max-height:calc(100svh - 240px)}
.scroll-story-active .story-controls{display:flex;flex-shrink:0;padding-bottom:80px}
@media(max-width:760px){.process{margin-block:0;border-radius:0}.process .steps article{padding-left:60px}.process .steps b{left:15px}.care-trail{opacity:.3}.story-topline{padding-inline:7%}.story-topline .eyebrow{font-size:9px;letter-spacing:1.5px}.story-topline small{display:none}.story-panel{grid-template-columns:1fr;gap:22px;padding:40px 8%;min-height:650px}.story-copy h2{font-size:clamp(2.8rem,13vw,4.5rem)}.story-copy p{font-size:14px;margin-top:12px;max-width:290px;line-height:1.55}.story-copy .eyebrow{margin-bottom:12px;font-size:9px}.story-panel img{height:310px;width:70%;max-width:300px;border-radius:110px 110px 15px 15px}.story-panel .story-number{display:none}.scroll-story-active .story-topline{padding-top:92px;padding-bottom:16px}.scroll-story-active .story-panel{padding:16px 8%;align-content:center;gap:20px}.scroll-story-active .story-panel img{height:clamp(140px,30svh,300px);max-height:30svh;width:65%}.scroll-story-active .story-controls{padding-bottom:85px;padding-top:12px}.story-controls{gap:10px}.story-position,.story-skip{font-size:11px}.story-dots{gap:0}.story-dots button{width:26px}}
@media(max-height:650px) and (min-width:761px){.scroll-story-active .story-topline{padding-top:80px;padding-bottom:10px}.story-copy h2{font-size:5vw}.story-copy p{font-size:14px;margin-top:12px}.scroll-story-active .story-panel img{height:calc(100svh - 220px)}.scroll-story-active .story-controls{padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){.care-trail path{stroke-dashoffset:0!important}.story-track{transform:none!important}.story-copy h2{transform:none!important}.story-topline small{display:none}}
