.premium-product-benefits{position:relative;isolation:isolate;display:block;overflow:clip;color:var(--ppb-text);background:var(--ppb-background);font-family:var(--ppb-body-font);content-visibility:auto;contain-intrinsic-size:auto 920px}.ppb__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background-image:var(--ppb-background-image);background-position:center;background-repeat:no-repeat;background-size:cover;opacity:var(--ppb-background-opacity)}.premium-product-benefits:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 8% 14%,color-mix(in srgb,var(--ppb-accent-2) 13%,transparent),transparent 28%),radial-gradient(circle at 88% 74%,color-mix(in srgb,var(--ppb-accent) 13%,transparent),transparent 31%),linear-gradient(118deg,rgba(255,255,255,.42),transparent 45%,rgba(255,255,255,.25))}.premium-product-benefits:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.24;background-image:linear-gradient(45deg,transparent 48%,color-mix(in srgb,var(--ppb-accent) 24%,transparent) 49%,transparent 51%);background-size:86px 86px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 17%,transparent 80%,#000);mask-image:linear-gradient(90deg,#000,transparent 17%,transparent 80%,#000)}.ppb__orb{position:absolute;z-index:-1;width:320px;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--ppb-accent) 24%,transparent);border-radius:50%;pointer-events:none;animation:ppb-orbit 20s linear infinite}.ppb__orb:before,.ppb__orb:after{content:"";position:absolute;border:inherit;border-radius:inherit}.ppb__orb:before{top:30px;right:30px;bottom:30px;left:30px}.ppb__orb:after{top:66px;right:66px;bottom:66px;left:66px}.ppb__orb--one{top:-220px;right:4%}.ppb__orb--two{bottom:-245px;left:-115px;animation-direction:reverse}.ppb__inner{box-sizing:border-box;width:min(100%,calc(var(--ppb-width) + var(--ppb-side-gutters)));margin-inline:auto;padding-inline:var(--ppb-side-padding);padding-block:var(--ppb-top) var(--ppb-bottom)}.ppb__layout{display:grid;grid-template-columns:minmax(0,var(--ppb-left-column)) minmax(0,1fr);grid-template-areas:"header visual" "benefits visual";align-items:center;gap:30px var(--ppb-gap)}.ppb__header{grid-area:header;align-self:end;max-width:650px}.ppb__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:var(--ppb-text);font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.ppb__eyebrow span{color:var(--ppb-accent);font-size:19px;animation:ppb-sparkle 2.8s ease-in-out infinite}.ppb__heading{display:flex;flex-wrap:wrap;gap:0 .22em;margin:0;color:var(--ppb-text);font:800 var(--ppb-heading-size)/1.03 var(--ppb-heading-font);letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance}.ppb__heading-accent{color:transparent;background:linear-gradient(110deg,var(--ppb-accent),var(--ppb-accent-2),var(--ppb-accent));background-size:190% 100%;-webkit-background-clip:text;background-clip:text;animation:ppb-gradient 7s ease-in-out infinite alternate}.ppb__divider{display:flex;width:min(100%,380px);align-items:center;gap:12px;margin-block:22px 16px;color:var(--ppb-accent)}.ppb__divider:before,.ppb__divider:after{content:"";height:1px;flex:1;background:currentColor}.ppb__divider span{width:12px;height:12px;border:2px solid currentColor;transform:rotate(45deg)}.ppb__description{max-width:610px;color:var(--ppb-muted);font-size:var(--ppb-description-size);line-height:1.7}.ppb__description>*{margin:0}.ppb__benefits{position:relative;grid-area:benefits;display:grid;align-self:start;gap:16px;padding-left:54px}.ppb__benefits:before{content:"";position:absolute;top:46px;bottom:46px;left:22px;border-left:1px dashed color-mix(in srgb,var(--ppb-accent) 78%,transparent)}.ppb__card{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-height:124px;align-items:center;gap:20px;padding:18px 28px 18px 72px;border-radius:var(--ppb-card-radius);color:var(--ppb-card-text);background:transparent;cursor:pointer;transition:transform .26s cubic-bezier(.2,.75,.25,1),box-shadow .26s ease,border-color .22s ease}.ppb__card-surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--ppb-border) 52%,transparent);border-radius:inherit;background:var(--ppb-card);box-shadow:inset 0 1px #ffffff2e,0 18px 42px #04302524;-webkit-backdrop-filter:blur(var(--ppb-glass-blur)) saturate(130%);backdrop-filter:blur(var(--ppb-glass-blur)) saturate(130%);transition:border-color .22s ease,box-shadow .26s ease}.ppb__card-surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.2) 48%,transparent 72%);transform:translate(-140%);transition:transform .65s ease}.ppb__card:hover{z-index:2;transform:translate(8px) translateY(-2px)}.ppb__card:hover .ppb__card-surface{border-color:var(--ppb-accent);box-shadow:inset 0 1px #ffffff38,0 24px 52px #04302538}.ppb__card:hover .ppb__card-surface:before{transform:translate(140%)}.ppb__card.is-clicked{animation:ppb-card-click .45s cubic-bezier(.2,.75,.25,1)}.ppb__card-icon{position:absolute;left:-54px;z-index:2;display:grid;width:116px;aspect-ratio:1;place-items:center;padding:24px;border:4px solid var(--ppb-text);border-radius:50%;color:var(--ppb-accent);background:var(--ppb-icon-background);box-shadow:0 0 0 2px var(--ppb-accent),0 14px 30px #2c230a2e;transition:transform .28s ease}.ppb__card:hover .ppb__card-icon{transform:rotate(-5deg) scale(1.04)}.ppb__card-icon :is(img,svg){width:100%;height:100%;object-fit:contain}.ppb__card-copy{position:relative;z-index:1}.ppb__card-copy h3{margin:0;color:inherit;font:800 var(--ppb-card-title-size)/1.2 var(--ppb-heading-font);letter-spacing:.015em;text-transform:uppercase}.ppb__card-rule{display:block;width:94px;height:1px;margin:7px 0 8px;background:linear-gradient(90deg,var(--ppb-accent),transparent)}.ppb__card-text{max-width:440px;color:color-mix(in srgb,var(--ppb-card-text) 82%,transparent);font-size:var(--ppb-card-text-size);line-height:1.55}.ppb__card-text>*{margin:0}.ppb__card-flower{position:absolute;top:15px;right:20px;z-index:1;color:var(--ppb-accent);font-size:17px}.ppb__ripple{position:absolute;z-index:1;width:18px;height:18px;border-radius:50%;background:#ffffff61;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(0)}.ppb__ripple.is-active{animation:ppb-ripple .65s ease-out}.ppb__visual{grid-area:visual;display:grid;place-items:center;min-width:0;perspective:1100px}.ppb__visual-stage{position:relative;width:min(100%,var(--ppb-visual-size));aspect-ratio:1;transform:rotateX(var(--ppb-tilt-y, 0deg)) rotateY(var(--ppb-tilt-x, 0deg));transform-style:preserve-3d;transition:transform .18s ease-out}.ppb__visual-stage:before{content:"";position:absolute;top:3%;right:3%;bottom:3%;left:3%;border:1px dashed var(--ppb-accent);border-radius:50%;opacity:.9}.ppb__visual.is-clicked .ppb__visual-stage{animation:ppb-visual-click .52s ease}.ppb__ring-text{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;color:var(--ppb-text)}.ppb__ring-text text{fill:currentColor;font:700 18px/1 var(--ppb-body-font);letter-spacing:.18em;text-transform:uppercase}.premium-product-benefits[data-animate-ring=true] .ppb__ring-text{animation:ppb-ring 34s linear infinite}.premium-product-benefits:not(.is-in-view) :is(.ppb__ring-text,.ppb__orb,.ppb__heading-accent,.ppb__eyebrow span){animation-play-state:paused}.ppb__image-shell{position:absolute;top:12%;right:12%;bottom:12%;left:12%;overflow:hidden;border:1px solid color-mix(in srgb,var(--ppb-border) 76%,transparent);border-radius:50%;background:var(--ppb-icon-background);box-shadow:inset 0 1px #ffffffb8,0 30px 70px #3527082e;transform:translateZ(18px)}.ppb__image{width:100%;height:100%;object-fit:cover;object-position:var(--ppb-image-position);transition:transform .7s cubic-bezier(.2,.72,.25,1),filter .35s ease}.ppb__visual:hover .ppb__image{filter:saturate(1.08) contrast(1.02);transform:scale(1.045)}.ppb__image-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:1;pointer-events:none;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.34),transparent 38%)}.ppb__image-shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.32) 48%,transparent 66%);transform:translate(-130%)}.ppb__visual:hover .ppb__image-shine{animation:ppb-shine .9s ease}.ppb__marker{position:absolute;z-index:3;display:grid;width:34px;height:34px;place-items:center;color:var(--ppb-accent);background:var(--ppb-background);border-radius:50%;font-size:20px}.ppb__marker--top{top:1%;left:50%;transform:translate(-50%,-50%)}.ppb__marker--right{top:50%;right:1%;transform:translate(50%,-50%)}.ppb__marker--bottom{bottom:1%;left:50%;transform:translate(-50%,50%)}.ppb__marker--left{top:50%;left:1%;transform:translate(-50%,-50%)}.ppb__seal{position:absolute;top:8%;right:0;z-index:5;display:grid;width:clamp(130px,16vw,190px);aspect-ratio:1;place-items:center;align-content:center;gap:5px;padding:20px;border:3px solid var(--ppb-accent);border-radius:50%;color:var(--ppb-seal-text);background:var(--ppb-seal);box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--ppb-accent) 28%,transparent),0 22px 50px #02372b3b;text-align:center;transform:translateZ(40px) rotate(5deg);transition:transform .28s ease,box-shadow .28s ease}.ppb__seal:hover{box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--ppb-accent) 36%,transparent),0 28px 60px #02372b4f;transform:translateZ(40px) rotate(0) scale(1.05)}.ppb__seal :is(img,svg){width:48px;height:48px;object-fit:contain;color:var(--ppb-accent)}.ppb__seal-kicker,.ppb__seal-bottom{font:800 clamp(8px,.72vw,11px)/1.2 var(--ppb-body-font);letter-spacing:.08em;text-transform:uppercase}.premium-product-benefits.is-reveal-ready :is(.ppb__header,.ppb__benefits,.ppb__visual){opacity:0;transform:translateY(28px)}.premium-product-benefits.is-revealed :is(.ppb__header,.ppb__benefits,.ppb__visual){opacity:1;transform:none;transition:opacity .7s ease,transform .8s cubic-bezier(.2,.75,.25,1)}.premium-product-benefits.is-revealed .ppb__visual{transition-delay:.12s}.premium-product-benefits.is-revealed .ppb__benefits{transition-delay:.2s}.premium-product-benefits.is-reveal-ready .ppb__card{opacity:0;transform:translate(-24px)}.premium-product-benefits.is-revealed .ppb__card{opacity:1;transform:none;transition:opacity .55s ease calc(.24s + var(--ppb-order) * .09s),transform .65s cubic-bezier(.2,.75,.25,1) calc(.24s + var(--ppb-order) * .09s),box-shadow .26s ease,border-color .22s ease}.premium-product-benefits.is-revealed .ppb__card:hover{transform:translate(8px) translateY(-2px)}@keyframes ppb-ring{to{transform:rotate(360deg)}}@keyframes ppb-orbit{to{transform:rotate(360deg)}}@keyframes ppb-gradient{to{background-position:100% 0}}@keyframes ppb-sparkle{50%{opacity:.45;transform:scale(.82) rotate(45deg)}}@keyframes ppb-shine{to{transform:translate(130%)}}@keyframes ppb-ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(20)}}@keyframes ppb-card-click{45%{transform:scale(.985)}}@keyframes ppb-visual-click{45%{transform:scale(.985)}}@media(max-width:1199px){.ppb__layout{grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:26px 34px}.ppb__card{min-height:110px;padding:15px 20px 15px 58px}.ppb__card-icon{left:-44px;width:94px;padding:19px}}@media(max-width:989px){.ppb__inner{width:min(100%,840px);padding-inline:max(20px,var(--ppb-mobile-side-padding))}.ppb__layout{grid-template-columns:1fr;grid-template-areas:"header" "visual" "benefits";gap:30px}.ppb__header{justify-self:center;max-width:720px;text-align:center}.ppb__eyebrow,.ppb__heading{justify-content:center}.ppb__divider,.ppb__description{margin-inline:auto}.ppb__visual-stage{width:min(100%,var(--ppb-mobile-visual-size))}.ppb__benefits{width:min(100%,720px);justify-self:center}.ppb__ring-text text{font-size:17px}}@media(max-width:749px){.ppb__background{background-image:var(--ppb-mobile-background-image)}.ppb__inner{width:min(100%,620px);padding-inline:var(--ppb-mobile-side-padding);padding-block:var(--ppb-mobile-top) var(--ppb-mobile-bottom)}.ppb__layout{gap:24px}.ppb__eyebrow{justify-content:center;margin-bottom:10px;font-size:10px}.ppb__heading{font-size:var(--ppb-mobile-heading-size);line-height:1.06}.ppb__divider{width:min(78%,280px);margin-block:15px 12px}.ppb__description{font-size:var(--ppb-mobile-description-size);line-height:1.58}.ppb__visual{overflow:visible}.ppb__visual-stage{width:min(100%,var(--ppb-mobile-visual-size))}.ppb__ring-text text{font-size:15px;letter-spacing:.13em}.ppb__seal{top:6%;right:1%;width:clamp(100px,27vw,132px);padding:13px;gap:3px}.ppb__seal :is(img,svg){width:34px;height:34px}.ppb__benefits{gap:12px;padding-left:38px}.ppb__benefits:before{left:15px}.ppb__card{min-height:94px;gap:11px;padding:13px 15px 13px 49px;border-radius:max(15px,calc(var(--ppb-card-radius) * .76))}.ppb__card:hover{transform:translate(3px)}.ppb__card-icon{left:-34px;width:76px;padding:15px;border-width:3px}.ppb__card-copy h3{font-size:var(--ppb-mobile-card-title-size)}.ppb__card-rule{width:64px;margin-block:5px 6px}.ppb__card-text{font-size:var(--ppb-mobile-card-text-size);line-height:1.45}.ppb__card-flower{top:10px;right:12px;font-size:12px}}@media(max-width:479px){.ppb__inner{width:min(100%,620px);padding-inline:var(--ppb-mobile-side-padding)}.ppb__heading{font-size:min(var(--ppb-mobile-heading-size),31px)}.ppb__ring-text text{font-size:14px}.ppb__marker{width:26px;height:26px;font-size:15px}.ppb__seal{width:96px}.ppb__seal-kicker,.ppb__seal-bottom{font-size:7px}.ppb__benefits{padding-left:31px}.ppb__benefits:before{left:12px}.ppb__card{min-height:86px;padding:11px 11px 11px 40px}.ppb__card-icon{left:-29px;width:64px;padding:12px;box-shadow:0 0 0 1px var(--ppb-accent),0 10px 22px #2c230a2b}}@media(prefers-reduced-motion:reduce){.premium-product-benefits *,.premium-product-benefits *:before,.premium-product-benefits *:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/premium-product-benefits.css.map */