/* Keep the desktop composition; let the mobile heading use the full card width. */
@media (max-width: 700px) {
  body[data-page="home"] .cover-purpose {
    top: 84px;
    left: 22px;
    width: calc(100% - 44px);
    max-width: none;
    font-size: clamp(16px, calc(6.5cqw - 2.8px), 24px);
    line-height: 1.3;
    letter-spacing: -.45px;
    white-space: nowrap;
  }

  body[data-page="home"] .cover-purpose br {
    display: none;
  }

  /* Fade to the actual card surface, including each product's different tint. */
  body[data-page="home"] .cover-card .cover-photo,
  body[data-page="home"] .cover-card.is-active .cover-photo {
    top: 118px;
    height: 332px;
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 40px, #000 212px, transparent 100%);
    mask-image: linear-gradient(180deg, transparent, #000 40px, #000 212px, transparent 100%);
  }

  body[data-page="home"] .cover-card .cover-photo::after,
  body[data-page="home"] .cover-card.is-active .cover-photo::after {
    background: none;
  }

  body[data-page="home"] .cover-card .cover-bottom-shade {
    inset: 310px 0 0;
    background: linear-gradient(180deg, transparent, #5250ad 44%, #3c3b83 100%);
  }
}