.story-page{--ink: #ffffff;--ink-dim: rgba(255, 255, 255, .62);--ink-faint: rgba(255, 255, 255, .38);--glass: rgba(255, 255, 255, .06);--glass-line: rgba(255, 255, 255, .12);--void: #050507;background:var(--void)}.story-page .story-h{font-size:clamp(2.4rem,7.4vw,6rem);font-weight:600;letter-spacing:-.035em;line-height:.98;margin:0;text-wrap:balance}.story-page .story-h--sm{font-size:clamp(1.9rem,4.4vw,3.4rem)}.story-sub{margin:20px auto 0;max-width:46ch;font-size:clamp(.95rem,1.3vw,1.15rem);line-height:1.65;color:var(--ink-dim)}.story-kicker{margin:0 0 18px;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-faint)}.story-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.story-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font:inherit;font-size:15px;font-weight:500;padding:15px 34px;border-radius:999px;background:var(--color-primary);color:var(--color-primary-foreground);transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease;will-change:transform}.story-btn:hover{transform:translateY(-2px) scale(1.02)}.story-btn--ghost{background:var(--glass);color:var(--ink);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.story-btn--ghost:hover{background:#ffffff1f}.template-index .header{background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;margin-bottom:-71px;transition:background .45s ease,border-color .45s ease,backdrop-filter .45s ease}.template-index .header.is-solid{background:#08080bb8;border-bottom-color:var(--glass-line, rgba(255, 255, 255, .12));-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.template-index .announcement{background:transparent;border-bottom-color:transparent}.scene{position:relative}.scene__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center;isolation:isolate;opacity:calc(1 - clamp(0,(var(--p, 0) - .93) * 14,1))}.scene__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(120% 80% at 50% -10%,rgba(120,120,140,.22) 0%,transparent 60%),radial-gradient(90% 60% at 50% 110%,rgba(107,52,212,.14) 0%,transparent 65%),linear-gradient(180deg,#0b0b0f,#050507 55%,#0a0a0e)}.scene__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.35;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:3px 3px;pointer-events:none}.scene__product{position:absolute;left:0;right:0;bottom:0;height:64%;display:grid;place-items:end center;z-index:-1;opacity:1;transition:opacity .8s ease;animation:story-float 7s ease-in-out infinite}@media(max-width:749px){.scene__product{height:54%}}.scene__stage[data-step="1"] .scene__product{opacity:.62}.scene__stage[data-step="2"] .scene__product{opacity:.3}.scene__product-inner{width:min(72vw,540px);transform:scale(calc(1 + var(--p, 0) * .3)) rotate(calc(var(--p, 0) * 4deg)) translateY(calc(var(--p, 0) * 2vh));transition:transform .15s linear;will-change:transform}.scene__product img{width:100%;height:auto;border-radius:26px;filter:drop-shadow(0 60px 80px rgba(0,0,0,.8));-webkit-mask-image:radial-gradient(78% 72% at 50% 62%,#000 46%,transparent 100%);mask-image:radial-gradient(78% 72% at 50% 62%,#000 46%,transparent 100%)}.scene__product--cover{top:0;right:0;bottom:0;left:0;height:100%;place-items:stretch}.scene__product--cover .scene__product-inner{width:100%;height:100%}.scene__product--cover img{height:100%;object-fit:cover;border-radius:0;filter:none;-webkit-mask-image:none;mask-image:none}.scene__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0505078c,#05050726 40%,#050507d9);pointer-events:none}@keyframes story-float{0%,to{transform:translate3d(0,-1.1%,0)}50%{transform:translate3d(0,1.1%,0)}}.scene__panels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;justify-items:center;align-content:start;text-align:center;padding:clamp(96px,17vh,190px) 20px 0}.scene__panels:before{content:"";position:absolute;top:-10%;right:-10%;bottom:20%;left:-10%;z-index:-1;background:radial-gradient(60% 55% at 50% 30%,rgba(5,5,7,.72) 0%,transparent 72%);pointer-events:none}.panel{grid-area:1 / 1;max-width:780px;opacity:0;filter:blur(14px);transform:translateY(34px) scale(.98);transition:opacity .75s ease,transform .95s cubic-bezier(.22,1,.36,1),filter .95s ease;pointer-events:none}.scene__stage[data-step="0"] .panel[data-panel="0"],.scene__stage[data-step="1"] .panel[data-panel="1"],.scene__stage[data-step="2"] .panel[data-panel="2"],.scene__stage[data-step="3"] .panel[data-panel="3"]{opacity:1;filter:blur(0);transform:none;pointer-events:auto}.pill-row{margin:36px auto 0;display:grid;gap:12px;max-width:640px}@media(min-width:750px){.pill-row{grid-template-columns:repeat(3,1fr)}}.pill{padding:20px 18px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:14px;color:var(--ink);opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .7s cubic-bezier(.22,1,.36,1)}.scene__stage[data-step="2"] .pill{opacity:1;transform:none}.scene__stage[data-step="2"] .pill:nth-child(1){transition-delay:.05s}.scene__stage[data-step="2"] .pill:nth-child(2){transition-delay:.22s}.scene__stage[data-step="2"] .pill:nth-child(3){transition-delay:.39s}.pill span{display:block;margin-top:6px;font-size:13px;color:var(--ink-dim)}.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translate(-50%);z-index:2;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint);transition:opacity .5s ease}.scene__stage[data-step="0"] .scroll-hint{opacity:1}.scene__stage:not([data-step="0"]) .scroll-hint{opacity:0}.scroll-hint:after{content:"";display:block;width:1px;height:34px;margin:10px auto 0;background:linear-gradient(180deg,rgba(255,255,255,.6),transparent);animation:hint-drop 2.2s ease-in-out infinite}@keyframes hint-drop{0%,to{transform:scaleY(.4);opacity:.3;transform-origin:top}50%{transform:scaleY(1);opacity:1;transform-origin:top}}[data-reveal]{opacity:0;transform:translateY(38px);filter:blur(10px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.22,1,.36,1),filter 1.1s ease}[data-reveal].is-in{opacity:1;transform:none;filter:blur(0)}[data-reveal][data-reveal-delay="1"]{transition-delay:.12s}[data-reveal][data-reveal-delay="2"]{transition-delay:.24s}[data-reveal][data-reveal-delay="3"]{transition-delay:.36s}[data-reveal][data-reveal-delay="4"]{transition-delay:.48s}.detail{position:relative;padding:clamp(72px,14vh,160px) 0}.detail__inner{max-width:var(--page-width);margin:0 auto;padding:0 20px;display:grid;gap:40px;align-items:center}@media(min-width:990px){.detail__inner{grid-template-columns:1.05fr .95fr;gap:72px;padding:0 40px}.detail--flip .detail__media{order:2}}.detail__media{position:relative;overflow:hidden;border-radius:26px;border:1px solid var(--glass-line);background:#0b0b0f;aspect-ratio:4 / 3}.detail__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.16);transition:transform 1.6s cubic-bezier(.22,1,.36,1)}.detail__media.is-in img{transform:scale(1)}.detail__copy p{color:var(--ink-dim);font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.75}.detail__list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}.detail__list li{position:relative;padding-left:18px;font-size:14px;color:var(--ink-dim)}.detail__list li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:99px;background:var(--ink-faint)}.lifestyle{position:relative;height:118vh;overflow:hidden;display:grid;place-items:center}.lifestyle__media{position:absolute;top:-14%;right:0;bottom:-14%;left:0}.lifestyle__media img{width:100%;height:100%;object-fit:cover;transform:translate3d(0,calc(var(--py, 0) * 14%),0) scale(1.06);will-change:transform}.lifestyle__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#050507e6,#05050733 45%,#050507f2)}.lifestyle__copy{position:relative;text-align:center;padding:0 20px;max-width:700px}.valueprops{padding:clamp(72px,13vh,150px) 0}.valueprops__grid{max-width:var(--page-width);margin:0 auto;padding:0 20px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}@media(min-width:990px){.valueprops__grid{grid-template-columns:repeat(4,1fr);gap:22px;padding:0 40px}}.vp{padding:30px 24px;border-radius:22px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .5s cubic-bezier(.22,1,.36,1),background .4s ease}.vp:hover{transform:translateY(-4px);background:#ffffff1a}.vp svg{width:24px;height:24px;color:var(--ink)}.vp h3{margin:18px 0 6px;font-size:15px;font-weight:600}.vp p{margin:0;font-size:13.5px;color:var(--ink-dim);line-height:1.6}.review{padding:clamp(80px,16vh,180px) 0;text-align:center}.review__inner{max-width:780px;margin:0 auto;padding:0 20px}.review__stars{display:inline-flex;gap:5px;color:var(--ink)}.review__stars svg{width:17px;height:17px}.review blockquote{margin:26px 0 0;font-size:clamp(1.5rem,3.4vw,2.5rem);font-weight:500;letter-spacing:-.03em;line-height:1.2}.review figcaption{margin-top:20px;font-size:13px;color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase}.review__empty{color:var(--ink-faint);font-size:14px}.finale{position:relative;min-height:96vh;display:grid;place-items:center;text-align:center;overflow:hidden;padding:100px 20px}.finale__glow{position:absolute;left:50%;top:55%;width:min(120vw,1100px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(107,52,212,.28) 0%,transparent 62%);pointer-events:none}.finale__inner{position:relative;max-width:820px}.finale .story-h{font-size:clamp(2.6rem,9vw,7rem)}@media(prefers-reduced-motion:reduce){.scene__product{animation:none}.scene__product-inner,.lifestyle__media img{transform:none!important}[data-reveal],.panel,.pill{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}.scene__stage{position:static;height:auto;padding:90px 0}.scene{height:auto!important}.panel{grid-area:auto;margin:0 auto 60px}.scroll-hint:after{animation:none}}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.story-page .footer{background:#08080b}.footer__social{list-style:none;margin:0 0 14px;padding:0;display:flex;gap:16px;flex-wrap:wrap}.footer__social a{font-size:13px;letter-spacing:.04em}
/*# sourceMappingURL=/cdn/shop/t/8/assets/story.css.map */