/* SmileSteps homepage hero v59: reference-faithful Su Jok diagram. */
.hero-live.ss-static-image-hero--home {
  isolation: isolate !important;
  min-height: clamp(460px, 32vw, 540px) !important;
  margin-top: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(255,250,240,.12), rgba(255,250,240,0) 58%),
    url('/ss2026/assets/home-sujok-paper-background-v84.jpg') center / cover no-repeat !important;
}

.hero-live.ss-static-image-hero--home::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  top: 5% !important;
  right: 12% !important;
  bottom: 5% !important;
  width: min(29vw, 440px) !important;
  height: auto !important;
  background: url('/ss2026/assets/home-sujok-hand-cutout-v84.png') center bottom / contain no-repeat !important;
  filter: none !important;
  box-shadow: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  pointer-events: none !important;
}

.hero-live.ss-static-image-hero--home::after {
  content: none !important;
  display: none !important;
}

.hero-live.ss-static-image-hero--home .ss-static-image-hero__copy {
  z-index: 1 !important;
  min-height: clamp(460px, 32vw, 540px) !important;
  padding-block: clamp(54px, 6vw, 72px) !important;
  padding-right: 46% !important;
  position: relative !important;
}

.hero-live.ss-static-image-hero--home h1 {
  max-width: 740px !important;
  color: #173728 !important;
  font-size: clamp(44px, 4.65vw, 66px) !important;
  line-height: 1.02 !important;
  text-shadow: 0 1px rgba(255,255,255,.7), 0 12px 34px rgba(23,55,40,.1) !important;
}

.ss-home-hero-title__line {
  display: block !important;
  white-space: nowrap !important;
}

.ss-home-hero-title__line--secondary {
  margin-top: .2em !important;
  font-size: .72em !important;
  letter-spacing: -.02em !important;
}

@media (max-width: 760px) {
  .hero-live.ss-static-image-hero--home {
    min-height: 540px !important;
    background:
      linear-gradient(180deg, rgba(255,250,240,.16), rgba(255,250,240,0) 54%),
      url('/ss2026/assets/home-sujok-paper-background-v84.jpg') center / cover no-repeat !important;
  }

  .hero-live.ss-static-image-hero--home::before {
    top: 42% !important;
    right: 13% !important;
    bottom: 3% !important;
    width: min(62vw, 310px) !important;
  }

  .hero-live.ss-static-image-hero--home .ss-static-image-hero__copy {
    min-height: 540px !important;
    align-items: flex-start !important;
    padding: 38px 0 310px !important;
  }

  .hero-live.ss-static-image-hero--home h1 {
    max-width: 100% !important;
    font-size: clamp(32px, 8.5vw, 42px) !important;
  }

  .ss-home-hero-title__line--secondary {
    font-size: .68em !important;
  }
}