/* Homepage-only refinements explicitly requested by the owner, 2026-09-10. */
/* Owner approved the separate full-paddle mobile preview. */
@media (max-width: 760px) {
  .hero {display: flex; flex-direction: column; min-height: 0;}
  .hero-grid {order: 0; padding-block: 50px 24px;}
  .hero-media {position: relative; inset: auto; order: 1; z-index: 0; width: 100%; height: auto; display: block;}
  .hero-media img {display: block; width: 100%; height: auto; object-fit: contain; object-position: center;}
}
.series-showcase__models > a > .home-model-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  height: auto;
  overflow: visible;
  padding: 22px 22px 10px;
}
.home-model-heading strong {
  padding: 0;
  line-height: 1.35;
  text-wrap: balance;
}
.home-model-heading .home-audience-label {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  padding: 3px 8px;
  border: 1px solid #8995a3;
  border-radius: 4px;
  color: #e5eaf0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  white-space: nowrap;
}
.home-closing-cta .button--outline {
  color: var(--navy, #071525);
  border-color: var(--navy, #071525);
}
.home-closing-cta .button--outline:hover {
  background: var(--navy, #071525);
  color: #fff;
}
.home-closing-cta .button--outline:focus-visible {
  outline: 2px solid var(--navy, #071525);
  outline-offset: 4px;
}

/* Keep the short three-item FAQ visually compact on wide screens. */
.faq-section {
  padding-block: 72px;
}
.faq-section .faq-grid {
  grid-template-columns: minmax(250px, 0.8fr) minmax(0, 1.6fr);
  align-items: start;
  gap: clamp(48px, 5vw, 80px);
}
.faq-section .faq-grid summary {
  min-height: 72px;
}
@media (max-width: 760px) {
  .faq-section {
    padding-block: 56px;
  }
  .faq-section .faq-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}