.slot--reading,.reading-rail{display:none}

  :where(html:not(.motion-ok)) [data-concept='flow'] {--reading-rail:clamp(44px,17vw,240px);--reading-space:clamp(64px,9vw,128px)}
  :where(html:not(.motion-ok)) [data-concept='flow'] .page {isolation:isolate}
  :where(html:not(.motion-ok)) [data-concept='flow'] .slot--reading {display:block;position:absolute;inset:0;z-index:1;overflow:hidden}
  :where(html:not(.motion-ok)) [data-concept='flow'] .reading-rail {display:block;position:absolute;top:0;bottom:0;right:var(--gutter);width:var(--reading-rail);pointer-events:none}
  :where(html:not(.motion-ok)) [data-concept='flow'] :is(.slot--fixed,.slot--hero,.slot--intro,.slot--moments,.slot--intelligence,.slot--page,.slot[class*='slot--moment-'],.slot[class*='slot--step-']) {display:none}
  :where(html:not(.motion-ok)) [data-concept='flow'] .masthead {position:absolute}
  :where(html:not(.motion-ok)) [data-concept='flow'] :is(.hero,.intro,.verge,.intel,.method,.flow) {min-height:0;height:auto}
  :where(html:not(.motion-ok)) [data-concept='flow'] :is(.hero-text,.intro-text,.verge-line,.moment-text,.intel-head,.intel-lede,.step-text,.intel-coda,.flow-text,.triptych) {position:relative;top:auto;z-index:2;opacity:1;visibility:visible;transform:none}
  :where(html:not(.motion-ok)) [data-concept='flow'] .hero {padding:0 var(--gutter);min-height:540px}
  :where(html:not(.motion-ok)) [data-concept='flow'] .hero-text {display:block;min-height:0;padding:160px 0 240px}
  :where(html:not(.motion-ok)) [data-concept='flow'] .hero .h1-line {white-space:normal}
  :where(html:not(.motion-ok)) [data-concept='flow'] .intro {overflow:visible;padding:var(--reading-space) calc(var(--gutter) + var(--reading-rail) + 48px) var(--reading-space) var(--gutter)}
  :where(html:not(.motion-ok)) [data-concept='flow'] .intro-text {max-width:46rem}
  :where(html:not(.motion-ok)) [data-concept='flow'] :is(.intro-line,.intro-belief) {white-space:normal}
  :where(html:not(.motion-ok)) [data-concept='flow'] .intro-heading {max-width:23ch}
  :where(html:not(.motion-ok)) [data-concept='flow'] .intro-belief {margin-top:36px}
  :where(html:not(.motion-ok)) [data-concept='flow'] .intro-hook {margin-top:48px;max-width:25ch}
  :where(html:not(.motion-ok)) [data-concept='flow'] .verge {padding:var(--reading-space) calc(var(--gutter) + var(--reading-rail) + 48px) var(--reading-space) var(--gutter)}
  :where(html:not(.motion-ok)) [data-concept='flow'] .verge-line {margin:0 0 56px;padding:0;background:none;width:auto}
  :where(html:not(.motion-ok)) [data-concept='flow'] .moments {padding:0}
  :where(html:not(.motion-ok)) [data-concept='flow'] .moment {display:block;min-height:0;padding:0;max-width:40rem}
  :where(html:not(.motion-ok)) [data-concept='flow'] .moment+.moment {margin-top:88px}
  :where(html:not(.motion-ok)) [data-concept='flow'] .moment-text {padding:0;max-width:none;margin:0}
  :where(html:not(.motion-ok)) [data-concept='flow'] .completion {font-size:clamp(1.75rem,1.1rem + 2vw,3rem);max-width:23ch}
  :where(html:not(.motion-ok)) [data-concept='flow'] .moment-signoff {font-size:1.125rem;margin-top:28px}
  :where(html:not(.motion-ok)) [data-concept='flow'] .signoff-text {max-width:22ch}
  :where(html:not(.motion-ok)) [data-concept='flow'] .intel {padding:var(--reading-space) calc(var(--gutter) + var(--reading-rail) + 48px) var(--reading-space) var(--gutter)}
  :where(html:not(.motion-ok)) [data-concept='flow'] .intel-head {padding:0;margin:0;max-width:24ch}
  :where(html:not(.motion-ok)) [data-concept='flow'] .intel-lede {padding:0;margin:32px 0 56px;max-width:38rem}
  :where(html:not(.motion-ok)) [data-concept='flow'] .step {display:block;min-height:0;padding:0;max-width:38rem}
  :where(html:not(.motion-ok)) [data-concept='flow'] .step+.step {margin-top:48px}
  :where(html:not(.motion-ok)) [data-concept='flow'] .step-text {padding:0;margin:0;max-width:none}
  :where(html:not(.motion-ok)) [data-concept='flow'] .step-heading {font-size:clamp(1.5rem,1.1rem + 1.4vw,2.5rem);max-width:25ch}
  :where(html:not(.motion-ok)) [data-concept='flow'] .intel-coda {padding:0;min-height:0;margin:56px 0 0;max-width:38rem}
  :where(html:not(.motion-ok)) [data-concept='flow'] .intel::after {display:none}
  :where(html:not(.motion-ok)) [data-concept='flow'] .method {display:block;padding:var(--reading-space) calc(var(--gutter) + var(--reading-rail) + 48px) var(--reading-space) var(--gutter)}
  :where(html:not(.motion-ok)) [data-concept='flow'] .method-head {max-width:20ch;margin-bottom:56px}
  :where(html:not(.motion-ok)) [data-concept='flow'] .triptych {min-height:0;margin:0;grid-template-rows:auto;gap:32px}
  :where(html:not(.motion-ok)) [data-concept='flow'] .panel {display:block;min-height:0;padding:0;grid-row:auto;border:0}
  :where(html:not(.motion-ok)) [data-concept='flow'] .panel-head {font-size:clamp(1.5rem,2.8vw,2.75rem)}
  :where(html:not(.motion-ok)) [data-concept='flow'] .panel-toggle {cursor:default}
  :where(html:not(.motion-ok)) [data-concept='flow'] .panel-word {transform:none;padding-bottom:14px}
  :where(html:not(.motion-ok)) [data-concept='flow'] .panel-word::after {transform:none;background:var(--v-ink);height:2px}
  :where(html:not(.motion-ok)) [data-concept='flow'] :is(.panel-echo,.panel-text) {max-width:none;font-size:1.125rem;min-height:0;opacity:1;visibility:visible;transform:none}
  :where(html:not(.motion-ok)) [data-concept='flow'] .flow {display:block;padding:var(--reading-space) calc(var(--gutter) + var(--reading-rail) + 48px) var(--reading-space) var(--gutter)}
  :where(html:not(.motion-ok)) [data-concept='flow'] .flow-text {padding:0;max-width:42rem}
  :where(html:not(.motion-ok)) [data-concept='flow'] .flow--split .flow-text {display:block}
  :where(html:not(.motion-ok)) [data-concept='flow'] .flow--split .flow-block {padding:0}
  :where(html:not(.motion-ok)) [data-concept='flow'] .flow--split .flow-block+.flow-block {margin-top:72px}
  :where(html:not(.motion-ok)) [data-concept='flow'] .flow--split .flow-block h2 {font-size:var(--fs-line);line-height:1.1;max-width:23ch}
  :where(html:not(.motion-ok)) [data-concept='flow'] .flow--experience {padding-top:var(--reading-space)}
  :where(html:not(.motion-ok)) [data-concept='flow'] .flow--contact h2 {font-size:clamp(2.5rem,5.5vw,5.5rem);max-width:16ch;margin-bottom:40px}
  :where(html:not(.motion-ok)) [data-concept='flow'] .flow--contact .flow-body {margin:0;max-width:32rem}
  :where(html:not(.motion-ok)) [data-concept='flow'] .foot {padding-block:48px}

@media (max-width:899.98px) {
  :where(html:not(.motion-ok)) [data-concept='flow'] .triptych {grid-template-columns:1fr;gap:40px}
}
@media (max-width:599.98px) {
  :where(html:not(.motion-ok)) [data-concept='flow'] {--reading-rail:28px}
  :where(html:not(.motion-ok)) [data-concept='flow'] .hero {min-height:440px}
  :where(html:not(.motion-ok)) [data-concept='flow'] .hero-text {padding:136px 0 180px}
  :where(html:not(.motion-ok)) [data-concept='flow'] :is(.intro,.verge,.intel,.method,.flow) {padding-right:calc(var(--gutter) + var(--reading-rail) + 20px)}
  :where(html:not(.motion-ok)) [data-concept='flow'] .intro-heading {font-size:1.75rem}
  :where(html:not(.motion-ok)) [data-concept='flow'] .intro-line {display:inline}
  :where(html:not(.motion-ok)) [data-concept='flow'] .intro-hook {max-width:none}
  :where(html:not(.motion-ok)) [data-concept='flow'] .verge-line {margin-bottom:36px}
  :where(html:not(.motion-ok)) [data-concept='flow'] .moment+.moment {margin-top:64px}
  :where(html:not(.motion-ok)) [data-concept='flow'] .completion {font-size:1.75rem}
  :where(html:not(.motion-ok)) [data-concept='flow'] .moment-signoff {font-size:1rem;gap:12px}
  :where(html:not(.motion-ok)) [data-concept='flow'] .flow--split .flow-block h2 {font-size:1.75rem;line-height:1.1}
  :where(html:not(.motion-ok)) [data-concept='flow'] .flow--experience h2 {font-size:clamp(1.75rem,7.7vw,2.25rem)}
  :where(html:not(.motion-ok)) [data-concept='flow'] .flow--contact h2 {font-size:clamp(2rem,9.5vw,2.5rem)}
}