.content-motion-page{--process-progress:0;background:#eeede8}
.content-motion-page .page-hero{padding-bottom:72px}
.story-progress-shell{position:sticky;top:92px;z-index:9;background:#fafaf8ed;border-block:1px solid #d6d2c8;backdrop-filter:blur(14px)}
.story-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:0}
.story-progress a{position:relative;display:flex;align-items:center;gap:12px;min-height:62px;padding:10px 18px;border-right:1px solid #d6d2c8;color:#65665f;font-size:12px;font-weight:560;transition:color .25s ease,background-color .25s ease}
.story-progress a:first-child{border-left:1px solid #d6d2c8}
.story-progress a span{font-size:10px;color:#89563f;font-variant-numeric:tabular-nums}
.story-progress a:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:#a66f58;transition:right .35s cubic-bezier(.2,.8,.2,1)}
.story-progress a:hover,.story-progress a[aria-current="location"]{color:#222321;background:#f2ede8}
.story-progress a[aria-current="location"]:after{right:0}
.content-motion-page .detail-layout{align-items:start}
.content-motion-page .detail-body section[data-story-section]{scroll-margin-top:176px}
.process-story{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(42px,7vw,94px);padding-bottom:90px!important}
.process-intro{position:sticky;top:184px;align-self:start}
.detail-body .process-intro h2{font-size:clamp(42px,4.6vw,66px);line-height:.98;letter-spacing:-.055em;margin-bottom:24px}
.process-intro>p:not(.eyebrow){font-size:15px;line-height:1.65;max-width:34ch}
.process-meter{position:relative;width:100%;height:2px;margin-top:34px;background:#d6d2c8;overflow:hidden}
.process-meter span{position:absolute;inset:0;transform:scaleX(var(--process-progress));transform-origin:left;background:#a66f58;transition:transform .2s linear}
.process-sequence{display:grid;gap:18px;counter-reset:process}
.process-sequence .process-step{position:relative;grid-template-columns:42px 1fr;gap:24px;min-height:54svh;padding:clamp(28px,4vw,48px);border:1px solid #d6d2c8;border-radius:0 28px 28px 28px;background:#fafaf8;align-content:center;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s ease,background-color .3s ease,box-shadow .3s ease}
.process-sequence .process-step .num{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #bfa08f;border-radius:50%;font-variant-numeric:tabular-nums}
.process-sequence .process-step h3{font-size:clamp(30px,3.2vw,44px);line-height:1.04;letter-spacing:-.045em;margin-bottom:18px}
.process-sequence .process-step p{font-size:16px;line-height:1.65;max-width:54ch}
.step-output{display:block;width:max-content;max-width:100%;margin-top:34px;padding-top:13px;border-top:1px solid #c6a28e;color:#80503a;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.process-sequence .method-aside{margin-top:8px;padding:28px;border-left:3px solid #a66f58;background:#e7ded7}
.process-sequence .method-aside h3{font-size:24px}
.process-sequence .method-aside p{margin:0;font-size:14px;line-height:1.65}
.content-motion-page.motion-ready .process-step{transform:translateY(18px);border-color:#d6d2c8}
.content-motion-page.motion-ready .process-step[data-active="true"]{transform:translateY(0);border-color:#a66f58;background:#fffdf9;box-shadow:0 24px 70px #5b3d2d14}
.next-step-section{scroll-margin-top:176px;padding:42px!important;border:1px solid #c9b3a7!important;border-radius:0 28px 28px 28px;background:#e7ded7}
.next-step-section .actions{margin-bottom:0}
@media(max-width:1040px){.story-progress-shell{top:84px}.content-motion-page .detail-layout{grid-template-columns:minmax(0,1fr)}.content-motion-page .fact-panel{position:relative;top:auto}.process-story{grid-template-columns:1fr}.process-intro{position:relative;top:auto}.process-meter{max-width:420px}.process-sequence .process-step{min-height:420px}}
@media(max-width:760px){.content-motion-page .page-hero{padding-bottom:42px}.story-progress-shell{top:76px}.story-progress{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.story-progress a{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:54px;padding:7px 9px;font-size:10px;white-space:nowrap}.content-motion-page .detail-body section[data-story-section],.next-step-section{scroll-margin-top:148px}.process-story{gap:30px;padding-bottom:54px!important}.detail-body .process-intro h2{font-size:44px}.process-sequence{gap:14px}.process-sequence .process-step{min-height:0;padding:28px 22px;grid-template-columns:36px 1fr;gap:16px;border-radius:0 20px 20px 20px}.process-sequence .process-step .num{width:34px;height:34px}.process-sequence .process-step h3{font-size:29px}.process-sequence .process-step p{font-size:15px}.step-output{margin-top:24px}.next-step-section{padding:28px 22px!important}}
@media(prefers-reduced-motion:reduce){.story-progress a,.story-progress a:after,.process-meter span,.content-motion-page.motion-ready .process-step{transition:none}.content-motion-page.motion-ready .process-step{transform:none}.process-intro{position:relative;top:auto}}
