/* Mobile homepage: keep text and badges outside images */
@media (max-width: 767px) {
  body.home .hsse-hero__visual {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
  }
  body.home .hsse-hero__image {
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
  }
  body.home .hsse-hero__image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
  }
  body.home .hsse-hero__badge,
  body.home .hsse-hero__badge--top,
  body.home .hsse-hero__badge--bottom {
    position: static;
    inset: auto;
    width: 100%;
    max-width: none;
    min-height: 0;
    transform: none;
    box-sizing: border-box;
    border: 1px solid rgba(16, 51, 82, 0.1);
    box-shadow: 0 8px 24px rgba(16, 51, 82, 0.08);
  }
  body.home .hsse-program-card--image {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  body.home .hsse-program-card--image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
  body.home .hsse-program-card--image .hsse-program-card__content {
    position: static;
    inset: auto;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    border-radius: 0;
    background: #ffffff;
    padding: 24px;
  }
  body.home .hsse-feature__image {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  body.home .hsse-feature__image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
  body.home .hsse-feature__stat {
    position: static;
    inset: auto;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin: 0;
    padding: 18px 22px;
    border-radius: 16px;
  }
}