.banner-hero{--bh-pad-x: clamp(20px, 4vw, 48px);--bh-pad-y: clamp(24px, 4vw, 48px);position:relative;width:100%;isolation:isolate}.banner-hero__stage{position:relative;width:100%;aspect-ratio:24 / 9;background:#fff}.banner-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.banner-hero__media picture,.banner-hero__media .banner-hero__img{display:block;width:100%;height:100%}.banner-hero__img{object-fit:cover;object-position:center}.banner-hero__container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;max-width:1240px;margin:0 auto;padding:var(--bh-pad-y) var(--bh-pad-x);box-sizing:border-box;display:flex;align-items:center;pointer-events:none}.banner-hero__container>*{pointer-events:auto}.banner-hero__container--left{justify-content:flex-start}.banner-hero__container--right{justify-content:flex-end}.banner-hero__content{width:100%;max-width:620px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.banner-hero__figure{width:100%;max-width:320px;margin:0 0 32px}.banner-hero__figure .banner-hero__foreground,.banner-hero__figure img.banner-hero__foreground{display:block;width:100%;height:auto;object-fit:contain;object-position:left center}.banner-hero__eyebrow{margin:0 0 8px;color:var(--Grayscale-1000, #000);font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:1.08px;text-transform:uppercase}.banner-hero__title{margin:0 0 24px;color:var(--Grayscale-1000, #000);font-family:ofelia-text,sans-serif;font-size:36px;font-style:normal;font-weight:700;line-height:40px}.banner-hero__text{margin:0 0 32px;color:var(--Grayscale-1000, #000);font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:24px}.banner-hero__text p{margin:0}.banner-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.banner-hero__btn{display:inline-flex;height:56px;padding:8px 40px;justify-content:center;align-items:center;gap:8px;border-radius:800px;text-decoration:none;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:100%}.banner-hero__btn--shop-all{border:1px solid var(--Grayscale-1000, #000);background:transparent;color:#000}.banner-hero__btn--routine{border:1px solid #286d8a;background:#286d8a;color:#fff}@media screen and (max-width:1150px){.banner-hero__content{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.banner-hero__figure .banner-hero__foreground,.banner-hero__figure img.banner-hero__foreground{display:block;width:53%;height:auto;object-fit:contain;object-position:left center}}@media screen and (max-width:900px){.banner-hero__content{max-width:420px}}@media screen and (max-width:768px){.banner-hero__stage{aspect-ratio:auto;display:flex;flex-direction:column}.banner-hero__media{position:relative;inset:auto;width:100%;height:0;padding-top:75.789%;aspect-ratio:auto;overflow:hidden}.banner-hero__media picture,.banner-hero__media .banner-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.banner-hero__container{position:relative;inset:auto;max-width:none;padding:24px 20px 28px;display:block;pointer-events:auto}.banner-hero__content{max-width:none;width:100%}.banner-hero__figure{display:none}.banner-hero__actions{width:100%;flex-direction:column;align-items:stretch;gap:12px}.banner-hero__btn{width:100%}.banner-hero__btn--routine{order:1}.banner-hero__btn--shop-all{order:2}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-banner-hero.css.map */