.seal-yog-it-story{--seal-yog-story-ink: rgb(30 31 28);--seal-yog-story-muted: rgb(30 31 28 / .68);--seal-yog-story-line: rgb(30 31 28 / .14);--seal-yog-story-soft: rgb(247 244 236);--seal-yog-story-accent: var(--seal-yog-story-ink);--seal-yog-story-shadow: 0 26px 70px rgb(30 31 28 / .09);--seal-step-theatre-ink: var(--seal-yog-story-ink);--seal-step-theatre-muted: var(--seal-yog-story-muted);--seal-step-theatre-line: var(--seal-yog-story-line);--seal-step-theatre-line-strong: rgb(30 31 28 / .32);--seal-step-theatre-accent: var(--seal-yog-story-accent);--seal-step-theatre-accent-soft: rgb(30 31 28 / .06);overflow:hidden;color:var(--seal-yog-story-ink);background:linear-gradient(180deg,rgb(247 244 236 / .78),transparent 34rem),var(--color-background)}.seal-yog-it-story,.seal-yog-it-story *{box-sizing:border-box}.seal-yog-it-story .seal-product-step-theatre{--seal-step-theatre-ink: var(--seal-yog-story-ink);--seal-step-theatre-muted: var(--seal-yog-story-muted);--seal-step-theatre-line: var(--seal-yog-story-line);--seal-step-theatre-line-strong: rgb(30 31 28 / .32);--seal-step-theatre-accent: var(--seal-yog-story-accent);--seal-step-theatre-accent-soft: rgb(30 31 28 / .06)}.seal-yog-it-story__inner{display:grid;gap:clamp(54px,8vw,112px);width:min(100%,1180px);margin:0 auto;padding-inline:var(--page-margin, 20px)}.seal-yog-it-story__header,.seal-yog-it-story__copy,.seal-yog-it-story__steps,.seal-yog-it-story__media-stack,.seal-yog-it-story__compare,.seal-yog-it-story__preserve-copy{min-width:0}.seal-yog-it-story__header{max-width:760px}.seal-yog-it-story__eyebrow{margin:0 0 14px;color:var(--seal-yog-story-accent);font-size:.75rem;font-weight:780;letter-spacing:0;line-height:1.2;text-transform:uppercase}.seal-yog-it-story h2,.seal-yog-it-story h3,.seal-yog-it-story p{max-width:100%;margin-block-start:0}.seal-yog-it-story h2{margin-block-end:18px;font-size:clamp(3rem,6.5vw,6.1rem);line-height:.92;letter-spacing:0;text-wrap:balance}.seal-yog-it-story h3{margin-block-end:16px;font-size:clamp(2rem,4.8vw,4.7rem);line-height:.96;letter-spacing:0;text-wrap:balance;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.seal-yog-it-story__header p,.seal-yog-it-story__rte,.seal-yog-it-story__step-copy span{color:var(--seal-yog-story-muted);font-size:clamp(1rem,1.3vw,1.16rem);line-height:1.62}.seal-yog-it-story__theatre{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.62fr);gap:clamp(28px,5vw,70px);align-items:stretch}.seal-yog-it-story__media-stack{position:relative;min-height:min(680px,72svh);overflow:hidden;border-radius:8px;background:var(--seal-yog-story-soft);box-shadow:var(--seal-yog-story-shadow)}.seal-yog-it-story__media{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transform:scale(1.018);transition:opacity .42s ease,transform .78s cubic-bezier(.2,.7,.2,1)}.seal-yog-it-story__media.is-active{opacity:1;transform:scale(1)}.seal-yog-it-story__media img,.seal-yog-it-story__image img,.seal-yog-it-story__compare img,.seal-yog-it-story__preserve-media img{display:block;width:100%;height:100%;object-fit:cover}.seal-yog-it-story__steps{display:grid;align-content:center;border-top:1px solid var(--seal-yog-story-line)}.seal-yog-it-story__step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;width:100%;padding:clamp(18px,3vw,30px) 0;border:0;border-bottom:1px solid var(--seal-yog-story-line);background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.seal-yog-it-story__step-number{color:var(--seal-yog-story-accent);font-size:.82rem;font-weight:800}.seal-yog-it-story__step-copy{display:grid;gap:8px}.seal-yog-it-story__step-copy strong{font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.14}.seal-yog-it-story__step-copy span{transition:color .18s ease}.seal-yog-it-story__step.is-active .seal-yog-it-story__step-copy span,.seal-yog-it-story__step:hover .seal-yog-it-story__step-copy span{color:var(--seal-yog-story-ink)}.seal-yog-it-story__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,16px)}.seal-yog-it-story__proof p{display:grid;align-content:space-between;gap:clamp(12px,1.8vw,22px);margin:0;min-height:clamp(128px,12vw,168px);padding:clamp(18px,2.6vw,32px);border:1px solid var(--seal-yog-story-line);border-radius:8px;background:var(--color-background)}.seal-yog-it-story__proof p+p{border-left:1px solid var(--seal-yog-story-line)}.seal-yog-it-story__proof strong{font-size:clamp(2.7rem,4.6vw,4.4rem);line-height:.9;letter-spacing:0}.seal-yog-it-story__proof-value{display:flex;align-items:center;gap:clamp(8px,1vw,12px);max-width:none;color:inherit;font-size:inherit;line-height:1}.seal-yog-it-story__proof-icon{display:inline-flex;flex:0 0 auto;width:clamp(28px,3vw,42px);height:clamp(28px,3vw,42px);color:var(--seal-yog-story-ink)}.seal-yog-it-story__proof-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.seal-yog-it-story__proof-item--jars strong{font-size:clamp(1.7rem,3vw,3.2rem);line-height:.95}.seal-yog-it-story__proof span{color:var(--seal-yog-story-muted);max-width:17ch;font-size:clamp(.82rem,1vw,.98rem);line-height:1.28}.seal-yog-it-story__proof .seal-yog-it-story__proof-value{max-width:none;color:inherit;font-size:inherit;line-height:1}.seal-yog-it-story__proof .seal-yog-it-story__proof-icon{max-width:none;color:var(--seal-yog-story-ink);font-size:inherit;line-height:1}.seal-yog-it-story__split{display:grid;grid-template-columns:minmax(0,.72fr) minmax(360px,1fr);gap:clamp(30px,6vw,88px);align-items:center}.seal-yog-it-story__image{overflow:hidden;aspect-ratio:5 / 4;margin:0;border-radius:8px;background:var(--seal-yog-story-soft)}.seal-yog-it-story__texture{display:grid;grid-template-columns:minmax(360px,.54fr) minmax(0,1fr);gap:clamp(30px,5vw,72px);align-items:center}.seal-yog-it-story__texture h3{font-size:clamp(2.3rem,3.8vw,3.9rem)}.seal-yog-it-story__compare{--seal-yog-compare-position: 52%;--seal-yog-compare-touch-target: 72px;position:relative;overflow:hidden;aspect-ratio:16 / 10;border-radius:8px;background:var(--seal-yog-story-soft);box-shadow:var(--seal-yog-story-shadow)}.seal-yog-it-story__compare-image{position:absolute;top:0;right:0;bottom:0;left:0;margin:0}.seal-yog-it-story__compare-image--after{clip-path:inset(0 0 0 var(--seal-yog-compare-position))}.seal-yog-it-story__compare:before{content:"";position:absolute;top:0;bottom:0;left:var(--seal-yog-compare-position);z-index:3;width:2px;background:#ffffffe6;box-shadow:0 0 0 1px #1e1f1c29}.seal-yog-it-story__compare-handle{position:absolute;top:50%;left:var(--seal-yog-compare-position);z-index:4;display:inline-flex;align-items:center;justify-content:center;gap:4px;width:28px;height:38px;border:1px solid rgb(255 255 255 / .68);border-radius:999px;background:#ffffffad;box-shadow:0 10px 26px #1e1f1c24,inset 0 0 0 1px #1e1f1c0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(-50%,-50%);transition:background .18s ease,box-shadow .18s ease,transform .18s ease;pointer-events:none}.seal-yog-it-story__compare-handle span{width:2px;height:13px;border-radius:999px;background:#1e1f1c75}.seal-yog-it-story__compare:hover .seal-yog-it-story__compare-handle,.seal-yog-it-story__compare:has(.seal-yog-it-story__compare-range:focus-visible) .seal-yog-it-story__compare-handle{background:#ffffffe6;box-shadow:0 12px 30px #1e1f1c2e,inset 0 0 0 1px #1e1f1c14;transform:translate(-50%,-50%) scale(1.06)}.seal-yog-it-story__compare-label{position:absolute;z-index:4;bottom:16px;padding:8px 11px;border-radius:999px;background:#ffffffdb;color:var(--seal-yog-story-ink);font-size:.78rem;font-weight:780}.seal-yog-it-story__compare-label--before{left:16px}.seal-yog-it-story__compare-label--after{right:16px}.seal-yog-it-story__compare-range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;margin:0;background:transparent;cursor:ew-resize;-webkit-appearance:none;appearance:none;opacity:0;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.seal-yog-it-story__compare-range::-webkit-slider-runnable-track{width:100%;height:100%;border:0;background:transparent}.seal-yog-it-story__compare-range::-webkit-slider-thumb{width:var(--seal-yog-compare-touch-target);height:100%;border:0;border-radius:0;background:transparent;cursor:ew-resize;-webkit-appearance:none;appearance:none}.seal-yog-it-story__compare-range::-moz-range-track{width:100%;height:100%;border:0;background:transparent}.seal-yog-it-story__compare-range::-moz-range-thumb{width:var(--seal-yog-compare-touch-target);height:100%;border:0;border-radius:0;background:transparent;cursor:ew-resize}.seal-yog-it-story__preserve{position:relative;display:grid;align-items:end;min-height:min(680px,78svh);overflow:hidden;border-radius:8px;background:var(--seal-yog-story-soft)}.seal-yog-it-story__preserve-media{position:absolute;top:0;right:0;bottom:0;left:0;margin:0}.seal-yog-it-story__preserve-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0000008f,#0000001f 58%,#0000000a)}.seal-yog-it-story__preserve-copy{position:relative;z-index:1;max-width:560px;padding:clamp(28px,5vw,58px);color:#fff}.seal-yog-it-story__preserve-copy .seal-yog-it-story__eyebrow,.seal-yog-it-story__preserve-copy .seal-yog-it-story__rte{color:#ffffffd1}.seal-yog-it-story__button{margin-top:18px}@media(min-width:1200px){.seal-yog-it-story.section--page-width{width:100%;max-width:none}.seal-yog-it-story__inner{gap:clamp(56px,5.2vw,90px);width:min(100%,1480px)}.seal-yog-it-story__header{max-width:980px;margin-left:clamp(0px,3vw,48px)}.seal-yog-it-story h2{max-width:920px;font-size:clamp(4.4rem,5.5vw,6.25rem)}.seal-yog-it-story__theatre{grid-template-columns:minmax(0,1.22fr) minmax(360px,.55fr);gap:clamp(40px,5vw,82px)}.seal-yog-it-story__media-stack{min-height:min(650px,64svh)}.seal-yog-it-story__proof,.seal-yog-it-story__split,.seal-yog-it-story__texture{width:min(100%,1320px);justify-self:center}.seal-yog-it-story__split{grid-template-columns:minmax(360px,.62fr) minmax(0,1fr);gap:clamp(44px,5vw,84px)}.seal-yog-it-story__texture{grid-template-columns:minmax(360px,.52fr) minmax(0,1.1fr)}.seal-yog-it-story__preserve{aspect-ratio:1 / 1;width:min(100%,1180px);min-height:auto;justify-self:center}.seal-yog-it-story__preserve-media{background:#e2dbce}.seal-yog-it-story__preserve-media img{object-position:center center}.seal-yog-it-story__preserve-media:after{background:linear-gradient(90deg,#000000a8,#0000007a 34%,#00000024 66%,#00000008)}}@media(prefers-reduced-motion:no-preference){.seal-yog-it-story__header,.seal-yog-it-story__theatre,.seal-yog-it-story__proof,.seal-yog-it-story__split,.seal-yog-it-story__texture,.seal-yog-it-story__preserve{animation:seal-yog-story-rise linear both;animation-timeline:view();animation-range:entry 0% cover 28%}}@keyframes seal-yog-story-rise{0%{transform:translateY(24px)}to{transform:translateY(0)}}@media(max-width:990px){.seal-yog-it-story__theatre,.seal-yog-it-story__split,.seal-yog-it-story__texture{grid-template-columns:minmax(0,1fr)}.seal-yog-it-story__media-stack{min-height:auto;aspect-ratio:4 / 3}.seal-yog-it-story__steps{align-content:start}}@media(max-width:700px){.seal-yog-it-story__inner{gap:38px;padding-inline:0}.seal-yog-it-story h2{margin-block-end:14px;font-size:clamp(2.35rem,11vw,3.25rem);line-height:.98}.seal-yog-it-story h3{margin-block-end:12px;font-size:clamp(1.9rem,9vw,2.65rem);line-height:1.02}.seal-yog-it-story__header p,.seal-yog-it-story__rte,.seal-yog-it-story__step-copy span{font-size:.98rem;line-height:1.52}.seal-yog-it-story__theatre{gap:24px}.seal-yog-it-story__proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.seal-yog-it-story__proof p+p{border-left:1px solid var(--seal-yog-story-line)}.seal-yog-it-story__proof p{min-height:112px;padding:12px 10px}.seal-yog-it-story__proof strong{font-size:clamp(1.9rem,9vw,2.45rem)}.seal-yog-it-story__proof span{max-width:none;font-size:.68rem;line-height:1.22}.seal-yog-it-story__proof .seal-yog-it-story__proof-value{flex-direction:column;align-items:flex-start;gap:7px}.seal-yog-it-story__proof .seal-yog-it-story__proof-icon{width:26px;height:26px}.seal-yog-it-story__proof-item--jars strong{font-size:clamp(1.28rem,5.7vw,1.55rem);line-height:1}.seal-yog-it-story__step{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px 0}.seal-yog-it-story__step-copy{gap:5px}.seal-yog-it-story__step-copy strong{font-size:1.08rem}.seal-yog-it-story__split--why .seal-yog-it-story__image{width:calc(100% + (var(--page-margin, 16px) * 2));max-width:none;margin-inline:calc(var(--page-margin, 16px) * -1);border-radius:0}.seal-yog-it-story__compare{aspect-ratio:1 / 1}.seal-yog-it-story__compare-handle{width:26px;height:36px}.seal-yog-it-story__compare-handle span{height:12px}.seal-yog-it-story__compare-label{bottom:12px;padding:7px 10px;font-size:.72rem}.seal-yog-it-story__compare-label--before{left:12px}.seal-yog-it-story__compare-label--after{right:12px}.seal-yog-it-story__preserve{display:block;min-height:auto;overflow:visible;border-radius:0;background:transparent}.seal-yog-it-story__preserve-media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:8px;background:var(--seal-yog-story-soft)}.seal-yog-it-story__preserve-media:after{background:linear-gradient(180deg,#00000005,#0003)}.seal-yog-it-story__preserve-copy{max-width:none;padding:20px 0 0;color:var(--seal-yog-story-ink)}.seal-yog-it-story__preserve-copy .seal-yog-it-story__eyebrow{color:var(--seal-yog-story-accent)}.seal-yog-it-story__preserve-copy .seal-yog-it-story__rte{color:var(--seal-yog-story-muted)}.seal-yog-it-story__button{margin-top:12px}.seal-yog-it-story__header,.seal-yog-it-story__theatre,.seal-yog-it-story__proof,.seal-yog-it-story__split,.seal-yog-it-story__texture,.seal-yog-it-story__preserve{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/seal-yog-it-story.css.map */