html:has(.xshape-story),body:has(.xshape-story){--x-paper: oklch(97% .012 78);--x-paper-overlay: oklch(97% .012 78 / .94);--x-paper-soft: oklch(93% .018 78);--x-rule: oklch(82% .014 72);--x-rule-strong: oklch(74% .012 65);--x-muted: oklch(46% .018 62);--x-muted-strong: oklch(36% .018 62);--x-inverse-muted: oklch(88% .012 72);--x-ink: oklch(19% .016 48);--x-accent: oklch(39% .12 295);--x-focus: oklch(58% .18 295);--x-space-xs: .5rem;--x-space-sm: .75rem;--x-space-md: 1rem;--x-space-lg: 1.5rem;--x-space-xl: 2.5rem;--x-space-2xl: 4rem;--x-space-3xl: 6rem;--x-ease-out: cubic-bezier(.16, 1, .3, 1);overflow-x:clip}.xshape-story{color:var(--x-ink);background:var(--x-paper);font-family:var(--text-font-family, "Satoshi", sans-serif);font-size:1rem;line-height:1.6}.xshape-story *,.xshape-story *:before,.xshape-story *:after{box-sizing:border-box}.xshape-story img{display:block;width:100%;height:auto}.xshape-story h2,.xshape-story h3,.xshape-story p{margin:0}.xshape-story h2,.xshape-story h3{color:var(--x-ink);letter-spacing:-.035em;line-height:1.08}.xshape-story h2{min-width:0;max-width:17ch;font-size:clamp(2.35rem,4.5vw + .5rem,5.25rem);font-weight:700;overflow-wrap:anywhere}.xshape-story h3{font-size:clamp(1.75rem,2.4vw + .5rem,3rem);font-weight:700}.xshape-story p{max-width:62ch}.xshape-story__hero{position:relative;min-width:0;background:var(--x-paper-soft)}.xshape-story__hero img{aspect-ratio:3 / 2;object-fit:cover;object-position:center}.xshape-story__hero-copy{display:grid;gap:var(--x-space-lg);padding:var(--x-space-xl) var(--x-space-md) var(--x-space-2xl)}.xshape-story__hero-copy p{color:var(--x-muted);font-size:clamp(1.05rem,1.1vw + .7rem,1.35rem)}.xshape-story__proof{display:flex;flex-wrap:wrap;gap:var(--x-space-md) var(--x-space-xl);justify-content:space-between;padding:var(--x-space-lg) var(--x-space-md);border-block:1px solid var(--x-rule);font-weight:700}.xshape-story__proof span{white-space:nowrap}.xshape-story__section{display:grid;min-width:0}.xshape-story__section-media{min-width:0;background:var(--x-paper-soft)}.xshape-story__section-media img{aspect-ratio:4 / 5;object-fit:cover}.xshape-story__section-copy{display:grid;align-content:center;gap:var(--x-space-lg);padding:var(--x-space-2xl) var(--x-space-md)}.xshape-story__section-copy p{color:var(--x-muted);font-size:1.0625rem}.xshape-story__steps{display:grid;gap:var(--x-space-xl);padding:var(--x-space-3xl) var(--x-space-md);background:var(--x-ink);color:var(--x-paper)}.xshape-story__steps h2{color:var(--x-paper)}.xshape-story__step-list{display:grid;border-top:1px solid var(--x-rule-strong)}.xshape-story__step{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--x-space-md);align-items:start;padding-block:var(--x-space-lg);border-bottom:1px solid var(--x-rule-strong)}.xshape-story__step strong{color:var(--x-paper);font-variant-numeric:tabular-nums}.xshape-story__step p{color:var(--x-inverse-muted)}.xshape-story__product{display:grid;min-width:0;background:var(--x-paper-soft)}.xshape-story__product-visual{display:grid;place-items:center;min-width:0;padding:var(--x-space-xl)}.xshape-story__product-visual img{max-width:42rem}.xshape-story__product h2{font-size:clamp(2.35rem,3vw + .5rem,4rem)}.xshape-story__compare{display:grid;gap:var(--x-space-xl);padding:var(--x-space-3xl) var(--x-space-md)}.xshape-story__compare-list{display:grid;border-top:1px solid var(--x-rule)}.xshape-story__compare-row{display:grid;gap:var(--x-space-xs);padding:var(--x-space-lg) 0;border-bottom:1px solid var(--x-rule)}.xshape-story__compare-row[aria-current=true]{border-inline-start:3px solid var(--x-accent);padding-inline-start:var(--x-space-md)}.xshape-story__compare-row a{color:var(--x-ink);font-size:1.125rem;font-weight:700;text-decoration-thickness:1px;text-underline-offset:.22em}.xshape-story__compare-row span,.xshape-story__compare-row p{color:var(--x-muted)}.xshape-story__safety{display:grid;gap:var(--x-space-xl);padding:var(--x-space-2xl) var(--x-space-md) var(--x-space-3xl);background:var(--x-ink);color:var(--x-paper)}.xshape-story__safety h2,.xshape-story__safety p{color:var(--x-paper)}.xshape-story__cta{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:3rem;padding:.75rem 1.25rem;color:var(--x-ink);background:var(--x-paper);border:1px solid var(--x-paper);text-decoration:none;font-weight:800;line-height:1;white-space:nowrap;transition:transform .12s var(--x-ease-out)}.xshape-story__cta:focus-visible{outline:3px solid var(--x-focus);outline-offset:3px}.xshape-story__cta:active{transform:translateY(0)}.xshape-story__cta[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}@media(hover:hover)and (pointer:fine){.xshape-story__cta:hover{transform:translateY(-1px)}}@media(min-width:40rem){.xshape-story__hero-copy,.xshape-story__proof,.xshape-story__section-copy,.xshape-story__steps,.xshape-story__compare,.xshape-story__safety{padding-inline:clamp(2rem,6vw,6rem)}.xshape-story__compare-row{grid-template-columns:minmax(9rem,.7fr) minmax(8rem,.65fr) minmax(0,1.65fr);gap:var(--x-space-lg);align-items:baseline}}@media(min-width:60rem){.xshape-story__hero img{min-height:44rem;max-height:52rem}.xshape-story__hero-copy{position:absolute;inset-block:0;inset-inline-start:0;align-content:center;width:min(48%,45rem);padding-inline:clamp(4rem,7vw,8rem)}.xshape-story__hero-copy p{color:var(--x-muted-strong)}.xshape-story__section{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.xshape-story__section--reverse .xshape-story__section-media{order:2}.xshape-story__section-media img{height:100%;min-height:42rem;aspect-ratio:auto}.xshape-story__section-copy{padding-block:var(--x-space-3xl);padding-inline:clamp(4rem,8vw,9rem)}.xshape-story__steps{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(4rem,8vw,9rem);padding-block:8rem}.xshape-story__product{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.xshape-story__compare,.xshape-story__safety{padding-block:8rem}.xshape-story__safety{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(4rem,8vw,10rem);align-items:start}}@media(prefers-reduced-motion:reduce){.xshape-story__cta{transition-duration:0ms}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/xshape-tokens.css.map */