/* The same opening, one continuous story. All motion progressively enhances
   readable HTML and stops outside the viewport or when reduced motion is set. */
.hero__eyebrow{grid-area:eyebrow;margin:0;font:400 11px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--secondary)}
.hero--chapter .hero__copy{grid-template-areas:'eyebrow' 'title' 'description' 'actions';padding-top:48px;row-gap:22px}
.hero--chapter .hero__description{max-width:66ch}
.hero--chapter .hero__announcement{font-size:11px}
.hero h1{max-width:20ch}
.chapter-nav{max-width:1400px;margin:auto;min-height:128px;display:grid;grid-template-columns:1.3fr repeat(3,1fr);border:1px solid var(--line);border-top:0}
.chapter-nav__label,.chapter-nav a{padding:28px;display:flex;align-items:center;gap:20px;font:400 11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.03em}
.chapter-nav__label{color:var(--secondary)}.chapter-nav__label span{color:var(--accent)}
.chapter-nav a{border-left:1px dashed var(--line);justify-content:space-between;transition:background .25s,color .25s}
.chapter-nav a:hover{background:#efeee8;color:var(--accent)}.chapter-nav a>span{color:var(--secondary);font-size:10px}
.chapter-nav a::after{content:'↓';color:var(--accent);margin-left:auto;transition:transform .25s}.chapter-nav a:hover::after{transform:translateY(4px)}
.story-opening{padding-block:100px 64px}
.story-opening .section-top{align-items:start;margin-bottom:60px}
.story-opening .section-heading{font-size:54px;max-width:18ch}
.story-opening .section-top>div{max-width:57%}
.story-opening .section-top>p{padding-top:40px;max-width:41ch;font-size:19px}
.story-opening .eyebrow,.story-feature .eyebrow{color:var(--accent)}
.evidence-build{border:1px solid var(--line);background:#f3f2ec;position:relative;overflow:hidden}
.evidence-build__scene{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;padding:40px 48px;gap:0;min-height:360px}
.evidence-source{position:relative;overflow:hidden;aspect-ratio:16/10;background:#e2dfd5}
.evidence-source img,.evidence-source video{width:100%;height:100%;object-fit:cover;filter:saturate(.35);display:block;transition:filter 1s}
.evidence-source::after{content:'';position:absolute;inset:15px;border:1px solid #faf9f670;pointer-events:none}
.evidence-source__label{position:absolute;left:24px;bottom:24px;padding:7px 10px;background:#faf9f6ed;font:400 9px/1.5 var(--mono);text-transform:uppercase}
.evidence-scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,#0000ff05 85%,#0000ff88 99%,transparent 100%);height:30%;transform:translateY(-105%);pointer-events:none}
.evidence-build[data-active='1'] .evidence-scan{transform:translateY(235%);transition:transform 2.6s linear}
.evidence-build[data-active='2'] .evidence-source img,.evidence-build[data-active='2'] .evidence-source video{filter:saturate(.65)}
.evidence-wire{height:1px;background:var(--line);position:relative;overflow:hidden}
.evidence-wire::after{content:'';position:absolute;inset:0;background:var(--accent);transform:translateX(-101%);transition:transform 1.2s}
.evidence-build[data-active='2'] .evidence-wire::after{transform:translateX(0)}
.evidence-receipt{padding:28px 32px;background:var(--background);border:1px solid var(--line);min-height:250px;box-shadow:7px 7px 0 #e4e2d9;position:relative}
.evidence-receipt .eyebrow{font-size:9px;margin-bottom:16px;color:var(--secondary)}
.evidence-receipt h3{font:300 34px/1.08 var(--serif);letter-spacing:-.035em;margin:0 0 22px}
.evidence-receipt dl{margin:0}
.evidence-receipt dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:10px 0;font:300 12px/1.5 var(--sans);transition:opacity .7s,transform .7s}
.evidence-receipt dt{color:var(--secondary)}.evidence-receipt dd{margin:0;text-align:right}
.evidence-build[data-active='0'] .evidence-receipt dl>div{opacity:.3;transform:translateX(5px)}
.evidence-build[data-active='1'] .evidence-receipt dl>div:nth-child(n+2){opacity:.3;transform:translateX(5px)}
.sequence-bar{border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:12px 22px}
.sequence-bar>p{font:400 9px/1.5 var(--mono);color:var(--secondary);text-transform:uppercase;margin:0}
.sequence-toggle,.scene-toggle{margin-left:auto;padding:9px 12px;border:1px solid var(--line);border-radius:99px;background:var(--background);font:400 9px/1.4 var(--mono);text-transform:uppercase;white-space:nowrap}
.sequence-toggle:hover,.scene-toggle:hover{color:var(--accent)}
.sequence-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.sequence-step{position:relative;padding:26px 28px 30px;border:0;background:transparent;text-align:left;min-width:0}
.sequence-step+.sequence-step{border-left:1px dashed var(--line)}
.sequence-step::before{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s}
.sequence-step[aria-pressed=true]::before{transform:scaleX(1)}
.sequence-step>span{display:block;font:400 10px/1.5 var(--mono);color:var(--secondary);text-transform:uppercase;margin-bottom:12px}
.sequence-step>strong{display:block;font:300 24px/1.1 var(--serif);letter-spacing:-.025em;margin-bottom:12px}
.sequence-step>small{display:block;font:300 14px/1.5 var(--sans);color:var(--secondary);max-width:37ch}
.sequence-step[aria-pressed=true]>span{color:var(--accent)}
.story-feature{border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;max-width:1400px;margin:auto;border-inline:1px solid var(--line)}
.story-feature__copy{padding:80px var(--inset);align-self:center}
.story-feature__copy .section-heading{font-size:46px;max-width:19ch}
.story-feature__copy>.section-lede{font-size:19px;margin-bottom:26px;max-width:43ch}
.story-feature__copy>.small-note{max-width:48ch;margin-top:24px}
.story-feature__visual{background:#f0efe9;border-left:1px solid var(--line);padding:44px 36px;align-content:center;min-width:0}
.story-feature__visual .review-demo{grid-template-columns:1fr .95fr;padding:20px;gap:20px}
.story-feature__visual .review-prompt h2{font-size:28px}
.story-feature__visual .review-actions .button{white-space:normal}
.story-feature__visual .site-video{max-width:none}
.narrative-statement{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding-block:80px}
.narrative-statement .section-heading{font-size:46px;max-width:26ch;margin-bottom:28px}
.narrative-statement .section-lede{font-size:18px;max-width:58ch}
.narrative-statement .eyebrow{color:var(--accent);padding-top:6px}
.process-story{position:relative;padding:88px var(--inset) 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.process-story__visual{position:sticky;top:32px;margin-bottom:64px;min-width:0}
.process-story__visual>.section-heading{font-size:46px;max-width:18ch;margin-bottom:28px}
.process-story__steps{min-width:0;padding-top:80px}
.process-step{min-height:300px;padding:36px 0 64px;border-top:1px solid var(--line);scroll-margin-top:100px;position:relative}
.process-step::before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .6s}
.process-step.is-current::before{transform:scaleX(1)}
.process-step>.eyebrow{color:var(--accent);margin-bottom:18px}
.process-step h3{font:300 34px/1.1 var(--serif);letter-spacing:-.035em;margin:0 0 20px}
.process-step>p:not(.eyebrow){font:300 17px/1.6 var(--sans);color:var(--secondary);margin:0;max-width:48ch}
.process-step .step-takeaway{display:flex;gap:14px;margin-top:22px;font:400 10px/1.5 var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.02em}
.process-record{border:1px solid var(--line);padding:24px;background:#f3f2ec;position:relative}
.process-record__photo{position:relative;aspect-ratio:16/8;overflow:hidden;margin-bottom:22px}
.process-record__photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.3)}
.process-record__photo::after{content:'';position:absolute;inset:16px;border:1px solid #ffffff88;transition:inset .7s,border-color .7s}
.process-story[data-active='1'] .process-record__photo::after{inset:12px 30%;border-color:var(--accent)}
.process-record .definition-list>div{transition:opacity .5s,color .5s,transform .5s}
.process-record [data-earned]{opacity:.3;transform:translateX(4px)}
.process-record [data-earned].is-earned{opacity:1;transform:none}
.process-record [data-earned].is-earned dd{color:var(--accent)}
.process-record__state{font:400 10px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.03em;color:var(--accent);margin:20px 0 0;min-height:32px}
.process-record>.mono-note{font-size:8px;margin-bottom:0}
.next-chapter{position:relative;overflow:hidden;background:transparent;align-items:end;padding-block:80px}
.next-chapter::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#0000ff20 .7px,transparent .7px);background-size:12px 12px;mask-image:linear-gradient(100deg,transparent 40%,#000 100%)}
.next-chapter>div{position:relative}.next-chapter .eyebrow{color:var(--accent);margin-bottom:24px}
.next-chapter .button--light{gap:20px}.next-chapter h2{max-width:24ch}
.branch-scene{container-type:inline-size;position:relative;padding:4px 0;min-width:0}
.branch-scene>.art-caption{font-size:9px;gap:16px;margin-bottom:32px}
.branch-diagram{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:48px;padding:12px 0;isolation:isolate}
.branch-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:-1}
.branch-diagram:not([data-connected]) .branch-wires{visibility:hidden}
.branch-wires .wire-base{fill:none;stroke:#cfccc2;stroke-width:1;vector-effect:non-scaling-stroke}
.branch-wires .wire-pulse{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:7 93;stroke-dashoffset:100;animation:wire-travel 4.8s linear infinite;vector-effect:non-scaling-stroke}
.branch-wires .wire-pulse:nth-of-type(4){animation-delay:-1.6s}.branch-wires .wire-pulse:nth-of-type(6){animation-delay:-3.2s}
.branch-source{position:relative;justify-self:center;min-width:0}
.branch-source__mark{display:grid;place-items:center;width:88px;height:88px;background:var(--background);border:1px solid var(--line)}
.branch-source__mark svg{display:block;width:30px;height:41px;fill:var(--accent)}
.branch-source__caption{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:112px;margin:15px 0 0;text-align:center;font:300 14px/1.4 var(--sans);color:var(--foreground)}
.branch-source__caption>span{display:block}
.branch-targets{list-style:none;margin:0;padding:0;display:grid;grid-auto-rows:1fr;gap:16px;min-width:0}
.branch-target{position:relative;min-width:0;padding:22px 24px;background:var(--background);border:1px solid var(--line)}
.branch-target .eyebrow{font:400 9px/1.5 var(--mono);letter-spacing:.05em;margin:0 0 12px;color:var(--secondary)}
.branch-target h3{font:300 27px/1.12 var(--serif);letter-spacing:-.035em;margin:0 0 10px;overflow-wrap:break-word}
.branch-target>p:last-child{font:300 13px/1.5 var(--sans);color:var(--secondary);margin:0;max-width:33ch}
.branch-scene .scene-caption{font:300 14px/1.6 var(--sans);color:var(--secondary);margin:28px 0 0;max-width:43ch}
.branch-scene .sequence-bar{padding:18px 0 0;margin-top:24px;align-items:center}
.branch-scene .sequence-bar>p{font-size:8px;max-width:25ch}
.branch-scene .scene-toggle{flex-shrink:0}
@keyframes wire-travel{to{stroke-dashoffset:0}}
[data-loop]:not(.is-running) .wire-pulse{animation-play-state:paused}
@container(max-width:440px){
 .branch-diagram{grid-template-columns:minmax(0,1fr);gap:44px;padding:8px 0}
 .branch-source{display:flex;align-items:center;gap:16px;justify-self:center}
 .branch-source__mark{width:68px;height:76px;flex-shrink:0}.branch-source__mark svg{width:26px;height:35px}
 .branch-source__caption{position:static;transform:none;text-align:left;width:auto;margin:0;font-size:15px}
 .branch-targets{padding-left:28px;gap:14px}
 .branch-target{padding:20px}.branch-target h3{font-size:25px}.branch-target .eyebrow{font-size:9px;margin-bottom:10px}
 .branch-scene .scene-caption{margin-top:24px}
}
.record-history{border:1px solid var(--line);background:#f3f2ec}
.history-visual{padding:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;position:relative}
.history-visual::before{content:'';position:absolute;left:60px;right:60px;top:86px;height:1px;background:var(--line)}
.history-node{position:relative;min-width:0}
.history-node>span{position:relative;display:flex;align-items:center;justify-content:center;width:92px;height:92px;border:1px solid var(--line);background:var(--background);font:300 36px/1 var(--serif);border-radius:50%;transition:color .6s,border-color .6s,box-shadow .6s}
.history-node>h3{font:300 25px/1.15 var(--serif);letter-spacing:-.025em;margin:24px 0 14px}
.history-node>p{font:300 14px/1.5 var(--sans);color:var(--secondary);margin:0;max-width:27ch}
.record-history[data-active='0'] .history-node:nth-child(1)>span,.record-history[data-active='1'] .history-node:nth-child(2)>span,.record-history[data-active='2'] .history-node:nth-child(3)>span{color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 8px #0000ff05}
.capacity-path{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-top:44px}
.capacity-path article{padding:30px 26px 32px;position:relative;min-width:0}
.capacity-path article:first-child{padding-left:0}.capacity-path article+article{border-left:1px dashed var(--line)}
.capacity-path article::before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .8s}
.capacity-path.is-visible article::before{transform:scaleX(1);transition-delay:var(--path-delay,0ms)}
.capacity-path .eyebrow{color:var(--accent);font-size:10px;margin-bottom:24px}
.capacity-path h3{font:300 29px/1.15 var(--serif);letter-spacing:-.035em;margin:0 0 20px}
.capacity-path p:not(.eyebrow){font:300 15px/1.5 var(--sans);color:var(--secondary);margin:0}
.resource-layout{max-width:1400px;margin-inline:auto;border-inline:1px solid var(--line);scroll-margin-top:20px}
.resource-copy>.section-heading{font-size:44px;max-width:15ch}
.story-feature__visual .paper-panel{box-shadow:none}
.motion-enter{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--enter-delay,0ms)}
.motion-enter.is-visible{opacity:1;transform:none}
.motion-enter:focus-within{opacity:1;transform:none;transition:none}
.hero-ready .hero h1>span{animation:headline-in .9s cubic-bezier(.2,.65,.2,1) both}
.hero-ready .hero h1>span:nth-child(2){animation-delay:.12s}
.hero-ready .hero__description{animation:copy-in .9s .2s ease both}
.hero-ready .hero__actions{animation:copy-in .9s .3s ease both}
@keyframes headline-in{from{opacity:0;transform:translateY(24px);clip-path:inset(100% -5% -20%)}to{opacity:1;transform:none;clip-path:inset(-10% -5% -20%)}}
@keyframes copy-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:960px){.hero--chapter .hero__copy{grid-template-areas:'eyebrow eyebrow' 'title title' 'description description' 'actions announcement';row-gap:24px}.hero--chapter .hero__description{max-width:70ch}}
@media(min-width:1440px){.hero--chapter .hero__description{max-width:73ch}}
@media(max-width:1119px){
 .story-opening{padding-block:64px 48px}.story-opening .section-heading{font-size:44px}.story-opening .section-top{gap:28px}
 .story-opening .section-top>p{font-size:17px}.evidence-build__scene{padding:30px;grid-template-columns:1fr 40px 1fr}
 .evidence-receipt{padding:24px}.evidence-receipt h3{font-size:29px}.sequence-step{padding:22px 20px}.sequence-step>strong{font-size:23px}
 .story-feature__copy{padding-block:56px}.story-feature__copy .section-heading,.process-story__visual>.section-heading{font-size:38px}
 .story-feature__visual{padding:32px 24px}.story-feature__visual .review-demo{grid-template-columns:1fr}.story-feature__visual .review-demo .site-video{max-width:210px}
 .process-story{gap:40px;padding-top:64px}.process-record{padding:20px}.process-step{min-height:320px}
 .chapter-nav__label,.chapter-nav a{padding:22px;font-size:10px;gap:12px}
 .narrative-statement{gap:40px;padding-block:64px}.narrative-statement .section-heading{font-size:38px}
 .capacity-path article{padding-inline:20px}.capacity-path h3{font-size:25px}
}
@media(max-width:767px){
 .hero{min-height:0}.hero__copy,.hero--chapter .hero__copy{padding-top:44px;padding-bottom:32px;row-gap:22px}
 .hero h1{font-size:46px;line-height:1.03;letter-spacing:-.03em}.hero__description{font-size:18px;max-width:43ch}
 .hero__description .desktop-break{display:none}.hero__eyebrow{font-size:10px}.hero__actions{gap:12px}.hero__map{height:180px}
 .hero--chapter .hero__announcement{display:none}
 .chapter-nav{min-height:0;grid-template-columns:repeat(3,1fr)}.chapter-nav__label{grid-column:1/-1;padding:15px 20px;border-bottom:1px dashed var(--line)}
 .chapter-nav a{padding:18px 12px;font-size:9px;display:grid;grid-template-columns:1fr auto;gap:9px 4px;align-items:start}.chapter-nav a>span{grid-column:1/-1;font-size:8px}.chapter-nav a:nth-child(2){border-left:0}
 .story-opening{padding-block:52px 36px}.story-opening .section-top{display:block;margin-bottom:30px}.story-opening .section-top>div{max-width:none}
 .story-opening .section-heading{font-size:36px;max-width:19ch}.story-opening .section-top>p{padding-top:0;font-size:17px;max-width:48ch}
 .evidence-build__scene{grid-template-columns:1fr;min-height:0;padding:22px;gap:0}.evidence-source{aspect-ratio:16/9}
 .evidence-wire{width:1px;height:28px;justify-self:center}.evidence-wire::after{transform:translateY(-101%)}
 .evidence-build[data-active='2'] .evidence-wire::after{transform:none}.evidence-receipt{min-height:0;padding:22px}.evidence-receipt h3{font-size:28px}
 .evidence-source__label{font-size:8px;bottom:18px;left:18px}.sequence-bar{padding:12px 16px;gap:12px}.sequence-bar>p{font-size:8px}
 .sequence-steps{grid-template-columns:1fr}.sequence-step{padding:18px 20px;display:grid;grid-template-columns:24px 1fr;column-gap:12px}
 .sequence-step+.sequence-step{border-left:0;border-top:1px dashed var(--line)}.sequence-step>span{font-size:9px;margin:4px 0 0}.sequence-step>strong{font-size:24px;margin:0 0 10px}
 .sequence-step>small{grid-column:2}.sequence-step::before{top:0;bottom:0;right:auto;width:2px;height:auto;transform:scaleY(0);transform-origin:top}.sequence-step[aria-pressed=true]::before{transform:scaleY(1)}
 .story-feature{grid-template-columns:1fr}.story-feature__copy{padding:48px var(--inset)}.story-feature__copy .section-heading{font-size:36px}.story-feature__copy>.section-lede{font-size:18px}
 .story-feature__visual{border-left:0;border-top:1px solid var(--line);padding:32px var(--inset)}
 .story-feature__visual .review-demo{grid-template-columns:1fr}.story-feature__visual .review-demo .site-video{max-width:230px}
 .narrative-statement{grid-template-columns:1fr;gap:14px;padding-block:48px}.narrative-statement .eyebrow{margin-bottom:8px}.narrative-statement .section-heading{font-size:34px}
 .process-story{grid-template-columns:1fr;gap:0;padding:48px var(--inset) 0}.process-story__visual{position:static;margin-bottom:34px}.process-story__visual>.section-heading{font-size:34px;max-width:22ch}
 .process-story__steps{padding-top:0}.process-step{min-height:0;padding:28px 0 38px;scroll-margin-top:20px}.process-step h3{font-size:30px}.process-step>p:not(.eyebrow){font-size:16px}
 .process-record [data-earned]{opacity:1;transform:none}.process-record__state{min-height:0}.process-record__photo{aspect-ratio:16/8}
 .next-chapter{padding-block:48px}.next-chapter h2{font-size:36px}.next-chapter .eyebrow{margin-bottom:20px}
 .branch-scene{padding-block:4px}
 .history-visual{padding:26px;grid-template-columns:1fr;gap:30px}.history-visual::before{left:61px;right:auto;top:62px;bottom:65px;width:1px;height:auto}
 .history-node{display:grid;grid-template-columns:72px 1fr;gap:8px 22px;align-items:center}.history-node>span{width:72px;height:72px;font-size:30px;grid-row:1 / span 2}
 .history-node>h3{margin:0;font-size:25px}.history-node>p{font-size:13px;max-width:none}.history-node>span{box-shadow:none!important}
 .capacity-path{grid-template-columns:1fr 1fr;margin-top:30px}.capacity-path article,.capacity-path article:first-child{padding:24px 18px}
 .capacity-path article:nth-child(3){border-left:0}.capacity-path article:nth-child(n+3){border-top:1px dashed var(--line)}.capacity-path h3{font-size:25px}.capacity-path p:not(.eyebrow){font-size:14px}
 .resource-copy>.section-heading{font-size:34px;max-width:19ch}.resource-layout{gap:30px}
 .motion-enter{transform:translateY(14px);transition-duration:.65s}
}
@media(min-width:768px) and (max-width:959px){.hero h1{font-size:60px}.hero__copy{padding-top:48px;padding-bottom:30px}.hero--chapter .hero__copy{padding-top:40px}.hero{min-height:700px}.hero__description{max-width:61ch}.hero__map{height:230px}}
@media(max-width:380px){.hero h1{font-size:40px}.hero__description{font-size:17px}.hero__actions .button{font-size:10px;letter-spacing:.03em}.story-opening .section-heading,.story-feature__copy .section-heading{font-size:32px}.evidence-build__scene{padding:16px}.evidence-receipt{padding:18px}.chapter-nav a{font-size:8px;padding-inline:10px}.history-visual{padding:22px}.history-visual::before{left:57px}.history-node{gap:8px 16px}.history-node>h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.motion-enter{opacity:1;transform:none}.hero-ready .hero h1>span,.hero-ready .hero__description,.hero-ready .hero__actions{opacity:1;transform:none;clip-path:none}.branch-wires .wire-pulse{stroke-dasharray:none;stroke-dashoffset:0;opacity:.45}.evidence-scan{display:none}}