.psurf{--psurf-ease: cubic-bezier(.23, 1, .32, 1);--psurf-bottle-h: clamp(20rem, min(24vw, 38vh), 36rem);--psurf-bottle-col: calc(var(--psurf-bottle-h) * .4 + clamp(4rem, 6vw, 9.6rem));--psurf-sink: .3;--psurf-water: 225, 237, 233;--psurf-line: rgba(24, 126, 115, .32);padding-top:var(--section-pad-y)}.psurf__top{position:relative;z-index:1}.psurf__surface{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:2.4rem}.psurf__statement{margin:0 0 3.2rem;font-size:clamp(3.4rem,4.6vw,6.4rem);line-height:1.04;font-weight:var(--heading-weight-narrative);letter-spacing:var(--heading-tracking-narrative);color:var(--heading-color-primary);text-wrap:balance}.psurf__words{display:inline}.psurf__bottle{position:relative;z-index:1;height:var(--psurf-bottle-h);margin-bottom:calc(var(--psurf-bottle-h) * var(--psurf-sink) * -1)}.psurf__bottle-img{display:block;height:100%;width:auto;aspect-ratio:420 / 1059;object-fit:contain;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc((1 - var(--psurf-sink)) * 100%),rgba(0,0,0,.55) 100%);mask-image:linear-gradient(180deg,#000 0 calc((1 - var(--psurf-sink)) * 100%),#0000008c)}.psurf__waterline{display:block;height:1px;background:linear-gradient(90deg,rgba(24,126,115,0) 4%,var(--psurf-line) 32%,var(--psurf-line) 68%,rgba(24,126,115,0) 96%);transform-origin:center}.psurf__below{padding:calc(var(--psurf-bottle-h) * var(--psurf-sink) + clamp(3.2rem,4vw,5.6rem)) 0 var(--section-pad-y);background:linear-gradient(180deg,rgba(var(--psurf-water),0) 0,rgba(var(--psurf-water),.7) 9rem 45%,rgba(var(--psurf-water),0))}.psurf__lead{max-width:56ch;margin:0 0 clamp(4rem,5vw,6.4rem);font-size:clamp(1.7rem,1.4vw,2rem);line-height:1.55;color:#000000d1}.psurf__lead p{margin:0}.psurf__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:3.6rem}.psurf__step{position:relative}.psurf__step:before{content:"";display:block;width:3.2rem;height:2px;margin-bottom:1.6rem;background:#2c9884;transform-origin:left center}.psurf__voice{margin:0;max-width:16em;font-family:var(--font-heading-family);font-style:italic;font-weight:400;font-synthesis:none;font-size:clamp(2.4rem,2.2vw,3.2rem);line-height:1.16;letter-spacing:-.005em;color:#000;text-wrap:balance}.psurf__step-text{margin:1.2rem 0 0;max-width:40ch;font-size:1.5rem;line-height:var(--body-line);color:#000000b8}.psurf__step-name{font-weight:700;color:#000}.psurf__foot{margin-top:clamp(4.8rem,5vw,7.2rem)}@media screen and (min-width:750px){.psurf__surface:not(.psurf__surface--single){grid-template-columns:minmax(0,1fr) var(--psurf-bottle-col) minmax(max-content,1fr);grid-template-areas:none;justify-items:stretch;column-gap:0}.psurf__surface:not(.psurf__surface--single) .psurf__statement{grid-column:1 / -1;grid-row:1;align-self:center;width:100%;margin:0;padding-bottom:calc(var(--psurf-bottle-h) * .08);display:grid;grid-template-columns:minmax(0,1fr) var(--psurf-bottle-col) minmax(0,1fr);grid-template-columns:subgrid;align-items:center}.psurf__surface:not(.psurf__surface--single) .psurf__words{display:block}.psurf__words--a{grid-column:1;justify-self:end;text-align:right}.psurf__words--b{grid-column:3;justify-self:start;text-align:left;white-space:nowrap}.psurf__surface:not(.psurf__surface--single) .psurf__bottle{grid-column:2;grid-row:1;justify-self:center;align-self:end}.psurf__lead{margin-inline:auto;text-align:center}.psurf__steps{--psurf-stagger: 4.8rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:5.6rem 4.8rem;padding-bottom:var(--psurf-stagger)}.psurf__step:nth-child(2n){top:var(--psurf-stagger)}.psurf__foot{text-align:center}}@media screen and (min-width:990px){.psurf__steps{--psurf-stagger: clamp(3.2rem, 3vw, 4.8rem);grid-template-columns:repeat(3,minmax(0,1fr));gap:5.6rem clamp(4rem,5vw,8rem);padding-bottom:calc(var(--psurf-stagger) * 2)}.psurf__step:nth-child(2n){top:auto}.psurf__step:nth-child(3n+2){top:var(--psurf-stagger)}.psurf__step:nth-child(3n){top:calc(var(--psurf-stagger) * 2)}}@media(prefers-reduced-motion:no-preference){.psurf__words--a,.psurf__words--b,.psurf__bottle,.psurf__waterline{transition:opacity .7s ease,transform 1.1s var(--psurf-ease)}.psurf__bottle{transition-delay:0ms}.psurf__words--a,.psurf__words--b{transition-delay:.12s}.psurf__waterline{transition-delay:.32s}.scroll-trigger--offscreen .psurf__bottle{opacity:0;transform:translateY(2.4rem);transition:none}.scroll-trigger--offscreen .psurf__words--a{opacity:0;transform:translate(-3.2rem);transition:none}.scroll-trigger--offscreen .psurf__words--b{opacity:0;transform:translate(3.2rem);transition:none}.psurf__top.scroll-trigger--offscreen .psurf__waterline{transform:scaleX(0);transition:none}.psurf__step:before{transition:transform .9s var(--psurf-ease);transition-delay:calc(var(--psurf-i, 0) * .11s)}.psurf__step>*{transition:opacity .6s ease,transform .8s var(--psurf-ease);transition-delay:calc(var(--psurf-i, 0) * .11s + .16s)}.psurf__steps.scroll-trigger--offscreen .psurf__step:before{transform:scaleX(0);transition:none}.psurf__steps.scroll-trigger--offscreen .psurf__step>*{opacity:0;transform:translateY(1.2rem);transition:none}.psurf__step:nth-child(2){--psurf-i: 1}.psurf__step:nth-child(3){--psurf-i: 2}.psurf__step:nth-child(4){--psurf-i: 3}.psurf__step:nth-child(5){--psurf-i: 4}.psurf__step:nth-child(6){--psurf-i: 5}.psurf__step:nth-child(7){--psurf-i: 6}.psurf__step:nth-child(8){--psurf-i: 7}.psurf__step:nth-child(9){--psurf-i: 8}}@media screen and (max-width:749px){.psurf__surface:not(.psurf__surface--single){grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:2.4rem}.psurf__surface:not(.psurf__surface--single) .psurf__statement{margin:0;text-align:center}.psurf__surface:not(.psurf__surface--single) .psurf__words{display:block}}.psurf__bottle--link{display:block;cursor:pointer}.psurf__bottle--link:focus-visible{outline:2px solid #187e73;outline-offset:.6rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-purity-surface.css.map */