/* Same native snap model as the landing page. Never crop a long section. */
html {scroll-snap-type:y mandatory;scroll-behavior:smooth;scroll-padding-top:var(--module-nav,66px)}
main > section {height:auto;max-height:none;min-height:calc(100svh - var(--module-nav,66px));scroll-snap-align:start;scroll-snap-stop:always}
main > footer {height:auto;min-height:0;scroll-snap-align:end;scroll-snap-stop:always}
header.nav {transform:none!important;top:0}
.hero > .ticker {position:absolute;bottom:0;left:0;right:0;width:100%}

/* Restore the single six-step composition: intro on the left, all steps on
   the right. Small windows/larger text may extend it, in the document flow. */
.process {display:flex;flex-direction:column}
.process > .section-head {flex:none}
.process__layout {flex:1;align-items:stretch;padding-block:0}
.process__steps {display:grid;grid-template-rows:repeat(6,minmax(min-content,1fr))}
.process__steps .step {min-height:0;height:auto;gap:24px;align-items:center;padding-block:8px;padding-right:20px;opacity:1!important;transform:none!important;transition:background-color .35s var(--ease-out),color .35s var(--ease-out)}
.process__steps .step__body {min-width:0;transition:transform .35s var(--ease-out)}
.process__steps :is(.step__num,.step__body p,.step__time) {transition:color .35s var(--ease-out),background-color .35s var(--ease-out),border-color .35s var(--ease-out)}
.process__steps .step:is(:hover,:focus-visible) {background:var(--ink);color:var(--paper)}
.process__steps .step:is(:hover,:focus-visible) .step__body {transform:translateX(6px)}
.process__steps .step:is(:hover,:focus-visible) :is(.step__num,.step__icon,.step__body p) {color:#484a52}
.process__steps .step:is(:hover,:focus-visible) .step__time {background:var(--paper);color:var(--ink);border-color:var(--paper)}
.process__steps .step:focus-visible {outline:2px solid var(--ink);outline-offset:-2px}
.process__steps .step__head {margin-bottom:6px;gap:12px}
.process__steps .step__head h3 {font-size:clamp(17px,1.45vw,21px)}
.process__steps .step__body p {max-width:none;font-size:14px;line-height:1.6}
.process__steps .step__num {padding-top:4px}
.process__sticky {top:calc(var(--module-nav,66px) + 24px);padding-block:24px}
@media(max-width:900px) {
  .process__layout {padding-block:24px}
  .process__steps {display:block}
  .process__steps .step {padding-block:20px}
  .process__sticky {position:static}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}}