.hero-banner{--hero-bg: #FDE3EF;--hero-accent: #B4005A;--hero-accent-light: rgba(180, 0, 90, .1);--hero-navy: #1A4190;--hero-navy-dark: #1D4686;--hero-navy-text: #0D1B2A;--hero-body: #4A5568;--hero-gold: #FDC700;--hero-white: #ffffff;--hero-pad-v-desktop: 128px;--hero-pad-h-desktop: 44px;--hero-pad-v-mobile: 64px;--hero-pad-h-mobile: 16px}.hero-banner{background-color:var(--hero-bg);overflow:hidden;width:100%}.hero-banner__inner{max-width:1721px;margin:0 auto;padding:var(--hero-pad-v-desktop) var(--hero-pad-h-desktop);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.hero-banner__content{display:flex;flex-direction:column;align-items:flex-start;max-width:645px}.hero-banner__tag{display:inline-flex;align-items:center;gap:12px;padding:8px 24px;background:var(--hero-accent-light);border-radius:9999px;margin-bottom:30px}.hero-banner__tag-dot{width:8px;height:8px;background:var(--hero-accent);border-radius:50%;flex-shrink:0}.hero-banner__tag-text{color:var(--hero-accent);font-size:16px;font-weight:600;line-height:24px;letter-spacing:.4px;white-space:nowrap}.hero-banner__heading{font-size:80px;font-weight:700;line-height:88px;color:var(--hero-navy-dark);margin:0 0 32px;max-width:645px}.hero-banner__heading-highlight{color:var(--hero-navy)}.hero-banner__description{font-size:24px;font-weight:400;line-height:32px;color:var(--hero-body);margin:0 0 44px;max-width:645px}.hero-banner__cta-group{display:flex;flex-direction:row;gap:24px;align-items:center}.hero-banner__btn{display:inline-flex;justify-content:center;align-items:center;padding:24px 44px;border-radius:9999px;font-size:20px;font-weight:700;line-height:28px;text-decoration:none;cursor:pointer;transition:opacity .2s ease,transform .15s ease;border:none;white-space:nowrap}.hero-banner__btn:hover{opacity:.88;transform:translateY(-1px)}.hero-banner__btn--primary{background:var(--hero-accent);color:var(--hero-white);box-shadow:0 5.38px 8.07px -5.38px #0000001a,0 13.45px 20.17px -4.03px #0000001a}.hero-banner__btn--secondary{background:transparent;color:var(--hero-navy);outline:2.69px solid var(--hero-navy);outline-offset:-2.69px}.hero-banner__social-proof{display:flex;align-items:center;gap:28px}.hero-banner__avatars{display:flex;align-items:center}.hero-banner__avatar{width:43px;height:43px;background:var(--hero-navy);border-radius:50%;border:2.69px solid var(--hero-white);display:inline-flex;justify-content:center;align-items:center;color:var(--hero-white);font-size:16px;font-weight:600;line-height:24px;margin-left:-10.76px;position:relative;flex-shrink:0}.hero-banner__avatar:first-child{margin-left:0}.hero-banner__rating{display:flex;flex-direction:column;gap:4px}.hero-banner__stars{display:flex;gap:4px}.hero-banner__star{color:var(--hero-gold);font-size:18px;line-height:28px}.hero-banner__rating-label{font-size:16px;font-weight:400;line-height:24px;color:var(--hero-body)}.hero-banner__media{position:relative;width:100%;max-width:602px;aspect-ratio:1 / 1;flex-shrink:0}.hero-banner__image-wrap{width:100%;height:100%;aspect-ratio:1 / 1;border-radius:32px;overflow:hidden;position:relative;isolation:isolate;background:var(--hero-accent-light)}hero-carousel{display:block;width:100%;height:100%;position:relative}.hero-banner__carousel-viewport{width:100%;height:100%;overflow:hidden;position:relative;border-radius:inherit}.hero-banner__carousel-track{display:flex;width:100%;height:100%;transition:transform .45s cubic-bezier(.25,1,.5,1);will-change:transform}.hero-banner__slide{flex:0 0 100%;width:100%;height:100%;position:relative;overflow:hidden}.hero-banner__single-image{width:100%;height:100%;position:relative;overflow:hidden}.hero-banner__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-banner__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to top,rgba(180,0,90,.3) 0%,transparent 50%);pointer-events:none;z-index:2}.hero-banner__carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffffe0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);color:var(--hero-navy);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background .2s ease,transform .2s ease,color .2s ease,box-shadow .2s ease;box-shadow:0 4px 14px #00000024;padding:0}.hero-banner__carousel-arrow:hover{background:var(--hero-white);color:var(--hero-accent);transform:translateY(-50%) scale(1.08);box-shadow:0 6px 20px #0003}.hero-banner__carousel-arrow:active{transform:translateY(-50%) scale(.95)}.hero-banner__carousel-arrow:focus-visible{outline:2px solid var(--hero-accent);outline-offset:2px}.hero-banner__carousel-arrow--prev{left:14px}.hero-banner__carousel-arrow--next{right:14px}.hero-banner__carousel-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;z-index:5;padding:6px 14px;background:#00000052;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:9999px}.hero-banner__carousel-dot{width:8px;height:8px;border-radius:9999px;background:#ffffff8c;border:none;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1)}.hero-banner__carousel-dot:hover{background:#ffffffe6}.hero-banner__carousel-dot.is-active{width:24px;background:var(--hero-white);box-shadow:0 2px 8px #00000040}.hero-banner__carousel-dot:focus-visible{outline:2px solid var(--hero-white);outline-offset:2px}.hero-banner__card{position:absolute;background:var(--hero-white);border-radius:24px;padding:24px;outline:1.34px solid rgba(26,65,144,.1);outline-offset:-1.34px;box-shadow:0 10.76px 13.45px -8.07px #0000001a,0 26.89px 33.61px -6.72px #0000001a;z-index:10}.hero-banner__card--ph{left:-32px;top:200px;width:200px}.hero-banner__card-ph-value{font-size:40px;font-weight:700;line-height:1.21;color:var(--hero-navy);margin:0;font-family:Fraunces,Georgia,serif}.hero-banner__card-ph-label{font-size:16px;font-weight:500;line-height:24px;color:var(--hero-body);margin:4px 0 0}.hero-banner__card-ph-badge{font-size:16px;font-weight:500;line-height:24px;color:var(--hero-accent);margin:0}.hero-banner__card--ph-below .hero-banner__card-ph-label{margin-top:0;margin-bottom:2px}.hero-banner__card--ph-below .hero-banner__card-ph-value{margin:2px 0}.hero-banner__card--ph-below .hero-banner__card-ph-badge{margin-top:2px}.hero-banner__card--ph-bottom .hero-banner__card-ph-label{margin-top:0;margin-bottom:2px}.hero-banner__card--ph-bottom .hero-banner__card-ph-badge{margin-top:0;margin-bottom:4px}.hero-banner__card--ph-bottom .hero-banner__card-ph-value{margin:2px 0 0}.hero-banner__card--gyn{right:-32px;bottom:130px;width:190px}.hero-banner__card-gyn-title{font-size:16px;font-weight:700;line-height:24px;color:var(--hero-navy);margin:0}.hero-banner__card-gyn-stars{display:flex;gap:4px;margin-top:8px}.hero-banner__card-gyn-star{color:var(--hero-gold);font-size:16px;line-height:24px}@media screen and (max-width:1024px){.hero-banner__inner{grid-template-columns:1fr;grid-template-rows:auto auto;padding:80px 32px;gap:48px}.hero-banner__content{max-width:100%;order:2}.hero-banner__media{order:1;width:100%;max-width:500px;aspect-ratio:1 / 1;height:auto;margin:0 auto}.hero-banner__heading{font-size:56px;line-height:64px;max-width:100%}.hero-banner__description{font-size:20px;max-width:100%}.hero-banner__card--ph{left:-16px;top:150px}.hero-banner__card--gyn{right:-16px;bottom:100px}}@media screen and (max-width:767px){.hero-banner__inner{padding:40px 16px;gap:48px}.hero-banner .hero-banner__card--ph{top:36%;padding:10px;border-radius:10px;width:100px;left:3%}.hero-banner__card--gyn{padding:10px;border-radius:10px;width:81px;right:5px}.hero-banner__card-gyn-star{font-size:7px;line-height:11px}.hero-banner__card-gyn-stars{margin-top:4px;gap:2px}.hero-banner__card-ph-value{font-size:16px;line-height:20.22px}.hero-banner__card-ph-label,.hero-banner__card-ph-badge{font-size:7px;line-height:10.026px;margin-top:2px}.hero-banner__card--ph-below .hero-banner__card-ph-label,.hero-banner__card--ph-bottom .hero-banner__card-ph-label{margin-top:0}.hero-banner__card-gyn-title{font-size:7px;line-height:10.026px}.hero-banner__media{order:1;width:100%;max-width:361px;aspect-ratio:1 / 1;height:auto;margin:0 auto}.hero-banner__image-wrap,.hero-banner__image-overlay{border-radius:16px}.hero-banner__carousel-arrow{width:34px;height:34px}.hero-banner__carousel-arrow--prev{left:8px}.hero-banner__carousel-arrow--next{right:8px}.hero-banner__carousel-arrow svg{width:16px;height:16px}.hero-banner__carousel-dots{bottom:10px;padding:4px 10px;gap:6px}.hero-banner__carousel-dot{width:6px;height:6px}.hero-banner__carousel-dot.is-active{width:18px}.hero-banner__content{order:2;max-width:100%}.hero-banner__tag{gap:8px;padding:6px 16px;margin-bottom:23px}.hero-banner__tag-dot{width:6px;height:6px}.hero-banner__tag-text{font-size:12px;line-height:16px;letter-spacing:.3px}.hero-banner__heading{font-size:36px;line-height:45px;max-width:100%;margin-bottom:24px;color:var(--hero-navy-text);letter-spacing:normal}.hero-banner__description{font-size:18px;line-height:29.25px;margin-bottom:32px;max-width:100%}.hero-banner__cta-group{flex-direction:column;gap:16px;width:100%;margin-bottom:0}.hero-banner__btn{width:100%;padding:16px 32px;font-size:16px;line-height:24px;justify-content:center}.hero-banner__btn--secondary{outline-width:1.93px;outline-offset:-1.93px}.hero-banner__social-proof{gap:20px}.hero-banner__avatar{width:32px;height:32px;font-size:12px;line-height:16px;border-width:1.93px;margin-left:-8px}.hero-banner__avatar:first-child{margin-left:0}.hero-banner__star{font-size:14px;line-height:20px}.hero-banner__stars{gap:2px}.hero-banner__rating-label{font-size:12px;line-height:16px}}@media(prefers-reduced-motion:reduce){.hero-banner__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-hero-banner.css.map */