.aftermovie-hero { position: relative; width: 100%; height: min(760px, 82svh); min-height: 500px; overflow: hidden; background: #281422; }
.aftermovie-hero picture, .aftermovie-hero img { display: block; width: 100%; height: 100%; }
.aftermovie-hero img { object-fit: cover; object-position: center; }
.aftermovie-hero__overlay { position: absolute; inset: 0; display: flex; align-items: center; padding-block: 3rem; background: linear-gradient(0deg, rgba(20,10,16,.88), rgba(20,10,16,.2) 65%, transparent); }
.aftermovie-hero__content { width: min(100%, 650px); max-width: 650px; padding: clamp(1.5rem, 3vw, 2.5rem); background: rgba(20,15,18,.62); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border-radius: 16px; color: #fff; text-align: left; }
.aftermovie-hero__eyebrow { display: block; color: #F93F44; font-size: .85rem; font-weight: 700; text-transform: uppercase; }
.aftermovie-hero h1 { margin: 12px 0 20px; font-size: 3.5rem; line-height: 1.08; color: #fff; }
.aftermovie-hero p { margin: 0 0 24px; font-size: 1.1rem; line-height: 1.65; color: rgba(255,255,255,.88); }
.aftermovie-hero__trigger { gap: .75rem; }
.aftermovie-hero__play { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; width: 28px; height: 28px; padding: 0; margin: 0; border: 1px solid currentColor; border-radius: 50%; line-height: 1; }
.aftermovie-hero__play svg { display: block; width: 12px; height: 12px; padding: 0; margin: 0; transform: translateX(1px); }
.aftermovie-hero__trigger:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
#aaantwerpAftermovieVideo { aspect-ratio: 16 / 9; background: #000; }
@media (max-width: 767.98px) {
  .aftermovie-hero { height: 680px; max-height: 86svh; min-height: 540px; }
  .aftermovie-hero__overlay { padding-block: 2rem; }
  .aftermovie-hero__content { padding: 20px; border-radius: 12px; }
  .aftermovie-hero h1 { font-size: 2.35rem; }
  .aftermovie-hero p { font-size: 1rem; }
}