.product-intro{overflow-x:clip;overflow-y:visible;position:relative;z-index:2}.product-intro__container{margin:0 auto;max-width:1440px;padding:0 16px;position:relative;z-index:1}.product-intro__layout{display:flex;flex-direction:column}.product-intro__content{display:flex;flex-direction:column;order:1;z-index:3;position:relative}.product-intro__content-decor{display:none}.product-intro__content-decor svg{display:block;height:auto;width:100%}.product-intro__content-decor-inner{animation:product-intro-content-decor-spin 2.4s linear infinite;transform-origin:center}.product-intro__content-decor-inner svg{animation:product-intro-content-decor-pulse 3.2s ease-in-out infinite;transform-origin:center}@keyframes product-intro-content-decor-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes product-intro-content-decor-pulse{0%{opacity:1;transform:scale(1)}45%{opacity:0;transform:scale(.55)}55%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.product-intro__heading-wrap{margin:0 auto 12px;max-width:min(100%,var(--product-intro-heading-max-width-mobile, 340px));position:relative}.product-intro__heading{font-size:var(--product-intro-heading-font-size-mobile, 32px);line-height:125%;margin:0;position:relative;text-align:center;letter-spacing:-.04em;z-index:1}.product-intro__heading-line{display:block}.product-intro__heading-decor{display:block;line-height:0;pointer-events:none;position:absolute;top:var(--decor-top-mobile);width:var(--decor-width-mobile);z-index:3}.product-intro__heading-decor img{display:block;height:auto;width:100%}.product-intro__heading-decor--right{left:50%;right:auto;transform:translate(-50%,-50%)}.product-intro__heading-decor--right svg{left:-7px;position:absolute;top:6px;width:27px;height:38px}.product-intro__heading-line--primary{color:var(--product-intro-heading-color-primary, var(--color-dark-blue))}.product-intro__heading-line--secondary{color:var(--product-intro-heading-color-secondary, var(--color-fruit-galaxy-3))}.product-intro__items{display:flex;flex-direction:row-reverse;justify-content:space-between;gap:16px 10px;max-width:500px;width:100%;margin:0 auto}.product-intro__item{text-align:center;width:fit-content}.product-intro__item:first-of-type,.product-intro__item:last-of-type{width:39%}.product-intro__item-star{display:none}.product-intro__item-title{color:var(--product-intro-item-title-color, var(--color-black));margin:0;font-size:26px;line-height:123%}.product-intro__item-text{color:var(--product-intro-item-text-color, var(--color-black));font-family:var(--font-heading--family);font-size:12px;font-weight:100;line-height:133%;margin-top:0;text-transform:uppercase}.product-intro__item-text span{white-space:nowrap}.product-intro__media-group{align-items:end;display:flex;justify-content:center;gap:0;margin-top:70px;order:2}.product-intro__visual{position:relative}.product-intro__visual--left{position:relative;z-index:3;margin-right:-26px;max-width:min(100%,var(--product-intro-left-width-mobile, 182px));width:100%}.product-intro__visual--center{position:relative;z-index:2;justify-self:end;max-width:min(100%,var(--product-intro-center-width-mobile, 282px));width:100%}.product-intro__visual-center-decor{bottom:-50%;left:50%;line-height:0;pointer-events:none;position:absolute;transform:translate(-50%);width:min(220vw,760px);z-index:0}.product-intro__visual-center-decor svg{display:block;height:auto;width:100%}.product-intro__image{display:block;height:auto;width:100%;position:relative;z-index:2}.product-intro__image--desktop{display:none}.product-intro__quote-card{background:var(--product-intro-quote-bg, var(--color-yellow));border:1px solid var(--product-intro-quote-border, var(--color-black));border-radius:6px;box-shadow:2px 2px 0 0 var(--product-intro-quote-border, var(--color-black));left:var(--product-intro-quote-card-left-mobile, -115px);max-width:calc(100vw - 40px);padding:12px 12px 8px calc(var(--product-intro-quote-avatar-width-mobile, 46px) + 24px);position:absolute;top:var(--product-intro-quote-card-top-mobile, -50px);width:min(var(--product-intro-quote-card-width-mobile, 345px),calc(100vw - 40px));z-index:1}a.product-intro__quote-card{color:inherit;text-decoration:none}.product-intro__quote-inner{min-height:calc(var(--product-intro-quote-avatar-width-mobile, 46px) + 2px);position:relative}.product-intro__quote-avatar{border:1px solid var(--product-intro-quote-border, var(--color-black));border-radius:999px;height:var(--product-intro-quote-avatar-width-mobile, 46px);left:calc((var(--product-intro-quote-avatar-width-mobile, 46px) - -12px) * -1);overflow:hidden;position:absolute;top:-2px;width:var(--product-intro-quote-avatar-width-mobile, 46px)}.product-intro__quote-avatar--desktop{display:none}.product-intro__quote-avatar img,.product-intro__quote-icon img{display:block;height:100%;object-fit:cover;width:100%}.product-intro__quote-copy{display:flex;flex-direction:column;gap:8px}.product-intro__quote-text{color:var(--product-intro-quote-text, var(--color-black));font-family:var(--font-franie-xcondensed--family);font-size:14px;line-height:142%;margin:0;text-transform:uppercase}.product-intro__quote-caption{color:var(--product-intro-quote-caption, var(--color-black));font-family:var(--font-body--family);font-size:10px;font-weight:400;line-height:120%;margin:0;transform:translate(calc((var(--product-intro-quote-avatar-width-mobile, 46px) - -12px) * -1))}.product-intro__quote-icon{height:auto;left:var(--product-intro-quote-icon-left-mobile, 285px);line-height:0;position:absolute;top:var(--product-intro-quote-icon-top-mobile, -15px);width:var(--product-intro-quote-icon-width-mobile, 39px);z-index:3}.product-intro__quote-icon--desktop{display:none}.product-intro__button{display:flex;justify-content:center;margin-top:32px;width:100%}.product-intro__button .btn--primary{min-height:55px;width:100%}.product-intro__button--desktop{display:none}.product-intro__features{align-items:center;display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:18px;position:relative;z-index:2}.product-intro__feature-item{color:var(--product-intro-feature-color-mobile, #ffffff)}.product-intro__feature-text{font-family:var(--font-heading--family);font-weight:100;font-size:14px;line-height:22px;color:inherit;margin:0;paint-order:stroke fill;-webkit-text-stroke:4px var(--color-black);text-shadow:1px 3px 0 var(--color-black);white-space:nowrap}.product-intro__feature-separator{line-height:0}.product-intro__feature-separator-icon{display:block}.product-intro__feature-separator-icon svg{width:16px;height:16px}.product-intro__feature-separator-icon--desktop{display:none}@media screen and (min-width:388px){.product-intro__features{gap:9px}.product-intro__feature-text{font-size:16px;line-height:24px}}@media screen and (min-width:768px){.product-intro__container{padding:0 24px}.product-intro__heading-wrap{margin:0 auto 32px;max-width:100%}.product-intro__heading{font-size:var(--product-intro-heading-font-size-desktop, 56px);line-height:100%}.product-intro__button .btn--primary{max-width:288px}.product-intro__media-group{justify-content:center}.product-intro__visual--left{max-width:var(--product-intro-left-width-tablet, 266px)}.product-intro__visual--center{max-width:var(--product-intro-center-width-tablet, 350px)}}@media screen and (min-width:1024px){.product-intro__container{padding:0 80px}.product-intro__heading{font-size:var(--product-intro-heading-font-size-tablet, var(--product-intro-heading-font-size-desktop, 56px))}.product-intro__heading-decor--right svg{left:auto;position:absolute;top:-6px;right:6px;width:38px;height:53px;transform:rotate(100deg)}.product-intro__layout{align-items:center;display:grid;gap:30px;grid-template-columns:minmax(0,814px) minmax(260px,1fr)}.product-intro__content{align-self:start;order:2;padding-top:42px}.product-intro__content-decor{display:block;line-height:0;pointer-events:none;position:absolute;right:6%;top:65%;transform:translate(50%,-50%);width:70px;z-index:0}.product-intro__heading-wrap{margin:0 0 32px;max-width:min(100%,var(--product-intro-heading-max-width-desktop, 382px))}.product-intro__heading{text-align:left}.product-intro__items{display:flex;flex-direction:column;gap:26px}.product-intro__item{align-items:start;display:grid;gap:12px;grid-template-columns:32px 180px;text-align:left;align-items:center}.product-intro__item-star{display:block;line-height:0;margin-top:0}.product-intro__item-star svg{height:32px;width:32px}.product-intro__item-title{font-size:32px;line-height:125%}.product-intro__item-text{font-size:16px;line-height:150%;margin-top:0;max-width:190px}.product-intro__item-text br,.product-intro__item-text span{display:none}.product-intro__button--desktop{display:flex;justify-content:flex-start;margin-top:32px}.product-intro__button--desktop .btn--primary{max-width:288px;min-height:56px;width:100%}.product-intro__button--mobile{display:none}.product-intro__media-group{align-items:end;gap:0;margin-top:0;order:1;justify-content:space-between}.product-intro__visual--left{margin-right:0;max-width:var(--product-intro-left-width-tablet, 266px);margin-bottom:0}.product-intro__visual--center{max-width:var(--product-intro-center-width-desktop, 441px)}.product-intro__visual-center-decor{bottom:-58%;width:min(1870px,160vw)}.product-intro__image--mobile{display:none}.product-intro__image--desktop{display:block}.product-intro__quote-card{border-radius:6px;border:2px solid var(--product-intro-quote-border, var(--color-black));box-shadow:2px 2px 0 0 var(--product-intro-quote-border, var(--color-black));left:var(--product-intro-quote-card-left-desktop, -340px);max-width:none;padding:16px 16px 12px calc(var(--product-intro-quote-avatar-width-desktop, 80px) + 28px);top:var(--product-intro-quote-card-top-desktop, -66px);width:var(--product-intro-quote-card-width-desktop, 393px);transform:rotate(359deg)}.product-intro__quote-inner{min-height:calc(var(--product-intro-quote-avatar-width-desktop, 80px) + 2px)}.product-intro__quote-avatar{border:2px solid var(--product-intro-quote-border, var(--color-dark-blue));height:var(--product-intro-quote-avatar-width-desktop, 80px);left:calc(var(--product-intro-quote-avatar-width-desktop, 80px) * -1 - 16px);width:var(--product-intro-quote-avatar-width-desktop, 80px)}.product-intro__quote-avatar--mobile{display:none}.product-intro__quote-avatar--desktop{display:block}.product-intro__quote-text{font-size:20px;line-height:140%}.product-intro__quote-caption{font-size:14px;line-height:114%;transform:none}.product-intro__quote-icon{left:var(--product-intro-quote-icon-left-desktop, -31px);top:var(--product-intro-quote-icon-top-desktop, -15px);width:var(--product-intro-quote-icon-width-desktop, 54px);transform:rotate(1deg)}.product-intro__quote-icon--mobile{display:none}.product-intro__quote-icon--desktop{display:block}.product-intro__heading-decor{top:var(--decor-top-desktop);width:var(--decor-width-desktop)}.product-intro__heading-decor--right{left:auto;right:0;transform:translate(var(--decor-x-desktop),-50%)}.product-intro__features{justify-content:center;margin-top:42px}.product-intro__feature-item{color:var(--product-intro-feature-color-desktop, #ffffff)}.product-intro__features{gap:24px;margin-top:34px}.product-intro__feature-text{font-size:24px;line-height:32px;-webkit-text-stroke:7px var(--color-black);text-shadow:1px 5px 0 var(--color-black)}.product-intro__feature-separator-icon--mobile{display:none}.product-intro__feature-separator-icon--desktop{display:block}.product-intro__feature-separator-icon svg{width:32px;height:32px}}@media screen and (min-width:1150px){.product-intro__visual-center-decor{bottom:-48%}}@media screen and (min-width:1300px){.product-intro__heading{font-size:var(--product-intro-heading-font-size-desktop, 56px)}.product-intro__container{padding:0 102px}.product-intro__layout{grid-template-columns:minmax(0,814px) minmax(320px,1fr);gap:40px}.product-intro__visual--left{margin-right:0;max-width:var(--product-intro-left-width-desktop, 288px);margin-bottom:78px}}@media screen and (min-width:1400px){.product-intro__content-decor{right:30%;top:66%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hp-product-intro.css.map */