.home-hero{--hh-display-font: "Juana Sans", Georgia, serif;--hh-body-font: "Boston", sans-serif;--hh-wave-height: clamp(36px, 6.94vw, 100px);--hh-pad-top: clamp(40px, 6.8vw, 56px);--hh-pad-x: 20px;position:relative;overflow:hidden;background-color:var(--hh-background);background-image:var(--hh-background-image-mobile, none);background-position:center;background-size:cover;color:var(--hh-text-color)}.home-hero__inner{position:relative;max-width:1440px;margin:0 auto;padding:var(--hh-pad-top) var(--hh-pad-x) 48px}.home-hero--wave .home-hero__inner{padding-bottom:calc(40px + var(--hh-wave-height))}.home-hero__top-art{--hh-art-height: calc(var(--hh-art-width) * var(--hh-art-ratio));position:absolute;z-index:0;top:calc(var(--hh-art-height) * -.1975);right:0;width:var(--hh-art-width);height:var(--hh-art-height);pointer-events:none}.home-hero__top-art--desktop-only{display:none}.home-hero__top-art-image{position:absolute;top:0;left:0;width:var(--hh-art-height);max-width:none;height:auto;transform:rotate(-90deg) translate(-100%);transform-origin:0 0}.home-hero__top-art--left-edge .home-hero__top-art-image{transform:rotate(90deg) translateY(-100%)}@media only screen and (max-width:1023px){.home-hero{--hh-art-width: 100vw}.home-hero--top-art-mobile .home-hero__inner{padding-top:calc(100vw * var(--hh-art-ratio) * .8025 + 16px)}.home-hero__heading br{display:none}}.home-hero__content{max-width:640px;margin:0 auto;text-align:center}.home-hero__rating{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;margin:0;font-family:var(--hh-body-font);font-size:clamp(15px,2vw,17px);font-weight:400;line-height:1.2}.home-hero__stars{display:inline-flex;gap:4px}.home-hero__star{display:block;width:clamp(18px,2.4vw,20px);height:clamp(18px,2.4vw,20px)}.home-hero__heading{margin:16px 0 0;font-family:var(--hh-display-font);font-size:clamp(40px,calc((100vw - 2 * var(--hh-pad-x)) * .155),84px);font-weight:300;line-height:1.02;letter-spacing:0;text-transform:none;color:var(--hh-heading-color)}.home-hero__subheading{margin:14px 0 0;font-family:var(--hh-display-font);font-size:clamp(20px,2.9vw,24px);font-weight:300;line-height:1.45}.home-hero__benefits{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:clamp(12px,2.5vw,24px);margin:clamp(28px,4.4vw,36px) 0 0;padding:0;list-style:none}.home-hero__benefit{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0}.home-hero__benefit-icon{display:block;flex-shrink:0;width:auto;max-width:100%;height:clamp(48px,7.8vw,64px)}.home-hero__benefit-label{font-family:var(--hh-body-font);font-size:clamp(14px,1.95vw,16px);font-weight:400;line-height:1.25}.home-hero__product{margin:16px calc((100% - min(100% + 2 * var(--hh-pad-x),640px))/2) 0}.home-hero__product-image{display:block;width:100%;height:auto}.home-hero__buttons{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:clamp(24px,3.9vw,32px)}.home-hero__button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;max-width:420px;min-height:clamp(56px,7.8vw,64px);padding:0 24px;border:2px solid transparent;border-radius:999px;font-family:var(--hh-body-font);font-size:clamp(16px,2vw,17px);font-weight:700;line-height:1.2;letter-spacing:.094em;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.home-hero__button:focus-visible{outline:2px solid var(--hh-text-color);outline-offset:3px}.home-hero__button--primary{border-color:var(--hh-primary-background);background-color:var(--hh-primary-background);color:var(--hh-primary-color)}.home-hero__button--primary:hover{border-color:color-mix(in srgb,var(--hh-primary-background) 88%,#000);background-color:color-mix(in srgb,var(--hh-primary-background) 88%,#000);color:var(--hh-primary-color)}.home-hero__button--secondary{border-color:var(--hh-secondary-color);background-color:transparent;color:var(--hh-secondary-color)}.home-hero__button--secondary:hover{background-color:var(--hh-secondary-color);color:var(--hh-background)}.home-hero__badges{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:clamp(16px,3.9vw,32px);margin:clamp(32px,4.9vw,40px) 0 0;padding:0;list-style:none}.home-hero__badge{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0}.home-hero__badge-icon{display:block;flex-shrink:0;width:auto;height:clamp(52px,7.3vw,60px)}.home-hero__badge-title,.home-hero__badge-text{margin:0;font-family:var(--hh-body-font);font-size:clamp(14px,1.95vw,16px);line-height:1.3}.home-hero__badge-title{font-weight:700}.home-hero__badge-text{font-weight:400}.home-hero__wave{position:absolute;bottom:-1px;left:0;display:block;width:100%;height:calc(var(--hh-wave-height) + 1px);fill:var(--hh-wave-color)}@media only screen and (min-width:1024px){.home-hero{--hh-px: min(1px, calc(100vw / 1440));--hh-wave-height: calc(100 * var(--hh-px));--hh-art-width: calc(1016 * var(--hh-px) + max(0px, (100vw - 1440px) / 2));background-image:var(--hh-background-image, none)}.home-hero__inner{padding:calc(45 * var(--hh-px)) 0 calc(118 * var(--hh-px)) calc(100 * var(--hh-px))}.home-hero--wave .home-hero__inner{padding-bottom:calc(118 * var(--hh-px) + var(--hh-wave-height))}.home-hero__top-art--desktop-only{display:block}.home-hero__content{max-width:none;margin:0;text-align:left}.home-hero__rating{justify-content:flex-start;gap:calc(9 * var(--hh-px));font-size:max(14px,calc(18 * var(--hh-px)));line-height:1}.home-hero__stars{gap:calc(4 * var(--hh-px))}.home-hero__star{width:calc(15 * var(--hh-px));height:calc(15 * var(--hh-px))}.home-hero__heading{margin-top:calc(34 * var(--hh-px));font-size:calc(92 * var(--hh-px));line-height:calc(94 * var(--hh-px))}.home-hero__subheading{margin-top:calc(12 * var(--hh-px));font-size:calc(28 * var(--hh-px));line-height:calc(41 * var(--hh-px))}.home-hero__benefits,.home-hero__buttons,.home-hero__badges{position:relative;z-index:2}.home-hero__benefits{display:flex;gap:calc(84 * var(--hh-px));margin-top:calc(41 * var(--hh-px))}.home-hero__benefit{flex-direction:row;gap:calc(12 * var(--hh-px))}.home-hero__benefit-icon{max-width:none;height:calc(85 * var(--hh-px))}.home-hero__benefit-label{width:min-content;font-size:max(14px,calc(20 * var(--hh-px)))}.home-hero__product{position:absolute;z-index:1;top:calc(-10 * var(--hh-px));right:calc(11 * var(--hh-px));width:calc(808 * var(--hh-px));margin:0}.home-hero__buttons{flex-direction:row;gap:calc(21 * var(--hh-px));margin-top:calc(43 * var(--hh-px))}.home-hero__button{width:calc(354 * var(--hh-px));max-width:none;min-height:calc(73 * var(--hh-px));padding:0;font-size:max(13px,calc(18 * var(--hh-px)))}.home-hero__badges{display:flex;gap:calc(43 * var(--hh-px));margin-top:calc(38 * var(--hh-px))}.home-hero__badge{flex-direction:row;gap:calc(11 * var(--hh-px));text-align:left}.home-hero__badge-icon{height:calc(69 * var(--hh-px))}.home-hero__badge-copy{width:calc(375 * var(--hh-px))}.home-hero__badge-title,.home-hero__badge-text{font-size:max(14px,calc(18 * var(--hh-px)))}}@media(prefers-reduced-motion:reduce){.home-hero__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/151/assets/home-hero.css.map */