.purity-hero{position:relative;background:var(--purity-bg, #f1ece1);height:260vh;--p: 0;--p-sub: 0;--p-btn: 0;--p-hint: 1}.purity-hero__pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.purity-hero__stage{position:relative;width:100%;max-width:1400px;height:100%;margin:0 auto}.purity-card{position:absolute;width:clamp(130px,16vw,250px);aspect-ratio:3 / 4;border-radius:14px;overflow:hidden;border:6px solid #fff;box-shadow:0 12px 30px #0000001f;z-index:1;will-change:transform}.purity-card img{width:100%;height:100%;object-fit:cover;display:block}.purity-card--1{top:6%;left:1%;--gx: 210%;--gy: 90%;--gr: -8deg;transform:translate(calc(var(--gx) * (1 - var(--p))),calc(var(--gy) * (1 - var(--p)))) rotate(calc(var(--gr) * (1 - var(--p))))}.purity-card--2{top:54%;left:5%;--gx: 170%;--gy: -70%;--gr: -4deg;transform:translate(calc(var(--gx) * (1 - var(--p))),calc(var(--gy) * (1 - var(--p)))) rotate(calc(var(--gr) * (1 - var(--p))))}.purity-card--3{top:-8%;left:50%;--gx: 0%;--gy: 170%;--gr: 0deg;transform:translate(-50%) translate(calc(var(--gx) * (1 - var(--p))),calc(var(--gy) * (1 - var(--p)))) rotate(calc(var(--gr) * (1 - var(--p))))}.purity-card--4{top:6%;right:1%;--gx: -210%;--gy: 90%;--gr: 8deg;transform:translate(calc(var(--gx) * (1 - var(--p))),calc(var(--gy) * (1 - var(--p)))) rotate(calc(var(--gr) * (1 - var(--p))))}.purity-card--5{top:54%;right:5%;--gx: -170%;--gy: -70%;--gr: 4deg;transform:translate(calc(var(--gx) * (1 - var(--p))),calc(var(--gy) * (1 - var(--p)))) rotate(calc(var(--gr) * (1 - var(--p))))}.purity-hero__text{position:relative;z-index:2;max-width:640px;margin:0 auto;padding-top:20vh;text-align:center}.purity-hero__eyebrow{margin:0 0 14px;font-size:14px;color:#6b6b6b}.purity-hero__heading{margin:0 0 22px;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;font-size:clamp(30px,5vw,52px);line-height:1.15;color:#1c1c1c}.purity-hero__highlight{position:relative;display:inline-block}.purity-hero__underline{position:absolute;left:0;bottom:-10px;width:100%;height:18px;color:#e6a817}.purity-hero__subtext{margin:0 auto 28px;font-size:16px;line-height:1.6;color:#4a4a4a;max-width:480px;opacity:var(--p-sub);transform:translateY(calc(16px * (1 - var(--p-sub))))}.purity-hero__subtext p{margin:0}.purity-hero__button{display:inline-block;padding:15px 34px;border-radius:999px;background:#1f3d34;color:#fff;text-decoration:none;font-size:15px;font-weight:600;opacity:var(--p-btn);transform:translateY(calc(16px * (1 - var(--p-btn))));transition:background .2s ease}.purity-hero__button:hover{background:#16302a}.purity-hero__scroll-hint{position:absolute;left:50%;bottom:6%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;color:#6b6b6b;opacity:var(--p-hint)}.purity-hero__scroll-hint svg{width:18px;height:18px;animation:purity-bounce 1.6s ease-in-out infinite}@keyframes purity-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media screen and (max-width:749px){.purity-hero{height:220vh}.purity-hero__text{padding-top:26vh;padding-left:20px;padding-right:20px}.purity-card--1,.purity-card--4{top:3%}.purity-card--2,.purity-card--5{top:62%}}@media(prefers-reduced-motion:reduce){.purity-card,.purity-hero__subtext,.purity-hero__button,.purity-hero__scroll-hint svg{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-purity-hero.css.map */