.ob-stats{padding:48px 16px;background:var(--ob-stats-bg, var(--ob-bg));color:var(--ob-ink);overflow:hidden;overflow-wrap:break-word}.ob-stats :where(h1,h2,h3,.ob-h2,.ob-lead,.ob-kicker){overflow-wrap:anywhere}.ob-stats__inner{max-width:var(--ob-page);margin:0 auto;display:flex;flex-direction:column;gap:calc(20px * var(--ob-gap, 1))}.ob-stats__content{display:contents}.ob-stats__head{order:1}.ob-stats__visual{order:2}.ob-stats__cards{order:3}.ob-stats__foot{order:4}.ob-stats__cta{order:5}.ob-stats__visual{position:relative;display:grid;place-items:center;width:100%;max-width:420px;aspect-ratio:1 / 1;margin:0 auto}.ob-stats__ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid var(--ob-stats-ring-line, rgba(var(--ob-accent-rgb), .22));background:var(--ob-stats-ring-fill, rgba(var(--ob-accent-rgb), .035));transform:translate(-50%,-50%);animation:ob-stats-ring 4.8s ease-in-out infinite}.ob-stats__ring--1{width:58%;height:58%}.ob-stats__ring--2{width:78%;height:78%;animation-delay:.5s}.ob-stats__ring--3{width:98%;height:98%;animation-delay:1s}.ob-stats__product{position:relative;z-index:1;width:240px;max-width:62%;aspect-ratio:1 / 1;animation:ob-stats-float 6s ease-in-out infinite}.ob-stats__product picture{display:contents}.ob-stats__product img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 18px 30px #1a191729}.ob-stats__product .ob-ph{box-shadow:0 18px 30px #1a19171f}.ob-stats--cutout .ob-stats__product{width:auto;max-width:80%;height:320px;aspect-ratio:auto}.ob-stats--cutout .ob-stats__product img{width:auto;height:100%;max-width:100%;object-fit:contain;border-radius:0;box-shadow:none;transform:rotate(var(--ob-stats-rot, 8deg));filter:drop-shadow(0 18px 26px rgba(26,25,23,.18))}.ob-stats__halo{position:absolute;left:50%;top:50%;z-index:0;width:var(--ob-stats-halo, 150%);aspect-ratio:1 / 1;transform:translate(-50%,-50%);pointer-events:none}.ob-stats__halo-l{position:absolute;top:0;right:0;bottom:0;left:0}.ob-stats__halo-l>i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ob-stats-iris, conic-gradient(from 200deg, #4F7DFF, #8A63F5, #F58AD0, #FFB37D, #8FD3FF, #4F7DFF));-webkit-mask-image:var(--ob-stats-rmask);mask-image:var(--ob-stats-rmask)}.ob-stats__halo-l--rest{opacity:var(--ob-stats-rest, .2)}.ob-stats__halo-l--wave{opacity:0;-webkit-mask-image:radial-gradient(circle closest-side,#000 70%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 70%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:0% 0%;mask-size:0% 0%;animation:var(--ob-stats-wave-name, ob-stats-wave) var(--ob-stats-wave, 6s) var(--ob-stats-ease, ease-out) infinite}.ob-stats--glow :is(.ob-stats__head,.ob-stats__cards,.ob-stats__foot,.ob-stats__cta){position:relative;z-index:1}.ob-stats--still .ob-stats__product{animation:none}.ob-kit--ink.ob-stats--glow .ob-stats__card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes ob-stats-wave{0%{opacity:0;-webkit-mask-size:0% 0%;mask-size:0% 0%}8%{opacity:var(--ob-stats-lit, .6)}70%{opacity:var(--ob-stats-lit, .6);-webkit-mask-size:200% 200%;mask-size:200% 200%}88%,to{opacity:0;-webkit-mask-size:200% 200%;mask-size:200% 200%}}@keyframes ob-stats-ring{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.045);opacity:.55}}@keyframes ob-stats-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ob-stats__head{display:flex;flex-direction:column;gap:10px;text-align:var(--ob-ta, center);align-items:var(--ob-tj, normal)}.ob-stats__eyebrow{font-size:calc(12px * var(--ob-fs, 1));line-height:calc(16px * var(--ob-fs, 1));font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ob-accent)}.ob-stats__title{font-size:calc(34px * var(--ob-ts, 1));line-height:var(--ob-tlh, 1.1);font-weight:var(--ob-tw, var(--ob-heading-weight));letter-spacing:calc(-.03em + var(--ob-track, 0em));text-wrap:balance}.ob-stats__subtitle{font-size:calc(16px * var(--ob-fs, 1));line-height:calc(24px * var(--ob-fs, 1));color:var(--ob-muted)}.ob-stats__cards{display:flex;flex-direction:column;gap:calc(10px * var(--ob-gap, 1))}.ob-stats__card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--ob-line);border-radius:var(--ob-radius);background:var(--ob-stats-card, var(--ob-paper))}.ob-stats__number{flex:0 0 92px;width:92px;font-size:calc(32px * var(--ob-fs, 1));line-height:1;font-weight:600;letter-spacing:-.03em;color:var(--ob-stats-num, var(--ob-accent));font-variant-numeric:tabular-nums}.ob-stats__figure{display:flex;flex-direction:column;gap:8px;flex:0 0 92px;width:92px}.ob-stats__figure .ob-stats__number{flex:0 0 auto;width:auto}.ob-stats__icon{display:inline-flex;color:var(--ob-stats-num, var(--ob-accent))}.ob-stats__label{display:flex;flex-direction:column;gap:4px;font-size:calc(14px * var(--ob-fs, 1));line-height:calc(20px * var(--ob-fs, 1));color:var(--ob-ink)}.ob-stats__source{font-size:calc(12px * var(--ob-fs, 1));line-height:calc(16px * var(--ob-fs, 1));color:var(--ob-mist)}.ob-stats__foot{font-size:calc(12.5px * var(--ob-fs, 1));line-height:calc(18px * var(--ob-fs, 1));color:var(--ob-mist);text-align:var(--ob-ta, center)}.ob-stats__cta{align-self:var(--ob-tj, center)}@media(min-width:640px){.ob-stats__product{width:320px}}@media(min-width:750px)and (max-width:1023px){.ob-stats__inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:calc(24px * var(--ob-gap, 1)) calc(32px * var(--ob-gap, 1));align-items:center}.ob-stats__visual{grid-column:1;grid-row:1;max-width:300px}.ob-stats__head{grid-column:2;grid-row:1;text-align:var(--ob-ta, left)}.ob-stats--reverse .ob-stats__visual{grid-column:2}.ob-stats--reverse .ob-stats__head{grid-column:1}.ob-stats--cutout .ob-stats__product{height:280px}.ob-stats__cards,.ob-stats__foot,.ob-stats__cta{grid-column:1 / -1}.ob-stats__cards{flex-direction:row;gap:calc(12px * var(--ob-gap, 1))}.ob-stats__card{flex:1 1 0;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:20px 18px}.ob-stats__number,.ob-stats__figure{flex:0 0 auto;width:auto}.ob-stats__number{font-size:calc(40px * var(--ob-fs, 1))}.ob-stats__cta{justify-self:var(--ob-tj, center)}.ob-stats--text .ob-stats__inner{grid-template-columns:minmax(0,1fr)}.ob-stats--text .ob-stats__head{grid-column:1;text-align:var(--ob-ta, center)}}@media(min-width:1024px){.ob-stats{padding:60px var(--ob-gutter)}.ob-stats__inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1.4fr);gap:calc(30px * var(--ob-gap, 1));align-items:center}.ob-stats__content{display:flex;flex-direction:column;min-width:0}.ob-stats__head,.ob-stats__visual,.ob-stats__cards,.ob-stats__foot,.ob-stats__cta{order:0}.ob-stats--cutout .ob-stats__product{height:min(600px,44vw);max-width:90%}.ob-stats--reverse .ob-stats__visual{order:2}.ob-stats__visual{max-width:600px}.ob-stats__product{width:62%;max-width:380px}.ob-stats__cards{margin-top:48px}.ob-stats__foot{margin-top:22px}.ob-stats__cta{margin-top:24px}.ob-stats__head{gap:14px;text-align:var(--ob-ta, left)}.ob-stats__title{font-size:calc(48px * var(--ob-ts, 1));letter-spacing:calc(-.035em + var(--ob-track, 0em))}.ob-stats__subtitle{font-size:calc(18px * var(--ob-fs, 1));line-height:calc(28px * var(--ob-fs, 1));max-width:560px}.ob-stats__cards{flex-direction:row;gap:calc(14px * var(--ob-gap, 1))}.ob-stats__card{flex:1 1 0;flex-direction:column;align-items:flex-start;gap:12px;padding:22px 20px;min-width:0}.ob-stats__number,.ob-stats__figure{flex:0 0 auto;width:auto}.ob-stats__number{font-size:calc(44px * var(--ob-fs, 1))}.ob-stats__foot{text-align:var(--ob-ta, left)}.ob-stats__cta{align-self:var(--ob-tj, flex-start)}.ob-stats--text .ob-stats__inner{grid-template-columns:minmax(0,1fr);max-width:960px}}@media(min-width:1024px)and (max-width:1279px){.ob-stats:not(.ob-stats--text) .ob-stats__cards{flex-direction:column;gap:calc(10px * var(--ob-gap, 1));margin-top:32px}.ob-stats:not(.ob-stats--text) .ob-stats__card{flex:0 0 auto;flex-direction:row;align-items:center;gap:16px;padding:16px 20px}.ob-stats:not(.ob-stats--text) .ob-stats__number{flex:0 0 112px;width:112px;font-size:calc(38px * var(--ob-fs, 1))}.ob-stats:not(.ob-stats--text) .ob-stats__figure{flex:0 0 112px;width:112px}.ob-stats:not(.ob-stats--text) .ob-stats__figure .ob-stats__number{flex:0 0 auto;width:auto}}@media(prefers-reduced-motion:reduce){.ob-stats__ring,.ob-stats__product,.ob-stats__halo-l--wave{animation:none}}.ob-kit--ink .ob-stats__card{background:var(--ob-stats-card, var(--ob-card))}
/*# sourceMappingURL=/cdn/shop/t/36/assets/ob-s-stats.css.map */