.plp-hero{width:100%;background-color:#a8bcd7;color:var(--plp-hero-text-color)}.section-wrapper:has(.plp-hero--plp-phase-2){background-color:#a8bcd7}.plp-hero__inner{--plp-hero-mobile-surface: #40577f;--plp-hero-mobile-top-offset: 50px;position:relative;display:flex;min-height:calc(430px + var(--plp-hero-mobile-top-offset));overflow:hidden;border-end-start-radius:24px;border-end-end-radius:24px;background:var(--plp-hero-mobile-surface)}@media screen and (min-width:750px){.plp-hero__inner{--plp-hero-mobile-top-offset: 0px;align-items:center;min-height:clamp(357px,30vw + 50px,568px);padding-block:calc(clamp(56px,4.2vw,72px) + 50px) clamp(56px,4.2vw,72px);padding-inline:clamp(72px,7.2vw,124px) clamp(48px,5.8vw,100px);border-end-start-radius:32px;border-end-end-radius:32px;background:linear-gradient(180deg,var(--plp-hero-gradient-start) .55%,var(--plp-hero-gradient-end) 187.44%)}}@media screen and (min-width:1800px){.plp-hero__inner{padding-inline-start:calc((100vw - 1520px)/2)}}.plp-hero__inner:before{content:"";position:absolute;inset-inline:0;inset-block-start:calc(71px + var(--plp-hero-mobile-top-offset));inset-block-end:0;z-index:1;background:linear-gradient(180deg,rgba(64,87,127,0) 0%,rgba(64,87,127,.52) 24%,var(--plp-hero-mobile-surface) 44%,var(--plp-hero-mobile-surface) 100%);pointer-events:none}@media screen and (min-width:750px){.plp-hero__inner:before{content:none}}.plp-hero__inner:after{content:none;position:absolute;inset-inline:50%;bottom:-100px;z-index:1;width:816px;height:282px;transform:translate(-50%);background:radial-gradient(ellipse at center,#fcfbf875,#fcfbf82e,#fcfbf800 68%);pointer-events:none}@media screen and (min-width:750px){.plp-hero__inner:after{content:none}}.plp-hero__media{position:absolute;z-index:0;inset-block-start:calc(48px - 9.5% + var(--plp-hero-mobile-top-offset));inset-inline:0;display:flex;justify-content:center;height:252px;overflow:hidden;pointer-events:none}@media screen and (min-width:750px){.plp-hero__media{inset-block-start:auto;inset-block-end:0;inset-inline-start:auto;inset-inline-end:clamp(64px,11vw,176px);width:clamp(260px,28vw,425px);height:clamp(270px,28.5vw,438px);overflow:visible}}@media screen and (min-width:2000px)and (max-width:2499px){.plp-hero__media{inset-block-start:auto;inset-block-end:0;inset-inline-start:auto;inset-inline-end:clamp(64px,20vw,480px);width:clamp(285px,42vw,491px);height:clamp(312px,67.5vw,524px)}}@media screen and (min-width:2500px){.plp-hero__media{inset-block-start:auto;inset-block-end:0;inset-inline-start:auto;inset-inline-end:clamp(64px,20vw,480px);width:clamp(285px,42vw,491px);height:clamp(312px,67.5vw,524px)}}.plp-hero__media:after{content:none}.plp-hero__media picture{display:contents}.plp-hero__image{display:block;width:min(66vw,255px);height:100%;object-fit:contain;object-position:bottom center;transform:scale(1.15);transform-origin:bottom center}@media screen and (min-width:750px){.plp-hero__image{width:100%;transform:translate(-270px) scale(4.3)}}.plp-hero__image--desktop{display:none}@media screen and (min-width:750px){.plp-hero__image--mobile{display:none}.plp-hero__image--desktop{display:block}}@media screen and (min-width:2000px){.plp-hero--has-ultrawide-image .plp-hero__media{top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.plp-hero--has-ultrawide-image .plp-hero__image--desktop{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}}@media screen and (max-width:749px){.plp-hero--plp-phase-2 .plp-hero__media{height:418px;overflow:visible}.plp-hero--plp-phase-2 .plp-hero__image{transform:translateY(0) scale(1.6)}}@media screen and (max-width:749px){.plp-hero--plp-phase-2.plp-hero--collection-browse-all .plp-hero__image{width:63vw}}@media screen and (min-width:450px)and (max-width:578px){.plp-hero--plp-phase-2.plp-hero--collection-browse-all .plp-hero__image{width:100%;transform:translateY(170px) scale(1.6)}}@media screen and (min-width:579px)and (max-width:749px){.plp-hero--plp-phase-2.plp-hero--collection-browse-all .plp-hero__image{width:100%;transform:translateY(370px) scale(2.14)}}@media screen and (min-width:320px)and (max-width:350px){.plp-hero--plp-phase-2 .plp-hero__image{transform:translateY(-49px) scale(1.6)}}@media screen and (min-width:351px)and (max-width:450px){.plp-hero--plp-phase-2.plp-hero--collection-what-bryan-takes .plp-hero__image{transform:translateY(0) scale(1.7)}}@media screen and (max-width:319px){.plp-hero--plp-phase-2.plp-hero--collection-what-bryan-takes .plp-hero__image{transform:translateY(-32px) scale(1.9)}}@media screen and (min-width:2200px){.plp-hero--plp-phase-2.plp-hero--collection-support-longevity .plp-hero__image{width:100%;transform:translate(-485px) scale(4.3)}}@media screen and (min-width:1441px){.plp-hero--plp-phase-2.plp-hero--collection-browse-all .plp-hero__image{transform:translate(-87%) scale(4.3)}}@media screen and (min-width:750px)and (max-width:1000px){.plp-hero--plp-phase-2 .plp-hero__image{transform:translate(-180px) scale(4.3)}}@media screen and (min-width:1001px){.plp-hero--plp-phase-2.plp-hero--collection-renew-skin .plp-hero__image{transform:translate(-254px) scale(5.3) translateY(14px)}}@media screen and (min-width:2000px){.plp-hero--plp-phase-2.plp-hero--has-ultrawide-image .plp-hero__image--desktop{width:100%;height:100%;object-fit:cover;transform:none}}.plp-hero__content{position:relative;z-index:2;align-self:flex-end;display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;padding:24px 30px 32px}@media screen and (min-width:750px){.plp-hero__content{align-self:auto;gap:0;width:min(55vw,703px);padding:0}}.plp-hero__heading,.plp-hero__text{width:100%;margin:0;font-family:var(--font-body--family);font-style:normal;font-weight:400;line-height:normal}.plp-hero__heading{font-size:28px}@media screen and (min-width:750px){.plp-hero__heading{font-size:clamp(32px,3.35vw,48px)}}.plp-hero__text{max-width:350px;font-size:18px}@media screen and (min-width:750px){.plp-hero__text{max-width:660px;font-size:clamp(18px,1.67vw,24px)}}@media screen and (min-width:2000px){.plp-hero__text{max-width:32vw;font-size:clamp(18px,1.67vw,24px)}}@media screen and (min-width:750px){.plp-hero__heading+.plp-hero__text{margin-block-start:12px}.plp-hero__text+.plp-hero__button{margin-block-start:32px}.plp-hero__heading+.plp-hero__button{margin-block-start:32px}}@media screen and (min-width:768px)and (max-width:1440px){.plp-hero--plp-phase-2.plp-hero--collection-browse-all .plp-hero__text{max-width:80%}}.plp-hero__button{display:inline-flex;align-items:center;justify-content:center;width:min(100%,300px);min-height:44px;padding:10px 24px;border-radius:100px;background:var(--plp-hero-button-background);color:var(--plp-hero-button-color);font-family:var(--font-body--family);font-size:16px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;transition:opacity .1s cubic-bezier(.42,0,.58,1)}.plp-hero__button:hover{background:#4a6aaa;color:#fff;opacity:.86}.plp-hero__button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/plp-hero.css.map */