/* index.html ONLY — letter outline stroke on all home hero glass card titles */

html[data-index-page] .banner__section .banner-glass-card__title {
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15;
  -webkit-text-stroke: clamp(3px, 0.11em, 6px) #2c0e53;
  paint-order: stroke fill;
  text-shadow: none;
}
/* === v3 desktop-to-980 containment: all home slides fully visible === */
/* === v3 desktop scaling: cover fills banner above 1920px (smooth, no jump) === */
@media (min-width: 1921px) {
  html[data-index-page] .banner__section .banner__image {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}


@media (max-width: 980px) {
  html[data-index-page] .banner__section .banner-glass-card__title {
    -webkit-text-stroke: clamp(2px, 0.1em, 5px) #2c0e53;
  }
}

/* === v3 responsive (≤980px): all home slides fully visible, content drops below === */
@media (max-width: 1760px) {
  html[data-index-page] .banner__section,
  html[data-index-page] .banner__section .banner__slider,
  html[data-index-page] .banner__section .swiper-wrapper,
  html[data-index-page] .banner__section .swiper-slide {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
  }

  html[data-index-page] .banner__section .swiper-slide {
    position: relative !important;
  }

  html[data-index-page] .banner__section .banner__image {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    padding-top: calc(100% / 2.22) !important;
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    transform: none !important;
    transition: none !important;
    inset: auto !important;
  }

  html[data-index-page] .banner__section .banner__content-shell--fixed {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 auto !important;
    padding: 18px 16px 0 !important;
  }
}