/* Scroll pathway ribbon (see flow.js) */
body.minimal main{position:relative}
body.minimal main>section{position:relative;z-index:1}
.flow-path{position:absolute;top:0;left:0;width:100%;z-index:0;pointer-events:none;overflow:hidden}
.flow-path path{transition:none;fill:none;stroke:var(--lime);stroke-linecap:round;stroke-linejoin:round}

/* The ribbon pours into this card */
.quiet-contact .flow-landing{background:var(--lime);color:var(--paper);border-radius:28px;padding:44px 48px}
.quiet-contact .flow-landing>p{color:#2b241e;font-size:17px;line-height:1.6}
.quiet-contact .flow-landing #contact-actions .button{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.quiet-contact .flow-landing #contact-actions .button:hover{background:#24201d}
.quiet-contact .flow-landing #contact-actions p{color:#3b332a}
.quiet-contact .flow-landing a:focus-visible,.quiet-contact .flow-landing button:focus-visible{outline-color:var(--paper)}
.flow-landing>*{transition:opacity .45s var(--ease)}
.flow-landing.is-closed>*{opacity:0}

/* Approach copy lights up word by word */
.flow-words .w{opacity:.22;transition:opacity .3s}
.flow-words .w.on,.flow-static .flow-words .w{opacity:1}

@media(max-width:640px){.quiet-contact .flow-landing{padding:30px 24px;border-radius:22px}.quiet-contact .flow-landing>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.flow-words .w,.flow-landing>*{transition:none}}