.hb-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--hb-bg);color:var(--hb-ink);font-family:inherit}.hb-hero *,.hb-hero *:before,.hb-hero *:after{box-sizing:border-box}.hb-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.hb-hero__bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hb-hero__bg-img--mobile{display:none}.hb-hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.33 0 0 0 0 0.2 0 0 0 .18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hb-hero__inner{position:relative;max-width:1440px;margin:0 auto;min-height:var(--hb-min-h);padding:var(--hb-pad-top) clamp(20px,4vw,64px) var(--hb-pad-bottom);display:grid;grid-template-columns:minmax(0,11fr) minmax(0,13fr);grid-template-rows:auto auto 1fr;grid-template-areas:"copy    stage" "action  stage" "benefits stage";column-gap:clamp(24px,4vw,72px);align-content:center}.hb-hero__copy{grid-area:copy;align-self:end;container-type:inline-size}.hb-hero__action{grid-area:action}.hb-hero__benefits{grid-area:benefits;align-self:start}.hb-hero__stage{grid-area:stage}.hb-hero__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:7px 14px 7px 12px;border:1px solid color-mix(in srgb,var(--hb-ink) 14%,transparent);border-radius:999px;background:color-mix(in srgb,#fff 55%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--hb-ink)}.hb-hero__stars{color:var(--hb-accent);letter-spacing:1px;font-size:13px}.hb-hero__title{margin:0;font-family:var(--hb-heading-font);font-weight:var(--hb-heading-weight);font-size:clamp(36px,4.6vw,var(--hb-h1-desktop));font-size:clamp(36px,11.2cqi,var(--hb-h1-desktop));line-height:.98;letter-spacing:-.035em;color:var(--hb-ink);text-wrap:balance}.hb-hero__title em,.hb-hero__title i{font-family:var(--hb-accent-font);font-style:var(--hb-accent-style);font-weight:var(--hb-accent-weight);letter-spacing:-.02em}.hb-hero__sub{margin-top:22px;max-width:30em;font-size:clamp(16px,1.25vw,19px);line-height:1.55;color:var(--hb-muted);text-wrap:pretty}.hb-hero__sub p{margin:0}.hb-hero__action{margin-top:32px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.hb-hero__offer{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;border-radius:14px;background:var(--hb-offer-bg);box-shadow:0 1px #062f660f,0 8px 24px -12px #062f6640;font-size:15px;line-height:1.35;color:var(--hb-ink)}.hb-hero__offer-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--hb-accent);color:var(--hb-ink)}.hb-hero__offer strong{font-weight:700}.hb-hero__cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 30px;border-radius:999px;background:var(--hb-cta-bg);color:var(--hb-cta-text);font-size:17px;font-weight:600;letter-spacing:.01em;text-decoration:none;box-shadow:0 14px 30px -14px color-mix(in srgb,var(--hb-cta-bg) 80%,transparent);transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease}.hb-hero__cta svg{transition:transform .25s ease}.hb-hero__cta:hover{background:var(--hb-cta-bg-hover);transform:translateY(-2px)}.hb-hero__cta:hover svg{transform:translate(4px)}.hb-hero__cta:focus-visible{outline:3px solid var(--hb-accent);outline-offset:3px}.hb-hero__trust{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:var(--hb-muted)}.hb-hero__trust svg{color:var(--hb-ink);flex:none}.hb-hero__secondary{font-size:14px;color:var(--hb-ink);text-underline-offset:4px}.hb-hero__benefits{list-style:none;margin:36px 0 0;padding:22px 0 0;border-top:1px solid color-mix(in srgb,var(--hb-ink) 12%,transparent);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;max-width:520px}.hb-benefit{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--hb-ink)}.hb-benefit__icon{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--hb-accent) 16%,transparent);color:var(--hb-ink)}.hb-benefit__icon svg{width:18px;height:18px}.hb-hero__stage{position:relative;min-height:520px;height:100%}.hb-hero__plate{position:absolute;left:50%;top:52%;width:86%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,var(--hb-plate) 0%,var(--hb-plate) 62%,color-mix(in srgb,var(--hb-plate) 0%,transparent) 100%);opacity:var(--hb-plate-opacity)}.hb-layer{position:absolute;left:var(--x);top:var(--y);z-index:var(--z, 10);transform:translate(-50%,-50%) translate(var(--px, 0px),var(--py, 0px));transition:transform .6s cubic-bezier(.2,.7,.2,1);will-change:transform}.hb-layer--product{width:var(--w)}.hb-layer__float{transform:rotate(var(--r))}.hb-layer--product img{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 28px rgba(40,30,10,.18)) drop-shadow(0 6px 8px rgba(40,30,10,.1))}.hb-layer--product a{display:block}.hb-layer--ing{width:var(--w)}.hb-layer--ing img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 16px rgba(40,30,10,.16))}.hb-layer--burst{width:var(--w);pointer-events:none}.hb-layer--burst img{display:block;width:100%;height:auto}.hb-hero--motion.is-in .hb-layer.hb-layer--burst{animation:hb-burst 1.4s cubic-bezier(.2,.7,.2,1) both}@keyframes hb-burst{0%{opacity:0;scale:.86}to{opacity:1;scale:1}}.hb-sticker{width:var(--s, 126px);aspect-ratio:1;transform:rotate(var(--r));filter:drop-shadow(0 12px 18px rgba(6,47,102,.28))}.hb-sticker svg{display:block;width:100%;height:100%;overflow:visible}.hb-sticker text{font-family:var(--hb-heading-font)}.hb-sticker--spin .hb-sticker__ring{transform-origin:100px 100px;animation:hb-spin 28s linear infinite}@keyframes hb-spin{to{transform:rotate(360deg)}}.hb-peek{position:absolute;top:var(--pt);width:var(--pw);z-index:var(--z, 8);pointer-events:none;transform:translateY(-50%);-webkit-mask-image:linear-gradient(to bottom,#000 var(--fade),transparent calc(var(--fade) + 16%));mask-image:linear-gradient(to bottom,#000 var(--fade),transparent calc(var(--fade) + 16%))}.hb-peek--right{right:var(--po)}.hb-peek--left{left:var(--po)}.hb-peek img{display:block;width:100%;height:auto;transform:rotate(var(--pr))}.hb-peek--flip img{transform:scaleX(-1) rotate(var(--pr))}.hb-hero--motion .hb-peek{opacity:0}.hb-hero--motion.is-in .hb-peek{opacity:1;animation:hb-peek-in 1.2s .9s cubic-bezier(.2,.7,.2,1) both}.hb-hero--motion.is-in .hb-peek--left{animation-name:hb-peek-in-left}@keyframes hb-peek-in{0%{opacity:0;translate:60px 0}to{opacity:1;translate:0 0}}@keyframes hb-peek-in-left{0%{opacity:0;translate:-60px 0}to{opacity:1;translate:0 0}}.hb-layer--review{margin:0}.hb-review{width:248px;padding:14px 16px;border-radius:16px;background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px -18px #062f6659;color:var(--hb-ink)}.hb-review__stars{color:var(--hb-accent);font-size:13px;letter-spacing:1px}.hb-review blockquote{margin:6px 0;padding:0;border:0;quotes:none;font-style:normal;text-align:left;font-size:15px;line-height:1.35;font-weight:600;color:var(--hb-ink)}.hb-review blockquote:before,.hb-review blockquote:after{content:none;display:none}.hb-review{text-align:left}.hb-review figcaption{font-size:12px;color:var(--hb-muted)}.hb-hero--motion .hb-reveal,.hb-hero--motion .hb-layer{opacity:0}.hb-hero--motion .hb-reveal{transform:translateY(18px)}.hb-hero--motion.is-in .hb-reveal{opacity:1;transform:none;transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d, 0) * 90ms)}.hb-hero--motion.is-in .hb-layer{opacity:1;animation:hb-rise 1.1s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d, 0) * .11s)}@keyframes hb-rise{0%{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.hb-hero--motion .hb-reveal,.hb-hero--motion .hb-layer,.hb-hero--motion .hb-peek{opacity:1!important;animation:none!important}.hb-hero--motion .hb-reveal{transform:none}.hb-sticker--spin .hb-sticker__ring{animation:none}.hb-layer{transform:translate(-50%,-50%)}}@media(max-width:1199px){.hb-hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hb-hero__benefits{grid-template-columns:1fr}.hb-review{width:220px}}@media(max-width:989px){.hb-hero__bg-img--desktop{display:none}.hb-hero__bg-img--mobile{display:block}.hb-hero__inner{min-height:0;padding:max(24px,calc(var(--hb-pad-top) * .5)) 20px max(32px,calc(var(--hb-pad-bottom) * .6));grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"copy" "stage" "action" "benefits";text-align:center}.hb-hero__copy{align-self:auto}.hb-hero__eyebrow{margin-bottom:12px;font-size:11px;padding:5px 12px}.hb-hero__title{font-size:var(--hb-h1-mobile);line-height:1.02}.hb-hero__sub{margin:10px auto 0;font-size:14px;line-height:1.5}.hb-hero__stage{min-height:0;height:auto;aspect-ratio:auto;padding-top:var(--hb-stage-ratio-mobile);margin:0 -20px}.hb-layer{left:var(--mx);top:var(--my)}.hb-layer--product,.hb-layer--ing,.hb-layer--burst{width:var(--mw)}.hb-hero__action{margin-top:0;align-items:stretch;gap:10px}.hb-hero__offer{justify-content:center;font-size:13px;padding:9px 12px;gap:8px;flex-wrap:nowrap;white-space:nowrap}.hb-hero__offer-label{display:none}.hb-hero__cta{min-height:54px;font-size:16px}.hb-hero__cta{width:100%}.hb-hero__trust{justify-content:center;font-size:13px}.hb-hero__secondary{align-self:center}.hb-hero__benefits{margin:26px auto 0;grid-template-columns:repeat(2,minmax(0,1fr));text-align:left;gap:12px 14px}.hb-benefit{font-size:13px;gap:8px}.hb-benefit__icon{width:30px;height:30px}.hb-sticker{width:var(--ms, 84px)}.hb-peek{top:var(--mpt);width:var(--mpw)}.hb-peek--right{right:-40px}.hb-peek--left{left:-40px}.hb-hide-mobile{display:none!important}.hb-layer--review{display:none}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/hb-hero.css.map */