.story{--story-gutter: clamp(1rem, 9.4vw, 8.5rem);--story-fg: #ffffff;--story-fg-muted: rgb(255 255 255 / .7);--story-fg-dim: rgb(255 255 255 / .45);--story-hairline: rgb(255 255 255 / .14);--story-accent: var(--color-accent-green);--story-label: .75rem;--story-body: clamp(1.15rem, 1.7vw, 1.55rem);--story-note: .9rem;--story-hero: clamp(2.5rem, 6vw, 4.5rem);background:var(--story-bg);color:var(--story-fg);padding-inline:var(--story-gutter);padding-bottom:calc(var(--section-padding-block) + 14rem);position:relative}.story:after{content:"";position:absolute;left:0;right:0;bottom:0;height:16rem;pointer-events:none;background-image:linear-gradient(180deg,#25090900 0% 8%,#3a1614 28%,#6b4a45 50%,#a99691 68%,#d5cdc9 84%,#f6f5f2 96% 100%)}.story__opener{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:62svh;padding-top:clamp(7rem,17vh,11rem);padding-bottom:clamp(3rem,9vh,6rem)}.story__dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--story-hairline) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%);pointer-events:none}.story__page-heading{position:relative;font-family:"PP Right Grotesk Compact",var(--font-display--family);font-weight:800;font-size:var(--story-hero);line-height:.95;letter-spacing:-.04em;text-transform:uppercase;color:var(--story-fg);max-width:18ch;margin:0}.story__page-subtitle{position:relative;font-family:var(--font-mono--family);font-weight:var(--font-mono--weight);font-size:var(--story-label);letter-spacing:.14em;line-height:1.7;text-transform:uppercase;color:var(--story-accent);max-width:46ch;margin:clamp(1.25rem,3vh,2rem) 0 0}.story__flow{display:flex;flex-direction:column;gap:clamp(5rem,16vh,11rem)}.story__marker{display:flex;align-items:center;gap:.75rem;margin-bottom:clamp(1.5rem,4vh,2.5rem)}.story__marker-num{display:grid;place-items:center;flex-shrink:0;width:1.75rem;height:1.75rem;border:1px solid var(--story-fg-dim);border-radius:50%;font-family:var(--font-mono--family);font-weight:var(--font-mono--weight);font-size:.7rem;color:var(--story-fg)}.story__marker-label{font-family:var(--font-mono--family);font-weight:var(--font-mono--weight);font-size:var(--story-label);letter-spacing:.12em;text-transform:uppercase;color:var(--story-fg);margin:0}.story__body{font-family:var(--font-primary--family);font-weight:var(--font-primary--weight-medium);font-size:var(--story-body);line-height:1.4;letter-spacing:-.015em;color:var(--story-fg-muted);max-width:38ch}.story__body p{margin:0 0 .75em}.story__body p:last-child{margin-bottom:0}.story__body strong{font-weight:var(--font-primary--weight-bold);color:var(--story-fg)}.story__body em{font-style:italic;color:var(--story-fg-dim)}.story__body a{color:var(--story-accent);text-underline-offset:.2em}.story__chapter{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,6vw,5rem);align-items:start}.story__chapter-media{position:sticky;--chapter-panel: min(34vw, 68svh);top:clamp(24px,calc(50svh - var(--chapter-panel) / 2),200px)}.story__chapter--media-left .story__chapter-copy{order:2}.story__facts{margin:clamp(2rem,5vh,3rem) 0 0;padding:0;max-width:46ch}.story__fact-row{display:block;padding-block:1rem;border-top:1px solid var(--story-hairline)}.story__fact-row:last-child{border-bottom:1px solid var(--story-hairline)}.story__fact-term{font-family:var(--font-primary--family);font-weight:var(--font-primary--weight-black);font-size:.95rem;letter-spacing:.03em;line-height:1.45;text-transform:uppercase;color:var(--story-fg);margin:0;display:inline}.story__fact-detail{font-family:var(--font-primary--family);font-weight:var(--font-primary--weight-text);font-size:.95rem;letter-spacing:.03em;line-height:1.45;text-transform:uppercase;color:var(--story-fg-dim);margin:0;display:inline}.story__image{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:var(--radius-cards)}.story__placeholder{display:flex;align-items:center;justify-content:center;text-align:center;padding:1.5rem;aspect-ratio:4 / 5;background:var(--story-surface);border:1px solid var(--story-hairline);border-radius:var(--radius-cards);color:var(--story-fg-dim);font-family:var(--font-mono--family);font-weight:var(--font-mono--weight);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.story__cards-block{display:block}.story__disclaimer{margin:clamp(1.5rem,4vh,2.25rem) 0 0;font-family:var(--font-mono--family);font-weight:var(--font-mono--weight);font-size:.62rem;letter-spacing:.06em;line-height:1.7;color:var(--story-fg-dim);max-width:64ch}.story__cards{list-style:none;margin:clamp(2.5rem,7vh,4rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.5rem)}.story__card{border:1px solid var(--story-hairline);border-radius:var(--radius-cards);padding:clamp(1.25rem,2.5vw,1.75rem);min-height:clamp(10rem,18vh,13rem)}.story__card-title{font-family:var(--font-primary--family);font-weight:var(--font-primary--weight-black);font-size:var(--story-note);letter-spacing:.08em;text-transform:uppercase;color:var(--story-fg);margin:0 0 .85rem}.story__card-body{font-family:var(--font-primary--family);font-weight:var(--font-primary--weight-text);font-size:.8rem;letter-spacing:.04em;line-height:1.4;text-transform:uppercase;color:var(--story-fg-muted);margin:0}.story__timeline{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,5rem);align-items:start;margin-top:clamp(2.5rem,7vh,4rem)}.story__steps-media{align-self:start;position:sticky;--panel: min(38vw, 76svh);top:clamp(24px,calc(50svh - var(--panel) / 2),200px)}.story__steps-media-inner{position:relative;width:var(--panel);height:var(--panel);max-width:100%;margin-inline:auto;border-radius:var(--radius-cards);overflow:hidden;background:var(--story-surface)}.story__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .7s ease}.story__slide.is-active{opacity:1}.story__slide img{width:100%;height:100%;object-fit:cover;display:block}.story__slide-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:1.5rem;background:var(--story-surface);color:var(--story-fg-dim);font-family:var(--font-mono--family);font-weight:var(--font-mono--weight);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.story__steps{list-style:none;margin:0;padding:0}.story__step{position:relative;padding-left:2.75rem;padding-block:clamp(1.5rem,5vh,3rem)}.story__step:before{content:"";position:absolute;left:.75rem;top:3.4rem;bottom:0;border-left:1px dashed var(--story-hairline)}.story__step:last-child:before{display:none}.story__step-num{position:absolute;left:0;top:clamp(1.5rem,5vh,3rem);width:1.5rem;height:1.5rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--story-fg-dim);background:var(--story-bg);font-family:var(--font-mono--family);font-weight:var(--font-mono--weight);font-size:.65rem;color:var(--story-fg);transition:border-color .3s ease,color .3s ease;z-index:1}.story__step-title{font-family:var(--font-mono--family);font-weight:var(--font-mono--weight);font-size:var(--story-label);letter-spacing:.12em;text-transform:uppercase;color:var(--story-fg-dim);margin:0 0 .85rem;transition:color .3s ease}.story__step-body{font-family:var(--font-primary--family);font-weight:var(--font-primary--weight-medium);font-size:var(--story-body);line-height:1.35;letter-spacing:-.015em;color:var(--story-fg-dim);margin:0;max-width:34ch;transition:color .3s ease}.story__step.is-active .story__step-num{border-color:var(--story-accent);color:var(--story-accent)}.story__step.is-active .story__step-title{color:var(--story-accent)}.story__step.is-active .story__step-body{color:var(--story-fg)}.story__step-inline-image{display:none}.story__product{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,5rem);min-height:78svh}.story__product-copy{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1.5rem,4vh,2.5rem)}.story__product-heading{font-family:"PP Right Grotesk Compact",var(--font-display--family);font-weight:800;font-size:var(--story-hero);line-height:.95;letter-spacing:-.04em;text-transform:uppercase;color:var(--story-fg);max-width:16ch;margin:0}.story__product-media{justify-self:center}.story__product-can{display:block;width:100%;max-width:26rem;height:auto;margin-inline:auto;filter:drop-shadow(-18px 18px 34px rgb(0 0 0 / .45))}.story__product-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;padding:1.5rem;aspect-ratio:3 / 4;max-width:22rem;margin-inline:auto;background:var(--story-surface);border:1px solid var(--story-hairline);border-radius:var(--radius-cards);color:var(--story-fg-dim);font-family:var(--font-mono--family);font-weight:var(--font-mono--weight);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.story__cta{display:inline-flex;align-items:center;padding:1rem 2rem;background:var(--story-fg);color:var(--story-bg);font-family:var(--font-mono--family);font-weight:var(--font-mono--weight);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-radius:var(--radius-buttons);min-height:3rem}@media(prefers-reduced-motion:reduce){.story__slide,.story__step-num,.story__step-title,.story__step-body{transition:none}}@media(max-width:1100px){.story__cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:749px){.story{padding-inline:1rem}.story__chapter,.story__timeline,.story__product{grid-template-columns:1fr;gap:1.75rem}.story__chapter--media-left .story__chapter-copy{order:0}.story__cards{grid-template-columns:1fr}.story__body,.story__step-body{max-width:none}.story__chapter-media{position:static}.story__steps-media{display:block;align-self:start;position:sticky;top:0;margin-inline:-1rem;padding-inline:1rem;padding-block:.5rem 1rem;background:var(--story-bg);z-index:2;--panel: 40svh}.story__steps-media-inner{width:100%;height:var(--panel)}.story__steps{display:block;min-width:0;margin-inline:0;padding-inline:0}.story__step{min-width:0;padding-left:2.75rem;padding-block:clamp(1.5rem,5vh,3rem);border:0;border-radius:0;background:none}.story__step:before{display:block}.story__step-num{position:absolute;margin-bottom:0}.story__step-inline-image{display:none;margin-top:1.25rem;border-radius:var(--radius-cards);overflow:hidden;aspect-ratio:4 / 3}.story__step-inline-image img{width:100%;height:100%;object-fit:cover;display:block}.story__step-title{color:var(--story-accent)}.story__step-body{color:var(--story-fg)}.story__placeholder{aspect-ratio:3 / 2}.story__product{min-height:0;padding-block:clamp(2rem,8vh,4rem)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/story.css.map */