.gradient-dot {
    color: #ff5748;
}


#modal-how-to-buy .ric-modal-content-wrapper .callouts .callout a.icon.more::after {
    position: relative;
}



.section-hero .hero-initial-wrap .hero-initial-copy .copy {
    max-width: 750px;
}

/* Legacy single-card film banner under /v/education/home/an.
   HTML keeps both .section-film-banner and .section-banners (an JS spacing).
   Medium/small visuals are already OK — only patch what large needs + gallery poison. */

/* an: .section-banners .card { min-height:unset }
   LARGE side-by-side has no image y-margin; needs slim --min-height (320px). */
.section-film-banner.section-banners .card {
  min-height: var(--min-height);
}

/* an multi-banner asset-column margins (369/399/327) break this single card. */
.section-film-banner.section-banners .banner-card.banner-card-text-row-placement-bottom .banner-card-asset-column {
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 1068px) {
  .section-film-banner.section-banners .banner-card.banner-card-text-row-placement-bottom .banner-card-asset-column {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 734px) {
  .section-film-banner.section-banners .banner-card.banner-card-text-row-placement-bottom .banner-card-asset-column {
    margin-top: 0;
    margin-bottom: 0;
  }
}

/* LARGE image size only (AM film-banner 414×234). an default is 426×242. */
@media (min-width: 1069px) {
  .section-film-banner.section-banners .banner-card-image {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 414px;
    --p-height: 234px;
  }
}

.section-film-banner .banner-card-image img {
  border-radius: 12px;
}