/* Keep the existing header, hero geometry and following homepage sections. */
.shop-home-hero.home-hero-carousel { display:block; position:relative; isolation:isolate; overflow:clip; }
.home-hero-slides { display:grid; overflow:clip; }
.home-hero-slide { grid-area:1/1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); min-width:0; opacity:0; visibility:hidden; transform:translateX(-7%); transition:transform 750ms cubic-bezier(.22,1,.36,1),opacity 550ms ease,visibility 750ms; pointer-events:none; }
.home-hero-slide.is-active { opacity:1; visibility:visible; transform:translateX(0); pointer-events:auto; }
.home-hero-slide.is-leaving { transform:translateX(7%); }
/* Both slides use the same padding anchor. Centering each copy block separately
   shifts the eyebrow/title when descriptions, actions or the note differ. */
.shop-home-hero.leena-hero.home-hero-carousel .hero-copy { justify-content:flex-start; align-items:flex-start; }
.home-hero-carousel .hero-copy h2.home-hero-title { max-width:16ch; margin:0 0 13px; color:var(--ink); font-family:var(--sans); font-size:clamp(32px,3.2vw,44px); font-weight:750; line-height:1.1; letter-spacing:-.045em; }
.home-hero-professional { max-width:45ch; margin-top:14px; color:#52675b; font-size:10px; line-height:1.55; }
.home-hero-injectables .hero-pack { grid-template-rows:minmax(0,1fr) auto auto; }
.home-hero-injectables.is-active .hero-pack { animation:hero-pack-arrive 900ms cubic-bezier(.22,1,.36,1) both; }
.home-hero-injectables.is-active .hero-pack-two { animation-delay:90ms; }
.home-hero-injectables.is-active .hero-pack-three { animation-delay:170ms; }
.home-hero-controls { position:absolute; bottom:10px; right:16px; z-index:8; display:flex; align-items:center; padding:0 3px; border-radius:24px; background:#ffffffed; }
.home-hero-controls button { display:grid; place-items:center; width:44px; height:36px; min-height:36px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--ink); box-shadow:none; }
.home-hero-controls [data-hero-go] span { width:20px; height:3px; border-radius:4px; background:#c6d6cd; }
.home-hero-controls [aria-pressed="true"][data-hero-go] span { background:var(--ink); }
.home-hero-controls .home-hero-pause { width:36px; font-size:13px; }
.home-hero-controls button:hover { background:#eaf3ed; }
.home-hero-controls button:focus-visible { outline:2px solid var(--ink); outline-offset:1px; }
@keyframes hero-pack-arrive { from { translate:-40px 6px; opacity:0; } to { translate:0 0; opacity:1; } }
@media (min-width:761px) and (max-width:1000px) { .home-hero-carousel .hero-copy h2.home-hero-title { font-size:35px; } }
@media (max-width:760px) {
 .home-hero-slide { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto; }
 .home-hero-carousel .hero-copy h2.home-hero-title { max-width:21ch; font-size:clamp(29px,7.5vw,35px); margin-bottom:10px; }
 .home-hero-carousel .hero-copy { align-self:stretch; }
 .home-hero-professional { font-size:10px; margin-top:11px; }
 .home-hero-controls { bottom:4px; right:8px; }
 .home-hero-controls button,.home-hero-controls .home-hero-pause { min-height:44px; height:44px; width:44px; }
}
@media (prefers-reduced-motion:reduce) { .home-hero-slide { transition:none; transform:none!important; } .home-hero-injectables.is-active .hero-pack { animation:none; } }