/* B: H1 is TAN Ashford artwork (exported from Canva as outlined SVG); eyebrow/body/buttons stay Urbanist 400/600.
   The real H1 text is in a visually-hidden span for SEO / screen readers; the artwork is aria-hidden. */
/* Urbanist 400/600 stay registered in styles.css (urbanist-latin-400.woff2 / urbanist-latin-600.woff2).
   The mockup @font-face and :root pointing at /fonts/Urbanist-latin-wght.woff2 are omitted so we don't request a missing file or override those faces. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.hero h1.hero-h1--art{max-width:none;line-height:0;margin:20px 0 22px}
/* Canva artwork is set at 68px and trimmed to the text (desktop ~1750-1810 wide), so it is scaled BY WIDTH:
   desktop = full H1 column (1116px at 1440), phone = full content width; height follows the aspect ratio. */
.hero h1.hero-h1--art .h1-art{display:block;width:100%;max-width:1116px}
.hero h1.hero-h1--art .h1-art svg,.hero h1.hero-h1--art img{display:block;width:100%;height:auto}
.hero h1.hero-h1--art .h1-art--m{display:none}
@media (max-width:700px){
  .hero h1.hero-h1--art .h1-art--d{display:none}
  .hero h1.hero-h1--art .h1-art--m{display:block;width:100%;max-width:342px}
}
