/* Home page headline: "In your classroom. / In your career. / In your corner."
   Each line slides up and fades in, one after another, when the section
   scrolls into view. Only animates when motion is allowed (app.js adds
   the js-motion class); otherwise all three lines simply show. */
.about-grid h2 .hl-line{display:block;color:inherit}
.about-grid h2 .hl-line span{color:var(--blue)}
.js-motion .reveal .hl-line{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.js-motion .reveal.visible .hl-line{opacity:1;transform:none}
.js-motion .reveal.visible .hl-line:nth-child(1){transition-delay:.2s}
.js-motion .reveal.visible .hl-line:nth-child(2){transition-delay:.55s}
.js-motion .reveal.visible .hl-line:nth-child(3){transition-delay:.9s}
@media (prefers-reduced-motion:reduce){.hl-line{opacity:1!important;transform:none!important}}