.hero-frame figcaption{background:rgba(255,255,255,.42);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
@media(max-width:760px){.hero-intro{margin-top:96px}.hero-intro h1{font-size:31px;line-height:.96}.hero-intro>p:not(.eyebrow){font-size:10px}.hero-intro .eyebrow{margin-bottom:12px}.hero-frame figcaption{background:rgba(255,255,255,.34)}}

@media(max-width:760px){.hero-intro h1{font-family:var(--sans);font-size:26px;font-weight:500;line-height:1.02;letter-spacing:-.055em}}
/* Final mobile balance: keep the image as the focus. */
@media(max-width:760px){.hero-intro{margin-top:72px;max-width:260px}.hero-intro h1{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.03;letter-spacing:-.02em}.hero-intro>p:not(.eyebrow){font-size:9px}}
@media(max-width:760px){
  .hero-intro{margin-top:72px;max-width:260px}
  .hero-intro h1{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.03;letter-spacing:-.02em}
  .hero-intro>p:not(.eyebrow){font-size:9px}
}