[data-concept='flow'] .step-body,
[data-concept='flow'] .intel-lede,
[data-concept='flow'] .intel-coda,
[data-concept='flow'] .flow-body,
[data-concept='flow'] .panel-text { color: var(--v-text-primary); }




@media (min-width: 900px) {
  [data-concept='flow'] { --hang: var(--gutter); }
  [data-concept='flow'] .verge-line,
  [data-concept='flow'] .moment-text,
  [data-concept='flow'] .step-text,
  [data-concept='flow'] .intel-head,
  [data-concept='flow'] .intel-lede,
  [data-concept='flow'] .intel-coda { padding-left: var(--hang); }
  
  [data-concept='flow'] .moment-text { max-width: calc(var(--hang) + var(--gutter) + 36rem); }
  [data-concept='flow'] .completion { max-width: 36rem; }
  [data-concept='flow'] .step-text { max-width: calc(var(--hang) + var(--gutter) + var(--measure)); }
}

@media (min-width: 900px) {
  [data-concept='flow'] .masthead { left: calc(var(--gutter) - 160px * 12.2 / 599); }
}

[data-concept='flow'] .intel-head.is-run { font-size: 1.75rem; line-height: 1.15; max-width: none; }
@media (max-width: 899.98px) { [data-concept='flow'] .intel-head.is-run { font-size: 1.25rem; } }

[data-concept='flow'] .step-heading { font-size: clamp(1.5rem, 1.05rem + 1.9vw, 3rem); }


[data-concept='flow'] .intel { background: var(--v-stone-50); }


[data-concept='flow'] .method { background: var(--v-stone-500); --v-focus: var(--v-cobalt-800); --fl-method-seams: block; }
[data-concept='flow'] .method :is(.method-head, .panel-toggle, .panel-word, .panel-echo, .panel-text) { color: var(--v-ink); }

[data-concept='flow'] .masthead.fl-under { opacity: 0; pointer-events: none; }
[data-concept='flow'] .masthead.fl-under:focus-within { opacity: 1; pointer-events: auto; }

[data-concept='flow'] .masthead.is-dusk { --v-focus: var(--v-cobalt-800); }
[data-concept='flow'] .masthead.is-dusk .lockup svg :is(polygon, g) { fill: var(--v-ink); }


[data-concept='flow'] .intel::before,
[data-concept='flow'] .method::before,
[data-concept='flow'] .method::after {
  content: ''; position: absolute; left: 0; right: 0; height: 40px; pointer-events: none;
  background-repeat: no-repeat; background-size: 100% 40px;
}
[data-concept='flow'] .intel::before { top: 0; background-image: url('./seams/seam-slab.svg'); }
[data-concept='flow'] .method::before,
[data-concept='flow'] .method::after { display: var(--fl-method-seams, none); }
[data-concept='flow'] .method::before { top: 0; background-image: url('./seams/seam-blue-top.svg'); }
[data-concept='flow'] .method::after { bottom: 0; background-image: url('./seams/seam-blue-foot.svg'); }
@media (max-width: 899.98px) {
  [data-concept='flow'] .intel::before,
  [data-concept='flow'] .method::before,
  [data-concept='flow'] .method::after { height: 24px; background-size: 100% 24px; }
  [data-concept='flow'] .intel::before { background-image: url('./seams/seam-slab-phone.svg'); }
  [data-concept='flow'] .method::before { background-image: url('./seams/seam-blue-top-phone.svg'); }
  [data-concept='flow'] .method::after { background-image: url('./seams/seam-blue-foot-phone.svg'); }
}


[data-concept='flow'] .flow--contact { background: var(--v-ink); color: var(--v-white); }
[data-concept='flow'] .flow--contact .flow-text { max-width: none; }
[data-concept='flow'] .flow--contact h2 {
  color: var(--v-white); font-size: var(--fs-hero); line-height: .98; letter-spacing: -.03em; max-width: 15ch;
}
[data-concept='flow'] .flow--contact .flow-body { color: var(--v-white); max-width: min(31rem, var(--measure)); }
[data-concept='flow'] .flow--contact .close-lead { display: block; }
[data-concept='flow'] .flow--contact .cta { color: var(--v-text-ochre-on-ink); border-bottom-color: var(--v-text-ochre-on-ink); }

[data-concept='flow'] .flow--contact,
[data-concept='flow'] .foot,
[data-concept='flow'] .masthead.is-night { --v-focus: var(--v-white); }
[data-concept='flow'] .foot { background: var(--v-ink); border-top: 0; }

[data-concept='flow'] .masthead.is-night .lockup svg :is(polygon, g) { fill: var(--v-ivory); }
@media (max-width: 899.98px) {
  
  [data-concept='flow'] .flow--contact h2 { font-size: min(var(--fs-hero), calc((100vw - var(--gutter) - 86px) / 7.25)); line-height: .98; }
}