/* Skin Remedy Clinic — Home Hero Premium V2892
   Scope: public Home hero only. Preserve approved shared header/footer, CRM and photo.
   Overrides the historic V2471 hero width/CTA rules that caused the narrow text stack.
*/

body.sr-v21-home-body main.sr-v289-home .sr-v244-hero {
  padding:14px 0 19px!important;
  background:linear-gradient(180deg,#f3efe5 0%,#e8e7db 100%)!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-shell {
  width:min(calc(100vw - 30px),1780px)!important;
  max-width:1780px!important;
  margin-inline:auto!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-stage {
  position:relative!important;
  display:block!important;
  min-height:clamp(680px,46vw,860px)!important;
  border-radius:clamp(22px,2.4vw,36px)!important;
  border:1px solid rgba(207,181,124,.52)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#6e6c4e!important;
  box-shadow:0 24px 58px rgba(36,39,26,.14),0 3px 14px rgba(44,43,28,.08),inset 0 1px 0 rgba(255,252,236,.28)!important;
}
/* Dramatic but quiet editorial shadow, not a solid text card. */
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-stage::before {
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,
      rgba(17,32,21,.90) 0%,
      rgba(23,38,26,.86) 25%,
      rgba(31,43,30,.70) 35%,
      rgba(42,46,31,.24) 51%,
      rgba(27,31,22,.03) 68%,
      transparent 82%),
    linear-gradient(0deg,rgba(16,25,19,.14),transparent 40%)!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-stage::after {
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(255,248,226,.035),transparent 33%,rgba(22,34,22,.11)),
    linear-gradient(90deg,transparent 0%,transparent 45%,rgba(255,249,224,.045) 100%)!important;
  transform:none!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-stage > img {
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 0%!important;
  transform:scale(1.002)!important;
  filter:saturate(.93) contrast(1.025) brightness(1.02)!important;
  transition:transform 1.3s cubic-bezier(.2,.7,.25,1),filter 1.3s ease!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-stage:hover > img,
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-stage.is-motion-active > img {
  transform:scale(1.015)!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-copy {
  position:absolute!important;
  z-index:5!important;
  top:50%!important;
  left:clamp(34px,5.2vw,98px)!important;
  transform:translateY(-50%)!important;
  width:min(570px,43vw)!important;
  max-width:570px!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-copy .sr-eyebrow {
  display:inline-block!important;
  width:auto!important;
  max-width:100%!important;
  position:relative!important;
  padding:0 0 15px 0!important;
  margin:0 0 25px!important;
  color:#ead4a5!important;
  font-size:clamp(10px,.74vw,12px)!important;
  font-weight:800!important;
  letter-spacing:.235em!important;
  line-height:1.5!important;
  text-transform:uppercase!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-copy .sr-eyebrow::after {
  content:""!important;
  position:absolute!important;
  bottom:0!important;
  left:0!important;
  width:74px!important;
  height:1px!important;
  background:linear-gradient(90deg,#ead4a5,rgba(234,212,165,.04))!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-copy h1 {
  margin:0 0 22px!important;
  max-width:13.8ch!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(53px,4.7vw,79px)!important;
  font-weight:400!important;
  line-height:1.035!important;
  letter-spacing:-.058em!important;
  text-wrap:balance!important;
  color:#fffaf0!important;
  text-shadow:0 4px 26px rgba(0,0,0,.12)!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-copy h1 span {
  display:block!important;
  color:#fffaf0!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-copy h1 em {
  display:block!important;
  margin-top:4px!important;
  color:#e9d4ae!important;
  font-weight:400!important;
  font-style:italic!important;
  text-shadow:0 5px 26px rgba(0,0,0,.16)!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-copy .sr-v230-hero-lead {
  margin:0 0 30px!important;
  max-width:48ch!important;
  color:rgba(255,250,237,.84)!important;
  font-size:clamp(14px,.99vw,17px)!important;
  font-weight:400!important;
  line-height:1.70!important;
  text-shadow:none!important;
}
/* Fix V2471's max-width:345px + width:100% desktop buttons. */
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-actions {
  display:grid!important;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;
  gap:12px!important;
  width:min(100%,535px)!important;
  max-width:535px!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-actions .sr-btn {
  display:inline-flex!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:56px!important;
  height:auto!important;
  max-width:none!important;
  padding:13px 18px!important;
  justify-content:center!important;
  align-items:center!important;
  gap:13px!important;
  border-radius:999px!important;
  font-size:clamp(10px,.70vw,12px)!important;
  font-weight:850!important;
  letter-spacing:.085em!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transition:transform .26s ease,box-shadow .26s ease,background .26s ease!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-actions .sr-btn-gold {
  background:linear-gradient(160deg,#fff5df 0%,#f4e7cd 54%,#ddc597 100%)!important;
  border:1px solid rgba(255,249,235,.82)!important;
  color:#233325!important;
  box-shadow:0 15px 28px rgba(8,18,11,.17),inset 0 1px 0 rgba(255,255,255,.75)!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-actions .sr-btn-outline {
  background:rgba(255,247,219,.045)!important;
  border:1px solid rgba(245,231,197,.67)!important;
  color:#fff8e9!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075)!important;
  backdrop-filter:blur(7px)!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-actions .sr-btn:hover {
  transform:translateY(-3px)!important;
  box-shadow:0 18px 35px rgba(6,17,8,.28),inset 0 1px 0 rgba(255,255,255,.30)!important;
}
body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-actions .sr-btn:focus-visible {
  outline:2px solid #ffedbb!important;
  outline-offset:4px!important;
}

@media (max-width:1190px) {
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-stage {min-height:680px!important;}
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-copy {
    left:clamp(28px,4vw,50px)!important;
    width:min(510px,48vw)!important;
    max-width:510px!important;
  }
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-copy h1 {
    font-size:clamp(46px,5.2vw,66px)!important;
  }
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-actions {width:100%!important;}
}
@media (max-width:820px) {
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-shell {
    width:min(calc(100vw - 20px),860px)!important;
  }
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-stage {
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    height:auto!important;
    border-radius:25px!important;
    background:#1c3021!important;
  }
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-stage::before,
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-stage::after {
    display:none!important;
  }
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-stage > img {
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1.45!important;
    object-fit:cover!important;
    object-position:73% 13%!important;
    transform:none!important;
    filter:saturate(.96) contrast(1.02)!important;
  }
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-copy {
    position:relative!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:24px clamp(19px,5vw,36px) 30px!important;
    background:linear-gradient(145deg,#1b3022 0%,#2b3a28 100%)!important;
  }
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-copy .sr-eyebrow {
    margin:0 0 18px!important;
    padding-bottom:11px!important;
  }
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-copy h1 {
    font-size:clamp(42px,7.4vw,58px)!important;
    max-width:17ch!important;
    margin:0 0 15px!important;
  }
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-copy .sr-v230-hero-lead {
    font-size:15px!important;
    line-height:1.61!important;
    margin-bottom:23px!important;
    max-width:55ch!important;
  }
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-actions {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    max-width:none!important;
    width:100%!important;
  }
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-actions .sr-btn {
    width:100%!important;
    min-width:0!important;
    padding:12px 10px!important;
    font-size:10px!important;
  }
}
@media (max-width:540px) {
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-stage > img {
    aspect-ratio:1.38!important;
    object-position:72% 9%!important;
  }
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-copy {
    padding:22px 20px 28px!important;
  }
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-copy h1 {
    font-size:clamp(41px,11.2vw,54px)!important;
    max-width:15ch!important;
  }
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-actions {
    grid-template-columns:1fr!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-stage > img,
  body.sr-v21-home-body main.sr-v289-home .sr-v244-hero-actions .sr-btn {transition:none!important;transform:none!important;}
}