/* Hub "Worth the Drive" hero (Sep 26 2026). A decorative, silent, muted loop.
   Approved exception to the red-play-button rule: no play button, no watch text.
   9:16 on phones, 16:9 from 768px up. The loop has its own captions, so the live
   CTA sits in a band under the video — copy under the picture, never on it. */
.ams-hero{
  width:100%;
  background:#000;
  color:var(--text, #F5F5F5);
}
.ams-hero__media{
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:9 / 16;
  max-height:100svh;
  background:#000;
}
.ams-hero__video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#000;
  pointer-events:none;
}
.ams-hero__video--desktop{ display:none; }
.ams-hero__cta{
  padding:18px 0 20px;
  background:var(--bg, #0A0A0A);
  border-bottom:1px solid var(--hairline, rgba(197,202,208,.28));
  text-align:center;
}
.ams-hero__title{
  margin:0 0 12px;
  font-family:var(--font-head, 'Outfit', sans-serif);
  font-weight:700;
  font-size:clamp(1.5rem, 6vw, 2.25rem);
  line-height:1.05;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:#fff;
}
.ams-hero__links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
  margin:0;
}
.ams-hero__links .btn{
  white-space:normal;
  text-align:center;
}
.ams-hero__nowrap{ white-space:nowrap; }
.ams-hero__note{
  margin:12px 0 0;
  font-size:.8rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--accent, #C6A15B);
}
.ams-hero__note a{ color:inherit; }
@media (min-width: 768px){
  .ams-hero__media{ aspect-ratio:16 / 9; }
  .ams-hero__video--mobile{ display:none; }
  .ams-hero__video--desktop{ display:block; }
  .ams-hero__cta{ text-align:left; padding:20px 0; }
  .ams-hero__cta .container{
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    column-gap:28px;
  }
  .ams-hero__title{ margin:0; grid-row:span 2; }
  .ams-hero__links{ justify-content:flex-start; }
  .ams-hero__note{ margin-top:10px; }
}
/* Reduced motion: never play; the poster frame stands in. */
@media (prefers-reduced-motion: reduce){
  .ams-hero__video{ display:none !important; }
  .ams-hero__media{ background:#000 url("/assets/img/hero/ams-hero-worth-the-drive-0926-9x16-poster.jpg") center / cover no-repeat; }
}
@media (prefers-reduced-motion: reduce) and (min-width: 768px){
  .ams-hero__media{ background-image:url("/assets/img/hero/ams-hero-worth-the-drive-0926-16x9-poster.jpg"); }
}