/* Featured home films: two full-frame portrait tours, then a calm mobile stack. */
.mh-featured-films {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 460px));
  justify-content: center;
  align-items: start;
  gap: clamp(28px, 5vw, 68px);
  width: 100%;
}
.mh-film-card {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  border: 1px solid var(--mh-line, rgba(198, 167, 108, .24));
  background: var(--mh-black, #11110f);
}
.mh-film-media {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  background: #080908;
  border-bottom: 1px solid var(--mh-line, rgba(198, 167, 108, .24));
}
.mh-film-media video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 620px;
  aspect-ratio: 9 / 16;
  object-fit: contain;
  object-position: center;
  background: #080908;
}
.mh-film-copy {
  min-width: 0;
  padding: 28px 30px 32px;
}
.mh-film-copy .mh-eyebrow { margin-bottom: 12px; font-size: 10px; }
.mh-film-copy h3 { margin-bottom: 15px; font-size: clamp(2.2rem, 3vw, 3.2rem); }
.mh-film-description {
  color: var(--mh-muted, #b8b4aa);
  font-size: 14px;
  line-height: 1.85;
  margin-bottom: 22px !important;
}
.mh-film-copy .mh-text-link { max-width: 100%; overflow-wrap: anywhere; }
@media (min-width: 768px) and (max-width: 1023px) {
  .mh-featured-films { gap: 28px; }
  .mh-film-copy { padding: 25px 24px 29px; }
  .mh-film-copy h3 { font-size: 2.4rem; }
}
@media (max-width: 767px) {
  .mh-featured-films {
    grid-template-columns: minmax(0, 460px);
    gap: 34px;
  }
  .mh-film-media video {
    max-height: 75svh;
    /* Preserve a useful portrait box in browsers without small-viewport units. */
    max-height: min(620px, 75svh);
  }
  .mh-film-copy { padding: 24px 24px 28px; }
  .mh-film-copy h3 { font-size: 2.5rem; }
  .mh-film-description { font-size: 14px; }
}
@media (max-width: 380px) {
  .mh-featured-films { gap: 28px; }
  .mh-film-copy { padding: 23px 20px 26px; }
  .mh-film-copy h3 { font-size: 2.2rem; }
}