.seal-milkit-story{--seal-milkit-ink: rgb(25 34 30);--seal-milkit-muted: rgb(25 34 30 / .68);--seal-milkit-line: rgb(25 34 30 / .14);--seal-milkit-soft: transparent;--seal-milkit-warm: transparent;--seal-milkit-accent: var(--seal-milkit-ink);--seal-milkit-spice: #b5653f;--seal-milkit-shadow: 0 28px 80px rgb(25 34 30 / .1);--seal-step-theatre-ink: var(--seal-milkit-ink);--seal-step-theatre-muted: var(--seal-milkit-muted);--seal-step-theatre-line: var(--seal-milkit-line);--seal-step-theatre-line-strong: rgb(25 34 30 / .32);--seal-step-theatre-accent: var(--seal-milkit-accent);--seal-step-theatre-accent-soft: rgb(25 34 30 / .06);overflow:hidden;color:var(--seal-milkit-ink);background:var(--color-background)}.seal-milkit-story,.seal-milkit-story *{box-sizing:border-box}.seal-milkit-story .seal-product-step-theatre{--seal-step-theatre-ink: var(--seal-milkit-ink);--seal-step-theatre-muted: var(--seal-milkit-muted);--seal-step-theatre-line: var(--seal-milkit-line);--seal-step-theatre-line-strong: rgb(25 34 30 / .32);--seal-step-theatre-accent: var(--seal-milkit-accent);--seal-step-theatre-accent-soft: rgb(25 34 30 / .06)}.seal-milkit-story .seal-image-loading[data-seal-image-loaded=false]{background:transparent}.seal-milkit-story__inner{display:grid;gap:56px;width:min(100%,1460px);margin:0 auto;padding-inline:var(--page-margin, 20px)}.seal-milkit-story__header,.seal-milkit-story__copy,.seal-milkit-story__steps,.seal-milkit-story__media-stack,.seal-milkit-story__recipe{min-width:0}.seal-milkit-story__header{display:grid;max-width:860px;gap:18px}.seal-milkit-story__eyebrow,.seal-milkit-story__kicker{margin:0;color:var(--seal-milkit-accent);font-size:.75rem;font-weight:800;letter-spacing:0;line-height:1.2;text-transform:uppercase}.seal-milkit-story h2,.seal-milkit-story h3,.seal-milkit-story p{max-width:100%;margin-block-start:0}.seal-milkit-story h2{margin-block-end:0;font-size:3rem;line-height:.96;letter-spacing:0;text-wrap:balance}.seal-milkit-story h3{margin-block-end:14px;font-size:2.15rem;line-height:1;letter-spacing:0;text-wrap:balance}.seal-milkit-story__header>p:not(.seal-milkit-story__eyebrow),.seal-milkit-story__rte,.seal-milkit-story__step em{color:var(--seal-milkit-muted);font-size:1.04rem;line-height:1.62}.seal-milkit-story__theatre{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(320px,.58fr);gap:42px;align-items:stretch}.seal-milkit-story__demo{grid-column:1 / -1;overflow:hidden;width:min(100%,1120px);margin-inline:auto;border:1px solid var(--seal-milkit-line);border-radius:8px;box-shadow:0 20px 60px #19221e14}.seal-milkit-story__demo-video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;background:#000;object-fit:cover}.seal-milkit-story__media-stack{position:relative;min-height:620px;overflow:hidden;border-radius:8px;background:transparent;box-shadow:var(--seal-milkit-shadow)}.seal-milkit-story__media{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transform:scale(1.018);transition:opacity .36s ease,transform .76s cubic-bezier(.2,.7,.2,1)}.seal-milkit-story__media.is-active{opacity:1;transform:scale(1)}.seal-milkit-story__media img,.seal-milkit-story__recipe img{display:block;width:100%;height:100%;object-fit:cover}.seal-milkit-story__image img{display:block;width:100%;height:auto;object-fit:contain}.seal-milkit-story__media img{transform:scale(1.12);transform-origin:center}.seal-milkit-story__steps{display:grid;align-content:center;border-top:1px solid var(--seal-milkit-line)}.seal-milkit-story__kicker{padding-block:0 18px}.seal-milkit-story__step{display:grid;position:relative;grid-template-columns:46px minmax(0,1fr);gap:16px;width:100%;padding:24px 0 24px 22px;border:0;border-bottom:1px solid var(--seal-milkit-line);background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.seal-milkit-story__step:before{content:"";position:absolute;top:22px;bottom:22px;left:0;width:3px;border-radius:99px;background:var(--seal-milkit-accent);opacity:0;transform:scaleY(.5);transition:opacity .18s ease,transform .22s ease}.seal-milkit-story__step.is-active:before{opacity:1;transform:scaleY(1)}.seal-milkit-story__step span{color:var(--seal-milkit-spice);font-size:.8rem;font-weight:850;line-height:1.35}.seal-milkit-story__step strong,.seal-milkit-story__step em{grid-column:2}.seal-milkit-story__step strong{align-self:end;font-size:1.28rem;line-height:1.12}.seal-milkit-story__step em{display:block;margin-block-start:6px;font-style:normal;transition:color .18s ease}.seal-milkit-story__step.is-active em,.seal-milkit-story__step:hover em{color:var(--seal-milkit-ink)}.seal-milkit-story__step.is-active span{color:var(--seal-milkit-accent)}.seal-milkit-story__step:focus-visible,.seal-milkit-story__recipe:focus-visible{outline:2px solid var(--seal-milkit-accent);outline-offset:4px}.seal-milkit-story__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,16px)}.seal-milkit-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-milkit-line);border-radius:8px;background:var(--color-background)}.seal-milkit-story__proof p+p{border-left:1px solid var(--seal-milkit-line)}.seal-milkit-story__proof strong{font-size:clamp(2.7rem,4.6vw,4.4rem);line-height:.9;letter-spacing:0}.seal-milkit-story__proof span{color:var(--seal-milkit-muted);max-width:17ch;font-size:clamp(.82rem,1vw,.98rem);line-height:1.28}.seal-milkit-story__split{display:grid;grid-template-columns:minmax(0,.74fr) minmax(420px,1fr);gap:70px;align-items:center}.seal-milkit-story__split--soup{grid-template-columns:minmax(420px,1fr) minmax(0,.72fr)}.seal-milkit-story__copy{max-width:590px}.seal-milkit-story__image{display:grid;place-items:center;overflow:hidden;margin:0;border-radius:8px;background:transparent}.seal-milkit-story__comparison{display:grid;grid-template-columns:minmax(0,.66fr) minmax(0,1fr);gap:clamp(36px,5.8vw,82px);align-items:start;padding-block:clamp(44px,6vw,76px);border-block:1px solid var(--seal-milkit-line);background:transparent}.seal-milkit-story__comparison .seal-milkit-story__copy{position:sticky;top:clamp(88px,12vw,132px)}.seal-milkit-story__compare-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--seal-milkit-line);list-style:none}.seal-milkit-story__compare-benefit{display:grid;grid-template-columns:1.74rem minmax(0,1fr);gap:16px;align-items:start;margin:0;padding:clamp(20px,3vw,30px) clamp(20px,3.6vw,38px);border-bottom:1px solid var(--seal-milkit-line)}.seal-milkit-story__compare-benefit:nth-child(odd){padding-left:0;border-right:1px solid var(--seal-milkit-line)}.seal-milkit-story__compare-benefit:nth-child(2n){padding-right:0}.seal-milkit-story__compare-benefit:nth-last-child(-n+2){border-bottom:0}.seal-milkit-story__compare-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.74rem;height:1.74rem;margin-block-start:.08rem;border-radius:999px;background:var(--seal-milkit-ink)}.seal-milkit-story__compare-mark:before{content:"";position:absolute;top:48%;left:50%;box-sizing:border-box;width:.5rem;height:.78rem;border:solid var(--color-background);border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(42deg);transform-origin:center}.seal-milkit-story__compare-copy{display:grid;gap:.46rem}.seal-milkit-story__compare-copy strong{color:var(--seal-milkit-ink);font-size:clamp(1.08rem,1.28vw,1.24rem);font-weight:780;line-height:1.18;text-wrap:balance}.seal-milkit-story__compare-copy strong:only-child{align-self:center;font-size:clamp(1.12rem,1.38vw,1.32rem)}.seal-milkit-story__compare-copy span{color:var(--seal-milkit-muted);font-size:.98rem;line-height:1.48}.seal-milkit-story__recipes{display:grid;gap:28px}.seal-milkit-story__recipes header{max-width:760px}.seal-milkit-story__recipe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.seal-milkit-story__recipe{display:grid;grid-template-rows:auto 1fr;overflow:hidden;min-height:420px;border-radius:8px;background:transparent;color:inherit;text-decoration:none}.seal-milkit-story__recipe img{aspect-ratio:1 / 1;height:auto;min-height:0;transition:transform .52s cubic-bezier(.2,.7,.2,1)}.seal-milkit-story__recipe span{display:grid;gap:8px;padding:20px;background:transparent}.seal-milkit-story__recipe strong{font-size:1.08rem;line-height:1.2}.seal-milkit-story__recipe em{color:var(--seal-milkit-muted);font-style:normal;line-height:1.42}.seal-milkit-story__recipe:hover img{transform:scale(1.035)}@media(prefers-reduced-motion:no-preference){.seal-milkit-story__theatre,.seal-milkit-story__proof,.seal-milkit-story__split,.seal-milkit-story__comparison,.seal-milkit-story__recipes{animation:seal-milkit-story-rise .7s ease both;animation-timeline:view();animation-range:entry 0% cover 28%}}@keyframes seal-milkit-story-rise{0%{transform:translateY(22px)}to{transform:translateY(0)}}@media screen and (min-width:750px){.seal-milkit-story__inner{gap:74px}.seal-milkit-story h2{font-size:4.4rem}.seal-milkit-story h3{font-size:3.45rem}}@media screen and (min-width:1200px){.seal-milkit-story__inner{gap:94px}.seal-milkit-story h2{font-size:5.8rem}.seal-milkit-story h3{font-size:4.6rem}}@media screen and (max-width:1099px){.seal-milkit-story__theatre,.seal-milkit-story__split,.seal-milkit-story__split--soup,.seal-milkit-story__comparison{grid-template-columns:1fr}.seal-milkit-story__media-stack{min-height:auto;aspect-ratio:4 / 3}.seal-milkit-story__split--soup .seal-milkit-story__image{order:2}.seal-milkit-story__split--soup .seal-milkit-story__copy{order:1}.seal-milkit-story__comparison{gap:32px}.seal-milkit-story__recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.seal-milkit-story__inner{gap:46px}.seal-milkit-story h2{font-size:2.45rem}.seal-milkit-story h3{font-size:2rem}.seal-milkit-story__header>p:not(.seal-milkit-story__eyebrow),.seal-milkit-story__rte,.seal-milkit-story__step em{font-size:1rem}.seal-milkit-story__theatre{gap:24px}.seal-milkit-story__media-stack{aspect-ratio:1 / 1}.seal-milkit-story__step{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:18px 0 18px 18px}.seal-milkit-story__proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.seal-milkit-story__proof p{min-height:112px;padding:12px 10px}.seal-milkit-story__proof p+p{border-top:1px solid var(--seal-milkit-line);border-left:1px solid var(--seal-milkit-line)}.seal-milkit-story__proof strong{font-size:clamp(1.9rem,9vw,2.45rem)}.seal-milkit-story__proof span{max-width:none;font-size:.68rem;line-height:1.22}.seal-milkit-story__comparison{padding-block:36px}.seal-milkit-story__comparison .seal-milkit-story__copy{position:static}.seal-milkit-story__compare-benefits{grid-template-columns:1fr}.seal-milkit-story__compare-benefit{grid-template-columns:1.52rem minmax(0,1fr);gap:13px;padding:18px 0;border-right:0}.seal-milkit-story__compare-benefit:nth-child(odd),.seal-milkit-story__compare-benefit:nth-child(2n){padding-right:0;padding-left:0;border-right:0}.seal-milkit-story__compare-benefit:nth-last-child(2){border-bottom:1px solid var(--seal-milkit-line)}.seal-milkit-story__compare-mark{width:1.52rem;height:1.52rem}.seal-milkit-story__compare-mark:before{width:.44rem;height:.68rem}.seal-milkit-story__compare-copy{gap:.38rem}.seal-milkit-story__compare-copy strong{font-size:1.06rem}.seal-milkit-story__compare-copy span{font-size:.98rem}.seal-milkit-story__recipe-grid{display:flex;gap:14px;overflow-x:auto;margin-inline:0;padding-inline:0;scroll-snap-type:x mandatory}.seal-milkit-story__recipe{flex:0 0 82%;min-height:380px;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/seal-milkit-story.css.map */