/* Skin Remedy Home V2914 - real HTML hero on cleaned approved scene;
   Scoped to this component. Do not edit other public UI or CRM styles. */
body.sr-v21-home-body main .sr-v2896-hero{
  position:relative!important;display:block!important;isolation:isolate!important;
  width:100%!important;margin:0!important;padding:14px 0 24px!important;
  background:#efeee8!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-shell{
  width:min(calc(100% - 48px),1680px)!important;max-width:1680px!important;
  margin:0 auto!important;padding:0!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-stage{
  position:relative!important;isolation:isolate!important;box-sizing:border-box!important;
  display:block!important;width:100%!important;min-height:0!important;max-height:756px!important;
  aspect-ratio:1568/756!important;overflow:hidden!important;
  border-radius:clamp(18px,2vw,30px)!important;
  border:1px solid rgba(177,142,78,.6)!important;
  background:#8b8060!important;
  box-shadow:0 14px 42px rgba(28,34,20,.15),0 2px 10px rgba(25,30,19,.08)!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-stage:before,
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-stage:after{content:none!important;display:none!important;}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-image{
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover!important;object-position:center center!important;
  margin:0!important;padding:0!important;opacity:1!important;
  transform:none!important;transition:none!important;
  filter:brightness(.98) saturate(1.03)!important;
  pointer-events:none!important;
}
/* A slight readability gradient; no solid sheet over the photography */
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-stage-shade{
  position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
  background:linear-gradient(90deg,rgba(30,32,20,.30) 0%,rgba(36,37,23,.19) 33%,rgba(36,37,23,.03) 54%,transparent 68%)!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-content{
  position:absolute!important;inset:0 auto 0 0!important;z-index:2!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  box-sizing:border-box!important;
  width:clamp(560px,53%,805px)!important;max-width:53%!important;
  padding:25px 0 25px clamp(54px,11.3vw,196px)!important;
  margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  text-align:left!important;transform:none!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-kicker{
  display:block!important;margin:0 0 31px!important;padding:0!important;
  color:#f7e9cc!important;font-family:inherit!important;
  font-size:clamp(10px,.79vw,13px)!important;font-weight:750!important;
  letter-spacing:.235em!important;line-height:1.5!important;text-transform:uppercase!important;
  white-space:nowrap!important;text-shadow:0 2px 12px rgba(20,20,12,.22)!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-kicker:after{
  content:'';display:block;width:88px;height:1px;margin-top:18px;background:rgba(247,231,190,.75);
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-heading{
  display:block!important;margin:0 0 20px!important;padding:0!important;
  color:#fff8ea!important;font-family:Georgia,'Times New Roman',serif!important;
  font-weight:400!important;font-size:clamp(46px,3.92vw,69px)!important;
  line-height:1.05!important;letter-spacing:-.057em!important;
  text-shadow:0 4px 22px rgba(23,22,15,.23)!important;text-wrap:initial!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-heading span,
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-heading em{
  display:block!important;white-space:nowrap!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-heading em{
  color:#f3ddb3!important;font-style:italic!important;font-weight:400!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-description{
  display:block!important;max-width:54ch!important;margin:0 0 28px!important;padding:0!important;
  color:#fff9ed!important;font-family:inherit!important;
  font-size:clamp(14px,1.02vw,18px)!important;line-height:1.6!important;
  font-weight:400!important;text-shadow:0 3px 14px rgba(22,24,15,.19)!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  gap:14px!important;flex-wrap:nowrap!important;width:auto!important;margin:0!important;padding:0!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;min-height:57px!important;border-radius:999px!important;
  white-space:nowrap!important;font-family:inherit!important;font-size:clamp(10px,.83vw,13px)!important;
  font-weight:800!important;letter-spacing:.075em!important;text-decoration:none!important;text-transform:uppercase!important;
  padding:0 24px!important;box-shadow:0 6px 22px rgba(23,24,16,.12)!important;
  transition:transform .24s ease,box-shadow .24s ease,background .24s ease!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a:hover{
  transform:translateY(-3px)!important;box-shadow:0 12px 26px rgba(21,25,17,.21)!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a:focus-visible{
  outline:3px solid #f6e7c1!important;outline-offset:4px!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-cta-primary{
  background:linear-gradient(135deg,#fff9e9,#efd7a7)!important;
  color:#1d332a!important;border:1px solid #f0d7a8!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-cta-secondary{
  background:rgba(32,33,19,.10)!important;color:#fffaf0!important;
  border:1px solid rgba(250,229,186,.7)!important;
  backdrop-filter:blur(3px)!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-arrow{margin-left:15px;font-size:17px;font-weight:400;}
@media(prefers-reduced-motion:no-preference){
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-enter{
    animation:srV2896Entrance .8s cubic-bezier(.22,.61,.36,1) both!important;
    animation-delay:var(--sr-v2896-delay,0s)!important;
  }
}
@keyframes srV2896Entrance{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1450px) and (min-width:951px){
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-content{
    padding-left:clamp(46px,8.8vw,130px)!important;width:57%!important;max-width:57%!important;
  }
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-heading{
    font-size:clamp(40px,4.05vw,60px)!important;
  }
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-description{
    font-size:clamp(13px,1vw,17px)!important;max-width:50ch!important;
  }
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a{min-height:50px!important;padding-inline:16px!important;}
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-kicker{margin-bottom:19px!important}
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-description{margin-bottom:19px!important}
}
@media(max-width:950px){
  body.sr-v21-home-body main .sr-v2896-hero{padding:10px 0 18px!important;}
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-shell{width:calc(100% - 24px)!important;}
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-stage{
    aspect-ratio:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;
    overflow:hidden!important;border-radius:22px!important;
  }
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-image{
    position:relative!important;order:1!important;inset:auto!important;
    width:100%!important;height:clamp(360px,82vw,600px)!important;
    object-fit:cover!important;object-position:70% center!important;
  }
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-stage-shade{display:none!important}
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-content{
    position:relative!important;order:2!important;inset:auto!important;
    width:100%!important;max-width:none!important;min-height:0!important;
    display:flex!important;justify-content:flex-start!important;
    padding:clamp(24px,5.5vw,45px)!important;
    background:linear-gradient(135deg,#263d2f,#536044)!important;
  }
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-kicker{
    white-space:normal!important;margin-bottom:18px!important;font-size:11px!important;
  }
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-heading{
    font-size:clamp(35px,7vw,60px)!important;max-width:100%!important;
    line-height:1.09!important;margin-bottom:18px!important;
  }
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-heading span,
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-heading em{white-space:normal!important;}
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-description{
    max-width:64ch!important;font-size:clamp(14px,2.6vw,17px)!important;
  }
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas{flex-wrap:wrap!important;}
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a{min-height:51px!important;}
}
@media(max-width:540px){
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-image{
    height:clamp(310px,89vw,440px)!important;object-position:69% center!important;
  }
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-content{padding:25px 22px 28px!important;}
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-heading{font-size:clamp(35px,9.2vw,48px)!important;}
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas{
    display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:12px!important;
  }
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a{width:100%!important;min-height:52px!important;}
}


/* V2914 ONLY: refined real HTML hero & champagne-dimensional action styling.
   Keep header, badge, journey V2913, footer, CRM, and product UI unchanged. */
body.sr-v21-home-body main .sr-v2896-hero{
  background:linear-gradient(180deg,#193428 0%,#243b2f 100%)!important;
  padding:11px 0 24px!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-stage{
  aspect-ratio:1711/870!important;
  max-height:815px!important;
  border-radius:clamp(18px,1.7vw,28px)!important;
  border:1px solid rgba(229,208,163,.65)!important;
  box-shadow:0 18px 44px rgba(2,18,13,.27),0 2px 8px rgba(18,28,20,.18),inset 0 1px 0 rgba(255,247,223,.25)!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-image{
  object-position:center 30%!important;
  filter:saturate(1.025) contrast(1.01)!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-stage-shade{
  background:linear-gradient(90deg,rgba(15,27,21,.33) 0%,rgba(24,32,24,.24) 30%,rgba(22,34,24,.04) 57%,transparent 72%)!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-kicker{
  color:#fff1d7!important;
  text-shadow:0 2px 16px rgba(10,18,12,.34)!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-heading{
  text-shadow:0 5px 28px rgba(10,20,12,.34),0 1px 2px rgba(8,14,10,.12)!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-description{
  text-shadow:0 3px 19px rgba(7,16,12,.39)!important;
}
/* Dimensional champagne outlines: a clear rim, softened reflection, restrained depth. */
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a{
  isolation:isolate!important;
  min-height:60px!important;
  border:1.5px solid #e8cfa3!important;
  border-radius:999px!important;
  padding:0 27px!important;
  overflow:hidden!important;
  box-shadow:inset 0 1.5px 0 rgba(255,255,248,.65),
    inset 0 -3px 5px rgba(61,43,15,.13),
    0 0 0 2px rgba(93,69,35,.23),
    0 9px 23px rgba(20,25,18,.30),
    0 2px 4px rgba(15,24,17,.21)!important;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease,background .32s ease!important;
  will-change:auto!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-cta-primary{
  color:#1e382d!important;
  background:linear-gradient(155deg,#fffcf0 0%,#faeacd 47%,#e7c99c 100%)!important;
  border-color:#e4c69c!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-cta-secondary{
  color:#fff8e7!important;
  background:linear-gradient(165deg,rgba(40,52,39,.38),rgba(42,42,30,.18))!important;
  border-color:rgba(239,217,176,.92)!important;
  backdrop-filter:blur(5px)!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a:before{
  content:""!important;display:block!important;position:absolute!important;z-index:-1!important;
  inset:3px!important;pointer-events:none!important;border-radius:inherit!important;
  border:1px solid rgba(255,250,233,.36)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a:after{
  content:""!important;display:block!important;position:absolute!important;z-index:0!important;
  inset:-90% auto -90% -75%!important;width:45%!important;
  background:linear-gradient(100deg,transparent,rgba(255,255,248,.24),transparent)!important;
  transform:skewX(-23deg) translateX(0)!important;
  transition:transform .55s cubic-bezier(.2,.65,.25,1)!important;
  pointer-events:none!important;
}
@media (hover:hover) and (pointer:fine){
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a:hover{
    transform:translateY(-3px)!important;
    border-color:#fff1d0!important;
    box-shadow:inset 0 2px 0 rgba(255,255,250,.69),inset 0 -3px 5px rgba(56,43,23,.12),
      0 0 0 2px rgba(230,205,158,.38),0 15px 28px rgba(14,22,15,.33)!important;
  }
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a:hover:after{
    transform:skewX(-23deg) translateX(640%)!important;
  }
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a:active{
  transform:translateY(0)!important;
  box-shadow:inset 0 3px 8px rgba(66,47,19,.20),0 3px 10px rgba(15,22,16,.23)!important;
}
body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a:focus-visible{
  outline:3px solid #fff6de!important;outline-offset:4px!important;
}
/* Refined, staggered entrance; no photo displacement, no perpetual sparkle. */
@media (prefers-reduced-motion:no-preference){
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-enter{
    animation:srV2914Rise .95s cubic-bezier(.16,1,.3,1) both!important;
    animation-delay:var(--sr-v2896-delay,0s)!important;
  }
  body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-image{
    animation:srV2914ImageReveal 1.10s ease-out both!important;
  }
}
@keyframes srV2914Rise{
  from{opacity:0;transform:translate3d(0,23px,0);filter:blur(2px)}
  to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@keyframes srV2914ImageReveal{from{opacity:.75}to{opacity:1}}
@media(max-width:1450px) and (min-width:951px){
 body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a{
   min-height:53px!important;padding-inline:19px!important;
 }
}
@media(max-width:950px){
 body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-stage{
   aspect-ratio:auto!important;max-height:none!important;
 }
 body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-image{
   object-position:68% center!important;animation:none!important;
 }
 body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-content{
   background:linear-gradient(145deg,#1f392d,#4c6247)!important;
 }
 body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a{
   min-height:54px!important;padding:0 19px!important;
 }
}
@media(max-width:540px){
 body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-image{
  object-position:68% center!important;
 }
 body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a{
   min-height:54px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-enter,
 body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-image{
   animation:none!important;transform:none!important;filter:none!important;opacity:1!important;
 }
 body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a,
 body.sr-v21-home-body main .sr-v2896-hero .sr-v2896-ctas a:after{
   transition:none!important;
 }
}