/* Movies catalog introduction. Container queries follow the width between the theater walls. */
.af-movie-intro-wrap { container-type: inline-size; }
.af-movie-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  margin: 0 0 24px;
  border: 1px solid #415065;
  border-radius: 14px;
  overflow: hidden;
  background: #152433;
  isolation: isolate;
}
.af-movie-intro-copy { align-self: center; padding: clamp(18px, 3.2cqi, 36px); }
.af-movie-intro .af-movie-intro-copy h1 {
  color: #fff4e2;
  font-size: clamp(29px, 5cqi, 52px);
  font-weight: 760;
  letter-spacing: -.045em;
  line-height: 1.04;
  margin: 0 0 10px;
  text-wrap: balance;
}
.af-movie-intro .af-movie-intro-copy p {
  color: #dee7ef;
  font-size: clamp(15px, 2cqi, 18px);
  line-height: 1.46;
  margin: 0;
}
.af-movie-intro-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 14px; }
.af-movie-intro-actions > span { color: #c8d6e4; font-size: 13px; line-height: 1.35; }
.af-streaming-view .af-movie-intro-actions a {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  min-height: 44px;
  border-radius: 8px;
  padding: 9px 16px;
  background: #ffd198;
  color: #21180f;
  font-weight: 750;
  line-height: 1.2;
  text-decoration: none;
}
.af-streaming-view .af-movie-intro-actions a:hover { background: #ffe3ba; }
.af-streaming-view .af-movie-intro-actions a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.af-movie-intro-art { display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: cover; object-position: 50% 45%; }
.af-streaming-view #filters { scroll-margin-top: calc(var(--awning-h, 80px) + 16px); }
@container (max-width: 580px) {
  .af-movie-intro { display: flex; flex-direction: column; margin-bottom: 18px; }
  .af-movie-intro-art { order: -1; height: clamp(72px, 24cqi, 115px); }
  .af-movie-intro-copy { align-self: stretch; padding: 16px; }
  .af-movie-intro-actions { margin-top: 12px; }
}