/* Warm hero intro above the top callback block. .hero-photo is an empty slot for a future image. */
.hero-intro{display:flex;flex-direction:column;gap:.9rem;max-width:640px;margin:.6rem 0 .4rem}
.hero .hero-intro{margin:.6rem auto .4rem;text-align:center}
.hero-intro .hero-photo:empty{display:none}
.hero-intro .hero-photo img{width:100%;height:auto;border-radius:16px;display:block;object-fit:cover}
.hero-intro p.hero-intro-text{font-size:1.05rem;line-height:1.6;margin:0;color:inherit}
@media (min-width:900px){.hero-intro.has-photo{flex-direction:row;align-items:center}.hero-intro.has-photo .hero-photo{flex:0 0 42%}}
.hero .hero-intro p.hero-intro-text{color:rgba(255,255,255,.88)}