.movieAwardBanner {
 position: relative; isolation: isolate; display: flex; align-items: center;
 width: 100%; max-width: 760px; min-height: 250px; margin: 40px auto 20px;
 overflow: hidden; border-radius: 10px; background: #14151b; color: #fff;
 text-decoration: none; transition: box-shadow .2s ease;
}
.movieAwardBanner__image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.movieAwardBanner::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #080c16e6, #080c16a6 55%, #080c164d); }
.movieAwardBanner__content { padding: 30px 36px; }
.movieAwardBanner__eyebrow { font: 700 1.1rem/1.5 Arial, sans-serif; letter-spacing: .13em; }
.movieAwardBanner__title { margin-top: 8px; color: #fff; font-size: 2.8rem; font-weight: 700; line-height: 1.5; }
.movieAwardBanner__text { margin-top: 8px; font-size: 1.3rem; line-height: 1.8; }
.movieAwardBanner__link { display: inline-flex; align-items: center; gap: 28px; margin-top: 18px; padding-bottom: 4px; border-bottom: 1px solid #ffffffa6; font-size: 1.3rem; font-weight: 700; }
.movieAwardBanner:focus-visible { outline: 3px solid #a72335; outline-offset: 5px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
 .movieAwardBanner:hover .movieAwardBanner__image { transform: scale(1.025); }
}
@media (max-width: 768px) {
 .movieAwardBanner { min-height: 220px; margin-top: 30px; }
 .movieAwardBanner__content { padding: 24px; }
 .movieAwardBanner__title { font-size: 2.4rem; }
 .movieAwardBanner__text { max-width: 230px; font-size: 1.2rem; }
}
