.spath-page {
  --spath-bg: #edf0e8;
  --spath-ink: #102018;
  --spath-muted: #5b685f;
  --spath-dark: #06100b;
  --spath-accent: #ccf38a;
  --spath-progress: 0;
  --spath-page-progress: 0;
  overflow: clip;
  color: var(--spath-ink);
  background: var(--spath-bg);
  font-family: Arial, Helvetica, sans-serif;
}

.spath-page *, .spath-page *::before, .spath-page *::after { box-sizing: border-box; }
.spath-page a { color: inherit; }
.spath-page button { font: inherit; }
.spath-page--waste { --spath-accent: #aee9dc; }
.spath-page--carbon { --spath-accent: #f0d29a; }
.spath-page--waste.is-static .spath-hero { height: 100svh; min-height: 42rem; }
.spath-page--waste.is-static .spath-hero-stage { position: relative !important; inset: 0 !important; }
.spath-page--ambient .spath-hero { height: 100svh; min-height: 42rem; }
.spath-page--ambient .spath-hero-stage { position: relative !important; inset: 0 !important; }

.spath-skip { position: fixed; z-index: 9999; top: .75rem; left: 1rem; padding: .75rem 1rem; color: #0a180f !important; background: var(--spath-accent); transform: translateY(-180%); transition: transform .2s ease; }
.spath-skip:focus { transform: none; }

.spath-hero { position: relative; height: 175vh; min-height: 1150px; background: var(--spath-dark); }
.spath-hero-stage { position: absolute; inset: 0 0 auto; width: 100%; height: 100vh; height: 100svh; overflow: hidden; isolation: isolate; color: #fff; background: var(--spath-dark); }
.spath-hero-stage.is-pinned { position: fixed; inset: 0 0 auto; }
.spath-hero-stage.is-after { position: absolute; inset: auto 0 0; }
.spath-hero-media, .spath-hero-poster, .spath-hero-poster img, .spath-hero-film, .spath-hero-grain { position: absolute; inset: 0; width: 100%; height: 100%; }
.spath-hero-media { z-index: -2; overflow: hidden; }
.spath-hero-poster { display: block; }
.spath-hero-poster img, .spath-hero-film { display: block; object-fit: cover; object-position: 50% 50%; transform: none; filter: none; }
.spath-hero-film { opacity: 0; transition: opacity .5s ease; }
.spath-page.is-film-ready .spath-hero-film { opacity: 1; }
.spath-page.is-film-ready .spath-hero-poster img { opacity: 0; }
.spath-hero-grain { opacity: .08; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; pointer-events: none; }
.spath-hero-ui { position: absolute; z-index: 4; top: clamp(4.6rem,8vh,6rem); right: clamp(1.25rem,4vw,4.5rem); left: clamp(1.25rem,4vw,4.5rem); display: flex; align-items: center; justify-content: space-between; color: rgba(255,255,255,.76); font-size: .6rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; text-shadow: 0 1px 4px #000; }
.spath-hero-status { display: flex; align-items: center; gap: .55rem; }
.spath-hero-status i { width: .42rem; height: .42rem; border-radius: 50%; background: var(--spath-accent); box-shadow: 0 0 0 .35rem color-mix(in srgb,var(--spath-accent) 15%,transparent); }
.spath-hero-copy { position: absolute; z-index: 3; left: clamp(1.25rem,7vw,8.5rem); bottom: clamp(4.5rem,8vh,6rem); width: min(62rem,80vw); color: #fff; text-shadow: -1px -1px 2px rgba(0,0,0,.86), 1px 1px 2px rgba(0,0,0,.86), 0 .65rem 2.4rem rgba(0,0,0,.68); transform: translate3d(0,calc((1 - var(--spath-progress)) * 1.2rem),0); }
.spath-kicker { margin: 0 0 1.15rem; color: var(--spath-accent); font-size: .65rem; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.spath-hero h1, .spath-statement h2, .spath-section-head h2, .spath-roadmap h2, .spath-boundary h2, .spath-cta h2 { margin: 0; font-family: Georgia,"Times New Roman",serif; font-weight: 400; letter-spacing: -.055em; }
.spath-hero h1 { max-width: 61rem; font-size: clamp(3.35rem,5.8vw,6.8rem); line-height: .9; }
.spath-hero h1 em { display: block; color: var(--spath-accent); font-weight: 400; }
.spath-hero-lede { max-width: 44rem; margin: 1.15rem 0 0; color: rgba(255,255,255,.91); font-size: clamp(.94rem,1.05vw,1.08rem); font-weight: 500; line-height: 1.58; text-shadow: 0 1px 2px #000,0 .3rem 1rem #000; }
.spath-scroll-cue { position: absolute; z-index: 4; right: clamp(1.25rem,4vw,4.5rem); bottom: 2rem; display: flex; align-items: center; gap: .8rem; color: rgba(255,255,255,.7); font-size: .58rem; letter-spacing: .14em; text-transform: uppercase; }
.spath-scroll-cue i { width: 4.5rem; height: 1px; overflow: hidden; background: rgba(255,255,255,.3); }
.spath-scroll-cue i::after { content: ""; display: block; width: calc(var(--spath-progress) * 100%); height: 100%; background: var(--spath-accent); }
.spath-page--ambient .spath-scroll-cue i::after { width: calc(var(--spath-page-progress) * 100%); }

.spath-growth { position: fixed; z-index: 12; top: 14vh; right: 1rem; width: 4.4rem; height: 72vh; min-height: 28rem; max-height: 46rem; pointer-events: none; filter: drop-shadow(0 .25rem .7rem rgba(3,18,9,.28)); }
.spath-growth-caption { position: absolute; top: 0; left: -.3rem; color: rgba(219,244,205,.78); font-size: .5rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; text-shadow: 0 1px 3px rgba(0,0,0,.65); writing-mode: vertical-rl; transform: rotate(180deg); }
.spath-growth svg { display: block; width: 100%; height: 100%; overflow: visible; }
.spath-growth-soil { fill: none; stroke: rgba(105,73,40,.74); stroke-width: 3; stroke-linecap: round; }
.spath-growth-root, .spath-growth-stem, .spath-growth-branch { fill: none; stroke: url(#papersmart-growth-gradient); stroke-linecap: round; stroke-linejoin: round; }
.spath-growth-root { stroke-width: 2.4; stroke-dasharray: 1; stroke-dashoffset: calc(1 - clamp(0,calc(var(--spath-page-progress) * 5),1)); }
.spath-growth-stem { stroke-width: 4; stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--spath-page-progress)); }
.spath-growth-branch { stroke-width: 2.4; }
.spath-growth-seed { fill: #9c7046; stroke: #f0d69d; stroke-width: 1.2; transform-origin: center; transform: scale(calc(1 - (var(--spath-page-progress) * .22))); }
.spath-growth-sprout { opacity: clamp(0,calc((var(--spath-page-progress) - .12) * 7),1); transform-origin: 50% 72%; transform: scale(calc(.74 + (var(--spath-page-progress) * .26))); }
.spath-growth-sapling { opacity: clamp(0,calc((var(--spath-page-progress) - .38) * 6),1); }
.spath-growth-sapling .spath-growth-leaf:nth-child(n+4) { opacity: clamp(0,calc((var(--spath-page-progress) - .54) * 7),1); }
.spath-growth-tree { opacity: clamp(0,calc((var(--spath-page-progress) - .72) * 7),1); transform-origin: 50% 14%; transform: scale(calc(.78 + (var(--spath-page-progress) * .22))); }
.spath-growth-leaf { fill: #b9ef7e; stroke: rgba(26,83,46,.65); stroke-width: .7; }
.spath-growth-tree .spath-growth-leaf { transform-box: fill-box; transform-origin: center; animation: spath-leaf-sway 4.6s ease-in-out infinite alternate; }
.spath-growth-tree .spath-growth-leaf:nth-child(2n) { animation-delay: -2.1s; animation-duration: 5.4s; }
@keyframes spath-leaf-sway { from { transform: rotate(-3deg); } to { transform: rotate(4deg); } }

.spath-growth--carbon .spath-growth-caption { color: rgba(255,238,204,.84); }
.spath-carbon-ghost, .spath-carbon-route, .spath-carbon-pack path, .spath-carbon-measure path, .spath-carbon-measure circle, .spath-carbon-evidence circle, .spath-carbon-evidence path { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.spath-carbon-ghost { stroke: rgba(239,208,154,.2); stroke-width: 2; stroke-dasharray: 4 8; }
.spath-carbon-route { stroke: url(#carbonsmart-route-gradient); stroke-width: 3.5; stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--spath-page-progress)); }
.spath-carbon-pack path { stroke: #f3d6a4; stroke-width: 2; }
.spath-carbon-pack--base { opacity: clamp(.26,calc(1 - (var(--spath-page-progress) * 1.8)),1); }
.spath-carbon-measure { opacity: clamp(0,calc((var(--spath-page-progress) - .22) * 6),1); }
.spath-carbon-measure path, .spath-carbon-measure circle { stroke: #f0d29a; stroke-width: 1.8; }
.spath-carbon-pack--reduced { opacity: clamp(0,calc((var(--spath-page-progress) - .48) * 6),1); transform-origin: 50% 42%; transform: scale(calc(.8 + (var(--spath-page-progress) * .2))); }
.spath-carbon-evidence { opacity: clamp(0,calc((var(--spath-page-progress) - .72) * 6),1); transform-origin: 50% 9%; transform: scale(calc(.78 + (var(--spath-page-progress) * .22))); }
.spath-carbon-evidence circle, .spath-carbon-evidence path { stroke: #fff3d9; stroke-width: 2.4; }

.spath-growth--waste .spath-growth-caption { color: rgba(205,255,242,.82); }
.spath-waste-ghost, .spath-waste-route, .spath-waste-linear path, .spath-waste-linear circle, .spath-waste-recovery path, .spath-waste-recovery circle, .spath-waste-loop path, .spath-waste-loop circle { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.spath-waste-ghost { stroke: rgba(174,233,220,.2); stroke-width: 2; stroke-dasharray: 4 8; }
.spath-waste-route { stroke: url(#wastesmart-loop-gradient); stroke-width: 3.5; stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--spath-page-progress)); }
.spath-waste-linear { opacity: clamp(.25,calc(1 - (var(--spath-page-progress) * 1.8)),1); }
.spath-waste-linear path, .spath-waste-linear circle { stroke: #aee9dc; stroke-width: 2; }
.spath-waste-recovery { opacity: clamp(0,calc((var(--spath-page-progress) - .27) * 6),1); }
.spath-waste-recovery path, .spath-waste-recovery circle { stroke: #bff4e8; stroke-width: 2; }
.spath-waste-loop { opacity: clamp(0,calc((var(--spath-page-progress) - .62) * 6),1); transform-origin: 50% 16%; transform: scale(calc(.8 + (var(--spath-page-progress) * .2))); }
.spath-waste-loop > path:not(.spath-waste-arrow) { stroke: #ecfff9; stroke-width: 2.6; stroke-dasharray: 1; stroke-dashoffset: calc(1 - clamp(0,calc((var(--spath-page-progress) - .58) * 2.4),1)); }
.spath-waste-loop .spath-waste-arrow, .spath-waste-loop circle, .spath-waste-loop path:last-child, .spath-waste-loop path:nth-last-child(2) { stroke: #ecfff9; stroke-width: 2.2; }

.spath-statement { position: relative; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(22rem,.92fr); gap: clamp(2.5rem,6vw,7rem); align-items: center; padding: clamp(4rem,6vw,6rem) clamp(1.25rem,7vw,8.5rem); overflow: hidden; background: radial-gradient(circle at 84% 18%,rgba(61,115,80,.12),transparent 34%),linear-gradient(135deg,#edf0e8 0%,#e4eadf 100%); }
.spath-statement::after { content: ""; position: absolute; inset: 0; opacity: .26; background-image: linear-gradient(90deg,transparent 49.8%,rgba(48,91,63,.12) 50%,transparent 50.2%); background-size: 7rem 100%; pointer-events: none; }
.spath-statement > * { position: relative; z-index: 1; }
.spath-statement h2 { max-width: 54rem; font-size: clamp(2.65rem,4.2vw,4.8rem); line-height: .96; text-wrap: balance; }
.spath-statement h2 em { color: #3e7350; font-weight: 400; }
.spath-answer { padding: clamp(1.5rem,2.6vw,2.5rem); border: 1px solid rgba(40,79,53,.23); border-left: .3rem solid var(--spath-accent); background: rgba(250,252,247,.74); box-shadow: 0 1.5rem 4rem rgba(24,49,32,.08); backdrop-filter: blur(.45rem); }
.spath-answer-label { margin: 0 0 .9rem; color: #3f654c; font-size: .62rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.spath-answer > p { margin: 0; color: #34483a; font-size: clamp(.98rem,1.16vw,1.1rem); line-height: 1.68; }
.spath-answer dl { display: grid; grid-template-columns: minmax(7rem,.42fr) minmax(0,1fr); gap: .75rem 1.25rem; margin: 1.5rem 0 0; padding-top: 1.25rem; border-top: 1px solid rgba(48,91,63,.18); }
.spath-answer dt { color: #51705c; font-size: .64rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.spath-answer dd { margin: 0; color: #263a2d; font-size: .9rem; line-height: 1.45; }
.spath-inline-links { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1.35rem 0 0; }
.spath-inline-links a { display: inline-flex; align-items: center; gap: .5rem; padding: .55rem .8rem; color: #254631; border: 1px solid rgba(48,91,63,.24); border-radius: 2rem; background: rgba(255,255,255,.52); font-size: .72rem; font-weight: 700; text-decoration: none; }
.spath-inline-links a::after { content: "↗"; color: #3e7350; }
.spath-inline-links a:hover, .spath-inline-links a:focus-visible { color: #fff; background: #28533a; outline: none; }

.spath-decisions { padding: clamp(4.5rem,7vw,7rem) clamp(1.25rem,7vw,8.5rem); background: #dfe6dd; }
.spath-section-head { max-width: 78rem; }
.spath-section-head h2 { max-width: 64rem; font-size: clamp(2.7rem,4.6vw,5.2rem); line-height: .94; text-wrap: balance; }
.spath-decision-list { margin-top: clamp(2.75rem,4vw,4rem); border-top: 1px solid #94a197; }
.spath-decision { display: grid; grid-template-columns: 4rem minmax(15rem,.75fr) minmax(18rem,1.25fr); gap: clamp(1.25rem,3.5vw,4rem); align-items: start; padding: clamp(1.9rem,2.8vw,2.8rem) 0; border-bottom: 1px solid #9da9a0; }
.spath-decision > span { color: #647168; font-size: .63rem; letter-spacing: .14em; }
.spath-decision h3 { margin: 0; font-family: Georgia,serif; font-size: clamp(1.9rem,2.65vw,3rem); font-weight: 400; letter-spacing: -.04em; line-height: 1; }
.spath-decision p { max-width: 46rem; margin: 0; color: #4f5e54; line-height: 1.72; }

.spath-method { padding: clamp(4.5rem,7vw,7rem) clamp(1.25rem,7vw,8.5rem); color: #edf4ea; background: #0b1a12; }
.spath-method .spath-section-head h2 { color: #f3f5ef; }
.spath-method-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin-top: clamp(2.75rem,4vw,4rem); background: rgba(255,255,255,.18); }
.spath-method-step { min-height: 18rem; display: flex; flex-direction: column; padding: clamp(1.35rem,2vw,2rem); background: #10251a; }
.spath-method-step > span { color: var(--spath-accent); font-size: .61rem; letter-spacing: .14em; text-transform: uppercase; }
.spath-method-step h3 { margin: auto 0 .8rem; font-family: Georgia,serif; font-size: clamp(1.9rem,2.5vw,2.8rem); font-weight: 400; letter-spacing: -.035em; }
.spath-method-step p { margin: 0; color: rgba(239,245,235,.69); line-height: 1.58; }

.spath-roadmap { position: relative; display: grid; grid-template-columns: minmax(20rem,.82fr) minmax(25rem,1.18fr); gap: clamp(3rem,7vw,8rem); padding: clamp(4.5rem,7vw,7rem) clamp(1.25rem,7vw,8.5rem); overflow: hidden; color: #f3f6ef; background: radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--spath-accent) 18%,transparent),transparent 35%),#10241a; }
.spath-roadmap::before { content: ""; position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px); background-size: 4.5rem 4.5rem; pointer-events: none; }
.spath-roadmap > * { position: relative; z-index: 1; }
.spath-roadmap-intro { align-self: start; position: sticky; top: 7rem; }
.spath-roadmap h2 { max-width: 43rem; font-size: clamp(2.55rem,4vw,4.6rem); line-height: .96; text-wrap: balance; }
.spath-roadmap-intro > p:not(.spath-kicker) { max-width: 40rem; margin: 1.5rem 0 0; color: rgba(240,247,237,.68); font-size: .96rem; line-height: 1.68; }
.spath-roadmap-status { display: inline-flex; margin-top: 1.6rem; padding: .55rem .8rem; border: 1px solid color-mix(in srgb,var(--spath-accent) 42%,transparent); border-radius: 2rem; color: var(--spath-accent); background: rgba(3,14,8,.35); font-size: .6rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.spath-roadmap-list { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.24); list-style: none; }
.spath-roadmap-list li { display: grid; grid-template-columns: 3rem minmax(0,1fr); gap: 1rem; padding: 1.45rem 0; border-bottom: 1px solid rgba(255,255,255,.22); }
.spath-roadmap-list li > span { padding-top: .2rem; color: var(--spath-accent); font-size: .62rem; font-weight: 700; letter-spacing: .13em; }
.spath-roadmap-list h3 { margin: 0; font-family: Georgia,"Times New Roman",serif; font-size: clamp(1.5rem,2vw,2.15rem); font-weight: 400; letter-spacing: -.035em; line-height: 1.05; }
.spath-roadmap-list p { max-width: 42rem; margin: .6rem 0 0; color: rgba(240,247,237,.65); font-size: .9rem; line-height: 1.58; }

.spath-boundary { padding: clamp(4.75rem,7vw,7rem) clamp(1.25rem,9vw,10rem); color: #142219; background: #f2f1e9; text-align: center; }
.spath-boundary h2 { max-width: 66rem; margin: auto; font-size: clamp(2.75rem,4.8vw,5.4rem); line-height: .94; text-wrap: balance; }
.spath-boundary p { max-width: 54rem; margin: 2rem auto 0; color: #56635b; font-size: clamp(1rem,1.3vw,1.2rem); line-height: 1.75; }
.spath-boundary strong { color: #1d3326; }

.spath-faq { display: grid; grid-template-columns: minmax(16rem,.72fr) minmax(22rem,1.28fr); gap: clamp(3rem,7vw,8rem); padding: clamp(4.5rem,7vw,7rem) clamp(1.25rem,7vw,8.5rem); color: #f3f6ef; background: radial-gradient(circle at 10% 0,rgba(114,171,127,.2),transparent 34%),#153524; }
.spath-faq .spath-section-head { position: sticky; top: 7rem; align-self: start; }
.spath-faq .spath-section-head h2 { color: #f4f7f1; font-size: clamp(2.6rem,4.1vw,4.7rem); }
.spath-faq-list { border-top: 1px solid rgba(255,255,255,.25); }
.spath-faq details { border-bottom: 1px solid rgba(255,255,255,.25); }
.spath-faq summary { position: relative; padding: 1.65rem 3rem 1.65rem 0; color: #f1f5ee; font-family: Georgia,"Times New Roman",serif; font-size: clamp(1.35rem,1.9vw,2rem); line-height: 1.16; cursor: pointer; list-style: none; }
.spath-faq summary::-webkit-details-marker { display: none; }
.spath-faq summary::after { content: "+"; position: absolute; top: 1.45rem; right: .25rem; color: #3e7350; font-family: Arial,sans-serif; font-size: 1.45rem; font-weight: 400; }
.spath-faq details[open] summary::after { content: "−"; }
.spath-faq details p { max-width: 49rem; margin: -.35rem 3rem 1.75rem 0; color: rgba(238,245,237,.7); font-size: .96rem; line-height: 1.65; }

.spath-related { padding: clamp(4.5rem,7vw,7rem) clamp(1.25rem,7vw,8.5rem); background: #dfe6dd; }
.spath-related-nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 3rem; border-top: 1px solid #95a299; }
.spath-related-link { min-height: 11rem; display: flex; flex-direction: column; justify-content: space-between; padding: 1.6rem; border-right: 1px solid #95a299; border-bottom: 1px solid #95a299; text-decoration: none; transition: color .3s ease,background .3s ease; }
.spath-related-link:first-child { border-left: 1px solid #95a299; }
.spath-related-link small { color: #627067; letter-spacing: .13em; text-transform: uppercase; }
.spath-related-link strong { font-family: Georgia,serif; font-size: clamp(1.9rem,2.6vw,3rem); font-weight: 400; letter-spacing: -.035em; }
.spath-related-link span { align-self: flex-end; font-size: 1.2rem; }
.spath-related-link:hover, .spath-related-link:focus-visible { color: #fff; background: #173d2a; outline: none; }

.spath-cta { min-height: 68vh; display: grid; place-items: center; padding: 5.5rem 1.25rem; color: #fff; background: #07100c; text-align: center; }
.spath-cta-inner { width: min(72rem,94vw); }
.spath-cta h2 { font-size: clamp(2.9rem,4.8vw,5.5rem); line-height: .94; text-wrap: balance; }
.spath-cta p { max-width: 46rem; margin: 1.8rem auto 0; color: rgba(255,255,255,.72); line-height: 1.7; }
.spath-button { display: inline-flex !important; align-items: center; gap: 1rem; width: auto !important; margin-top: 2.2rem; padding: 1rem 1.35rem !important; color: #102016 !important; border: 0 !important; border-radius: 2rem !important; background: var(--spath-accent) !important; font-size: .75rem !important; font-weight: 700 !important; text-decoration: none; cursor: pointer; }

.spath-reveal { opacity: 0; transform: translateY(2rem); transition: opacity .75s ease,transform .9s cubic-bezier(.2,.75,.2,1); }
.spath-reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 900px) {
  .spath-statement, .spath-roadmap, .spath-faq { grid-template-columns: 1fr; }
  .spath-roadmap-intro { position: static; }
  .spath-faq .spath-section-head { position: static; }
  .spath-decision { grid-template-columns: 3rem 1fr; }
  .spath-decision p { grid-column: 2; }
  .spath-method-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 720px) {
  .spath-hero { height: 150vh; min-height: 1000px; }
  .spath-page--waste.is-static .spath-hero { height: 100svh; min-height: 42rem; }
  .spath-hero-ui { top: 4.2rem; right: 1rem; left: 1rem; }
  .spath-hero-status span { display: none; }
  .spath-hero-copy { right: 1rem; bottom: 4.7rem; left: 1rem; width: auto; }
  .spath-hero h1 { font-size: clamp(3rem,11.5vw,4.5rem); }
  .spath-hero-lede { font-size: .92rem; line-height: 1.52; }
  .spath-scroll-cue { right: 1rem; bottom: 1.2rem; }
  .spath-page--ambient .spath-hero { height: 100svh; min-height: 42rem; }
  .spath-growth { top: 15vh; right: .15rem; width: 2.5rem; height: 68vh; min-height: 24rem; opacity: .82; }
  .spath-growth-caption { display: none; }
  .spath-statement { gap: 1.5rem; padding: 3rem 1.25rem; }
  .spath-statement h2, .spath-section-head h2, .spath-roadmap h2, .spath-boundary h2 { font-size: clamp(2.35rem,9vw,3.4rem); }
  .spath-answer { padding: 1.2rem; }
  .spath-answer > p { font-size: .92rem; line-height: 1.58; }
  .spath-answer dl { grid-template-columns: 6.4rem minmax(0,1fr); gap: .55rem .75rem; margin-top: 1.1rem; padding-top: 1rem; }
  .spath-answer dt { font-size: .57rem; }
  .spath-answer dd { font-size: .82rem; }
  .spath-inline-links { margin-top: 1rem; }
  .spath-inline-links a { padding: .45rem .65rem; font-size: .66rem; }
  .spath-decisions, .spath-method, .spath-roadmap, .spath-related { padding: 3.75rem 1.25rem; }
  .spath-roadmap { gap: 2.25rem; }
  .spath-roadmap-list li { grid-template-columns: 2.25rem minmax(0,1fr); padding: 1.2rem 0; }
  .spath-roadmap-list h3 { font-size: 1.6rem; }
  .spath-faq { gap: 1.5rem; padding: 3rem 1.25rem; }
  .spath-faq summary { padding: 1.05rem 2.5rem 1.05rem 0; font-size: 1.22rem; }
  .spath-faq summary::after { top: .9rem; }
  .spath-faq details p { margin-right: 1rem; }
  .spath-decision { grid-template-columns: 2.2rem 1fr; gap: 1rem; }
  .spath-decision h3 { font-size: 1.8rem; }
  .spath-decision p { font-size: .91rem; line-height: 1.55; }
  .spath-method-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .spath-method-step { min-height: 15rem; padding: 1.25rem; border-bottom: 1px solid rgba(255,255,255,.16); }
  .spath-method-step h3 { font-size: 1.75rem; }
  .spath-method-step p { font-size: .82rem; line-height: 1.48; }
  .spath-method-step p { min-height: 0; }
  .spath-related-nav { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(15.5rem,78vw); overflow-x: auto; scroll-snap-type: x mandatory; }
  .spath-related-link { min-height: 8.5rem; border-left: 1px solid #95a299; scroll-snap-align: start; }
  .spath-boundary { padding-top: 4.5rem; padding-bottom: 4.5rem; }
  .spath-cta { min-height: 54vh; padding-top: 4.5rem; padding-bottom: 4.5rem; }
  .spath-cta h2 { font-size: clamp(2.75rem,11vw,4.2rem); }
}

@media (prefers-reduced-motion: reduce) {
  .spath-page *, .spath-page *::before, .spath-page *::after { animation: none !important; transition-duration: .001ms !important; }
  .spath-hero { height: 100svh; min-height: 42rem; }
  .spath-hero-stage { position: relative !important; }
  .spath-hero-film { display: none; }
  .spath-hero-poster img { opacity: 1 !important; }
  .spath-reveal { opacity: 1; transform: none; }
  .spath-growth-tree .spath-growth-leaf { animation: none; }
}