.hero-gummies{background:var(--hg-bg, #FBDDE9);color:var(--hg-text, #1A1A1A);padding-block:clamp(40px,6vw,88px);overflow:hidden}.hero-gummies__inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,64px)}.hero-gummies__content{position:relative}.hero-gummies__eyebrow{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:0 0 clamp(12px,1.6vw,18px);padding:0;font-weight:700;font-size:clamp(13px,1.2vw,15px);letter-spacing:.02em}.hero-gummies__eyebrow-item{position:relative;padding-inline:10px}.hero-gummies__eyebrow-item:first-child{padding-left:0}.hero-gummies__eyebrow-item:not(:last-child):after{content:"\2022";position:absolute;right:-3px;color:#1a1a1a}.hero-gummies__heading{position:relative;margin:0 0 clamp(18px,2.4vw,28px);font-weight:800;text-transform:uppercase;line-height:.96;letter-spacing:-.01em;font-size:clamp(38px,5.4vw,68px)}.hero-gummies__heading-line{display:block}.hero-gummies__heading-line--1{color:var(--hg-heading-1, #F2A0C2)}.hero-gummies__heading-line--2{color:var(--hg-heading-2, #1A1A1A)}.hero-gummies__heading-sparkle{position:absolute;top:-2.2em;right:14%;width:clamp(40px,4.5vw,64px);pointer-events:none}.hero-gummies__heading-sparkle svg{width:100%;height:auto;display:block}.hero-gummies__subheading{font-size:clamp(15px,1.5vw,18px);line-height:1.5;max-width:46ch;margin:0 0 clamp(24px,3vw,36px);opacity:.85}.hero-gummies__subheading p{margin:0}.hero-gummies__actions{display:flex;flex-wrap:wrap;gap:clamp(10px,1.4vw,16px);margin-bottom:clamp(28px,4vw,44px)}.hero-gummies__button{display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(16px,1.5vw,18px);padding:17px 34px;border-radius:999px;text-decoration:none;border:3px solid #1A1A1A;transition:transform .2s ease,box-shadow .2s ease}.hero-gummies__button:hover{transform:translateY(-2px)}.hero-gummies__button--solid-pink{background:#f7a8c4;color:#1a1a1a;box-shadow:3px 4px #1a1a1a}.hero-gummies__button--solid-dark{background:#1a1a1a;color:#fff;box-shadow:3px 4px #1a1a1a96}.hero-gummies__features{background:var(--hg-feature-bg, #FCEAF1);border-radius:20px;padding:clamp(20px,2.6vw,32px);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,24px)}.hero-gummies__feature{display:flex;flex-direction:column;gap:6px}.hero-gummies__feature-icon{font-size:clamp(22px,2.2vw,28px);line-height:1;margin-bottom:4px}.hero-gummies__feature-title{font-weight:800;font-size:clamp(13px,1.1vw,15px);text-transform:uppercase;letter-spacing:.01em}.hero-gummies__feature-description{font-size:clamp(12px,1vw,13.5px);line-height:1.4;opacity:.65;font-weight:600}.hero-gummies__visual{position:relative;display:flex;align-items:center;justify-content:center;padding-right:10%;min-height:clamp(320px,36vw,560px)}.hero-gummies__stack{position:relative;width:clamp(260px,30vw,440px);aspect-ratio:1 / 1}.hero-gummies__card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;border:4px solid #1A1A1A;overflow:hidden;background:#fff;box-shadow:6px 10px #1a1a1a;--hg-pos-x: 0%;--hg-pos-y: 0%;--hg-pos-rotate: 0deg;transform:translate(var(--hg-pos-x),var(--hg-pos-y)) rotate(var(--hg-pos-rotate));transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,z-index 0s}.hero-gummies__card[data-hg-pos="0"]{--hg-pos-x: 0%;--hg-pos-y: 0%;--hg-pos-rotate: 0deg;z-index:3;box-shadow:6px 10px #1a1a1a}.hero-gummies__card[data-hg-pos="1"]{--hg-pos-x: 14%;--hg-pos-y: -10%;--hg-pos-rotate: 12deg;z-index:2;box-shadow:5px 8px #1a1a1a}.hero-gummies__card[data-hg-pos="2"]{--hg-pos-x: 24%;--hg-pos-y: -18%;--hg-pos-rotate: 18deg;z-index:1;box-shadow:4px 6px #1a1a1a}.hero-gummies__card[data-hg-pos="3"],.hero-gummies__card[data-hg-pos="4"],.hero-gummies__card[data-hg-pos="5"]{--hg-pos-x: 30%;--hg-pos-y: -24%;--hg-pos-rotate: 18deg;z-index:0;opacity:0}.hero-gummies__card-image{width:100%;height:100%;object-fit:cover;display:block}.hero-gummies__placeholder{width:100%;height:100%;background:#f2f2f2;display:flex;align-items:center;justify-content:center}.hero-gummies__placeholder-svg{width:50%;height:50%;opacity:.4}.hero-gummies__card-sparkle{position:absolute;top:6%;right:8%;width:clamp(28px,3vw,40px);pointer-events:none;display:none}.hero-gummies__card-sparkle svg{width:100%;height:auto;display:block}.hero-gummies__badge{position:absolute;display:inline-flex;align-items:center;font-weight:800;font-size:clamp(13px,1.2vw,15px);padding:10px 18px;border:3px solid #1A1A1A;border-radius:10px;box-shadow:4px 5px #0000002e;transform:rotate(var(--hg-badge-rotate, 0deg));z-index:15;white-space:nowrap}.hero-gummies__badge--top-right{top:-4%;right:-4%}.hero-gummies__badge--top-left{top:-4%;left:-6%}.hero-gummies__badge--bottom-left{bottom:-6%;left:-8%}.hero-gummies__badge--bottom-right{bottom:-6%;right:-8%}.hero-gummies__nav-arrow{position:absolute;top:50%;right:-2%;transform:translateY(-50%);width:clamp(40px,4vw,52px);height:clamp(40px,4vw,52px);border-radius:50%;background:#fff;border:3px solid #1A1A1A;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:15;transition:transform .2s ease,background .2s ease,color .2s ease;padding:0}.hero-gummies__nav-arrow:hover{background:#1a1a1a;color:#fff;transform:translateY(-50%) scale(1.08)}.hero-gummies__nav-arrow svg{width:46%;height:46%;color:currentColor}@media screen and (max-width:989px){.hero-gummies__inner{grid-template-columns:1fr}.hero-gummies__content{text-align:center}.hero-gummies__eyebrow,.hero-gummies__actions{justify-content:center}.hero-gummies__subheading{margin-inline:auto}.hero-gummies__heading-sparkle{right:10%}.hero-gummies__visual{order:-1;min-height:clamp(280px,55vw,440px);margin-bottom:clamp(12px,2vw,20px);padding-right:12%}}@media screen and (max-width:749px){.hero-gummies__features{grid-template-columns:repeat(2,1fr)}.hero-gummies__heading{font-size:clamp(32px,9vw,44px)}.hero-gummies__card[data-hg-pos="1"]{--hg-pos-x: 12%;--hg-pos-y: -9%}.hero-gummies__card[data-hg-pos="2"]{--hg-pos-x: 20%;--hg-pos-y: -16%}.hero-gummies__badge{font-size:12px;padding:8px 14px}.hero-gummies__badge--top-right{top:-3%;right:-1%}.hero-gummies__badge--top-left{top:-3%;left:-2%}.hero-gummies__badge--bottom-left{bottom:-4%;left:-2%}.hero-gummies__badge--bottom-right{bottom:-4%;right:-2%}.hero-gummies__nav-arrow{right:0%}}@media screen and (max-width:649px){.hero-gummies{padding-top:80px}}@media(prefers-reduced-motion:reduce){.hero-gummies__card,.hero-gummies__button,.hero-gummies__nav-arrow{transition:none}}.hero-gummies__button:hover{transform:translateY(-3px)}.hero-gummies__button:active{transform:translateY(2px)}.hero-gummies__button--solid-pink:hover{box-shadow:3px 7px #1a1a1a}.hero-gummies__button--solid-pink:active{box-shadow:3px 1px #1a1a1a}.hero-gummies__button--solid-dark:hover{box-shadow:3px 7px #1a1a1a96}.hero-gummies__button--solid-dark:active{box-shadow:3px 1px #1a1a1a96}
/*# sourceMappingURL=/cdn/shop/t/1/assets/hero-gummies.css.map */