/* Content stays readable without JavaScript or with either motion preference off. */
.reveal.enter,.reveal.in-view{animation:none}
html[data-scroll-reveals=on] .scroll-reveal-target{
  opacity:var(--scroll-opacity,1);
  translate:0 var(--scroll-y,0px);
  transition:opacity 280ms ease-out;
}
html[data-scroll-reveals=on] .scroll-logo{
  opacity:0;
  transition:opacity 320ms ease-out;
}
html[data-scroll-reveals=on] .scroll-logo.scroll-visible{
  opacity:1;
  transition-duration:850ms;
  transition-delay:var(--logo-delay,0ms);
}
html[data-scroll-reveals=on] .scroll-reveal-target:focus-within,
html[data-scroll-reveals=on] .scroll-logo:focus-within{opacity:1;translate:none;transition:none}
html[data-motion=off] .scroll-reveal-target,html[data-motion=off] .scroll-logo{opacity:1;translate:none;transition:none}
@media(prefers-reduced-motion:reduce){html[data-scroll-reveals] .scroll-reveal-target,html[data-scroll-reveals] .scroll-logo{opacity:1;translate:none;transition:none}}
/* Same text voice as the main hero subheader, with space between the three points. */
.hero-copy .hero-expertise{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px;max-width:42ch;font-size:18px;line-height:1.6;color:var(--ink);font-weight:400}
@media(min-width:1100px){.hero-copy .hero-expertise{font-size:19px}}
@media(max-width:350px){.hero-copy .hero-expertise{font-size:17px}}