.section-hero-image{margin-top:0}.hero-image{position:relative;overflow:hidden;width:100%;background:var(--gx-charcoal);color:#fff;isolation:isolate;--hero-heading-scale: 1;--hero-body-scale: 1;--hero-eyebrow-scale: 1;--hero-offset-x: 0vw;--hero-offset-y: 0vh}.hero-image--tall{min-height:90vh;min-height:90dvh}.hero-image--full{min-height:100vh;min-height:100dvh}@media(max-width:749px){.hero-image--tall,.hero-image--full{min-height:100dvh}}.hero-image__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-image__img{width:100%;height:100%;object-fit:cover;object-position:center;animation:hero-img-in 1.4s cubic-bezier(.22,1,.36,1) both}.hero-image__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000008;pointer-events:none}.hero-image[style*=--hero-overlay] .hero-image__bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--hero-overlay));pointer-events:none;z-index:1}.hero-image__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a1a}.hero-image__blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55}.hero-image__blob--matcha{background:var(--gx-matcha-neon);width:38vw;height:38vw;top:8%;left:-8%}.hero-image__blob--solar{background:var(--gx-solar-yellow);width:30vw;height:30vw;top:55%;left:18%}.hero-image__blob--coral{background:var(--gx-coral-flash);width:42vw;height:42vw;top:-8%;right:-6%}.hero-image__blob--electric{background:var(--gx-electric-blue);width:26vw;height:26vw;bottom:-6%;right:22%}.hero-image__inner{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:flex-start;width:100%;max-width:1500px;margin:0 auto;min-height:inherit;padding:clamp(8rem,14vh,18rem) clamp(1.8rem,4vw,6rem) clamp(5.6rem,10vh,12rem)}.hero-image--v-top .hero-image__inner{align-items:flex-start}.hero-image--v-middle .hero-image__inner{align-items:center}.hero-image--v-bottom .hero-image__inner{align-items:flex-end}.hero-image--h-left .hero-image__inner{justify-content:flex-start}.hero-image--h-center .hero-image__inner{justify-content:center}.hero-image--h-right .hero-image__inner{justify-content:flex-end}.hero-image__text{width:100%;min-width:0;transform:translate(clamp(-3.5vw,var(--hero-offset-x, 0vw),3.5vw),clamp(-7vh,var(--hero-offset-y, 0vh),7vh))}.hero-image--h-center .hero-image__text{text-align:center}.hero-image--h-right .hero-image__text{text-align:right;max-width:56rem}.hero-image--h-center .hero-image__body{margin-left:auto;margin-right:auto}.hero-image--h-right .hero-image__body{margin-left:auto}.hero-image--h-center .hero-image__ctas{justify-content:center}.hero-image--h-right .hero-image__ctas{justify-content:flex-end}.hero-image--h-left .hero-image__text{max-width:64rem;text-align:center}.hero-image--h-left .hero-image__body{margin-left:auto;margin-right:auto}.hero-image--h-left .hero-image__ctas{justify-content:center}@media(max-width:599px){.hero-image__text{transform:none}}.hero-image__eyebrow{display:inline-block;margin:0 0 1.8rem;padding:.55rem 1.4rem;font-family:var(--font-body-family);font-weight:600;font-size:calc(1rem * var(--hero-eyebrow-scale, 1));letter-spacing:.16em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.85);border-radius:999px;animation:hero-fade .9s .1s cubic-bezier(.22,1,.36,1) both}.hero-image__pip{display:none}.hero-image__heading{font-family:var(--font-hero-heading-family, var(--font-heading-family));font-weight:800;font-size:calc(clamp(3.2rem,4.6vw,7.2rem) * var(--hero-heading-scale, 1));line-height:1.05;letter-spacing:-.01em;color:#fff;margin:0;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none}.hero-image__heading-line{display:block}@media(max-width:599px){.hero-image__heading{font-size:calc(clamp(2.8rem,7vw,4.4rem) * var(--hero-heading-scale, 1))}}.hero-image--accent-coral .hero-image__heading-line--accent em{color:var(--gx-coral-flash)}.hero-image--accent-matcha .hero-image__heading-line--accent em{color:var(--gx-matcha-neon)}.hero-image--accent-solar .hero-image__heading-line--accent em{color:var(--gx-solar-yellow)}.hero-image--accent-electric .hero-image__heading-line--accent em{color:var(--gx-electric-blue)}.hero-image--accent-lime .hero-image__heading-line--accent em{color:var(--gx-lime-shock)}.hero-image__heading em{font-style:normal;font-weight:800}.hero-image__heading-tail{color:#fff;font-style:normal;font-weight:800;margin-left:.3em}.hero-image__body{margin:1.6rem 0 0;max-width:38ch;font-family:var(--font-body-family);font-weight:400;font-size:calc(clamp(1.3rem,1vw,1.5rem) * var(--hero-body-scale, 1));line-height:1.45;color:#1a1a1a;animation:hero-fade 1s .35s cubic-bezier(.22,1,.36,1) both}.hero-image__body p{margin:0}.hero-image__body em{font-style:normal;color:#ff4d6d}.hero-image__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2.4rem;margin-top:2.4rem;animation:hero-fade 1s .5s cubic-bezier(.22,1,.36,1) both}.hero-image__btn{display:inline-flex;align-items:center;gap:.8rem;font-family:var(--font-body-family);font-weight:500;font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:.85rem 2.4rem;border-radius:3px;border:1px solid rgba(255,255,255,.75);background:transparent;color:#fff;transition:background .22s ease,color .22s ease,border-color .22s ease}.hero-image__btn--primary{background:var(--gx-coral-flash, #FF4D6D)!important;color:#fff!important;border-color:transparent!important}.hero-image__btn--primary:hover{background:#e63a59!important;color:#fff!important}.hero-image__btn--ghost{border-color:#ffffff73;opacity:.85}.hero-image__btn--ghost:hover{background:#ffffff1f;opacity:1}.hero-image__product-card{position:absolute;bottom:4rem;right:4.8rem;z-index:3;width:20rem;background:#0e0e10e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;overflow:hidden;animation:hero-fade 1s .7s cubic-bezier(.22,1,.36,1) both}.hero-image__product-card-img-wrap{width:100%;aspect-ratio:4 / 3;overflow:hidden}.hero-image__product-card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.hero-image__product-card:hover .hero-image__product-card-img{transform:scale(1.04)}.hero-image__product-card-body{padding:1.4rem 1.6rem 1.8rem;display:flex;flex-direction:column;gap:1.2rem}.hero-image__product-card-heading{font-family:var(--font-heading-family);font-size:1.8rem;font-weight:700;line-height:1.1;letter-spacing:-.01em;color:#f5f1e8;margin:0}.hero-image__product-card-btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-body-family);font-size:1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#1a1a1a;background:#f5f1e8;padding:.9rem 1.6rem;border-radius:999px;transition:background .22s ease,color .22s ease;align-self:flex-start}.hero-image__product-card-btn:hover{background:#ff4d6d;color:#fff}@media(max-width:989px){.hero-image__product-card{bottom:2rem;right:2.4rem;width:16rem}.hero-image__product-card-heading{font-size:1.5rem}}@media(max-width:749px){.hero-image__product-card{display:none}}@media(prefers-reduced-motion:reduce){.hero-image__product-card{animation:none!important}.hero-image__product-card-img{transition:none!important}}.hero-image__rating{position:absolute;top:14rem;right:4.8rem;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;padding:1.6rem 2rem;background:#f5f1e8f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;color:var(--gx-charcoal);text-align:right;animation:hero-fade 1s .7s cubic-bezier(.22,1,.36,1) both}.hero-image__rating{flex-direction:row;align-items:center;gap:1.2rem}.hero-image__rating-stars{color:var(--gx-solar-yellow);font-size:1.4rem;letter-spacing:.1em}.hero-image__rating-value{font-family:var(--font-heading-family);font-weight:700;font-size:2.6rem;line-height:1}.hero-image__rating-count{font-family:var(--font-body-family);font-weight:700;font-size:1rem;letter-spacing:.15em;text-transform:uppercase;color:#1a1a1aa6}@media(max-width:989px){.hero-image__rating{top:11rem;right:2.4rem;padding:1.2rem 1.6rem}.hero-image__rating-value{font-size:2rem}}@media(max-width:749px){.hero-image__rating{display:none}}@keyframes hero-fade{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes hero-img-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.hero-image__img,.hero-image__eyebrow,.hero-image__body,.hero-image__ctas,.hero-image__rating{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-hero-editorial.css.map */