/* Anton (SIL Open Font License), self-hosted; used only in the two hero headlines. */
@font-face { font-family: 'Anton'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/Anton-Regular.ttf") format("truetype"); }
/* Hero video background, shared by the homepage hero and the AEO hero.
   Video stays visible but slightly dimmed so text reads clearly. */
.hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; z-index: 0; background: #0a0a0a center 30% / cover no-repeat url("../videos/hero-poster.jpg"); }
.hero__video-overlay { position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(10,10,10,.65) 0%, rgba(10,10,10,.75) 55%, rgba(10,10,10,.90) 100%); }
.hero__bg-glow { z-index: 2; }
.hero__title, .page-hero__title { text-shadow: 0 2px 24px rgba(0,0,0,.45); }
.hero__content { z-index: 3; }
.aeo-hero { position: relative; overflow: hidden; }
.aeo-hero > .container { position: relative; z-index: 3; }

/* Sweet Data style display headline, hero only. */
.hero .hero__title, .aeo-hero .page-hero__title { font-family: 'Anton', 'Bebas Neue', Impact, 'Arial Narrow', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: .01em; line-height: .98; }
.hero .hero__title { font-size: clamp(3rem, 1.5rem + 7vw, 8rem); }
.aeo-hero .page-hero__title { font-size: clamp(2.6rem, 1.5rem + 4.2vw, 5.6rem); max-width: 18ch; text-wrap: balance; overflow-wrap: break-word; }
.aeo-hero .aeo-eyebrow { font-size: clamp(1.1rem, 1rem + .6vw, 1.5rem); }
@media (max-width: 768px) {
  .hero .hero__title { white-space: normal; font-size: clamp(2.6rem, 13vw, 4.5rem); }
}
/* Homepage hero uses the magenta/cyan video; subject is centered. */
.hero .hero__video { object-position: center center; background-image: url("../videos/aeo-hero-v2-poster.jpg"); background-position: center center; }