.hb-hero{background:var(--color-pink)}.hb-hero-intro{padding:28px 20px 26px;text-align:center}.hb-hero-intro h1{font-size:clamp(30px,3.3vw,48px);font-weight:500;line-height:1.1;letter-spacing:-.02em}.hb-hero-intro>p{margin-top:10px;font-size:17px}.hb-hero-panels{display:flex;max-width:1600px;margin-inline:auto;gap:4px}.hb-hero-panel{position:relative;isolation:isolate;flex:1;min-width:0;min-height:510px;overflow:hidden;background:var(--color-sage);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;transition:flex-grow .38s ease}.hb-hero-panel>img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% var(--image-position)}.hb-hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,transparent 25%,rgb(14 25 18 / 85%) 100%)}.hb-hero-panel h2{margin:0}.hb-hero-toggle{border:0;background:transparent;color:inherit;font:inherit;font-size:clamp(28px,3vw,44px);line-height:1.1;padding:8px 0;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.hb-hero-detail p{font-size:17px;line-height:1.4;max-width:340px;margin:8px 0 18px}.hb-hero-link{background:var(--color-pink);color:var(--color-foreground);border-color:var(--color-pink);gap:22px}.hb-hero-link:hover{background:var(--color-sage);color:var(--color-foreground)}.hb-hero-toggle:focus-visible,.hb-hero-link:focus-visible{outline:3px solid white;outline-offset:5px}.hb-hero-panels[data-ready] .hb-hero-panel.is-active{flex-grow:2.5}.hb-hero-detail[hidden]{display:none}@media(max-width:1099px){.hb-hero-intro{padding:22px 20px}.hb-hero-intro h1{font-size:clamp(28px,7vw,38px)}.hb-hero-intro>p{font-size:15px;max-width:330px;margin:8px auto 0}.hb-hero-panels{flex-direction:column}.hb-hero-panel{flex:none;min-height:280px;padding:18px 22px}.hb-hero-panels[data-ready] .hb-hero-panel{min-height:72px}.hb-hero-panels[data-ready] .hb-hero-panel.is-active{min-height:280px;flex-grow:0}.hb-hero-toggle{font-size:30px;min-height:44px;padding:4px 0}.hb-hero-detail p{font-size:15px;margin:4px 0 12px}}@media(prefers-reduced-motion:reduce){.hb-hero-panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/home-hero.css.map */