:root{--bg:#0d0818;--bg-2:#160d27;--ink:#f7effc;--muted:#c4b4d8;--faint:#8f7fa8;--line:#ffffff21;--glass:#160c26a8;--pink:#ff7fb0;--amber:#ffc56e;--mint:#7ef2d2;--violet:#a68bff;--grad:linear-gradient(100deg, #ff7fb0 0%, #ffb36b 45%, #ffd36e 60%, #7ef2d2 100%);--display:"Fraunces", Georgia, serif;--body:"Manrope", system-ui, sans-serif;--r:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0;font-weight:500;line-height:1.05}em{font-style:italic;font-weight:400}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.over{letter-spacing:.16em;text-transform:uppercase;color:var(--accent,var(--amber));margin:0 0 14px;font-size:12px;font-weight:700}.lede{color:var(--muted);max-width:34em;font-size:18px}.skip{z-index:100;background:var(--ink);color:var(--bg);border-radius:99px;padding:10px 16px;font-weight:700;text-decoration:none;position:fixed;top:-60px;left:16px}.skip:focus{top:16px}:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.btn{white-space:nowrap;border:1px solid #0000;border-radius:99px;justify-content:center;align-items:center;gap:6px;min-height:46px;padding:0 22px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .3s,background .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-glow{background:var(--grad);color:#1a0b22;box-shadow:0 8px 30px -8px #ff7fb0a6,inset 0 1px #ffffff80}.btn-glow:hover{transform:translateY(-1px);box-shadow:0 10px 40px -6px #ffb36bcc,inset 0 1px #ffffff80}.btn-ghost{border-color:var(--line);color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f}.btn-ghost:hover{background:#ffffff1f}.btn.wide{width:100%}.icon-btn{border:1px solid var(--line);background:#ffffff0d;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.icon-btn svg,.cart-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.icon-btn[aria-pressed=true]{border-color:var(--mint);color:var(--mint);box-shadow:0 0 18px -4px var(--mint)}.link{color:var(--faint);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.link:hover{color:var(--ink)}.top{z-index:30;background:linear-gradient(#0d0818bf,#0d081800);justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(16px,3vw,36px);display:flex;position:fixed;inset:0 0 auto}.brand{align-items:baseline;gap:10px;text-decoration:none;display:flex}.brand-sun{background:linear-gradient(#ffd36e,#ff6fa8);border-radius:50%;align-self:center;width:26px;height:26px;box-shadow:0 0 24px #ff8c7899;-webkit-mask:linear-gradient(#000 0 58%,#0000 58% 64%,#000 64% 74%,#0000 74% 80%,#000 80%);mask:linear-gradient(#000 0 58%,#0000 58% 64%,#000 64% 74%,#0000 74% 80%,#000 80%)}.brand-name{font-family:var(--display);letter-spacing:-.02em;font-size:24px;font-weight:600}.brand-sub{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.nav{align-items:center;gap:8px;display:flex}.nav>a{color:var(--muted);border-radius:99px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none}.nav>a:hover{color:var(--ink);background:#ffffff0f}.cart-btn{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#160c2699;border-radius:99px;align-items:center;gap:8px;height:42px;padding:0 8px 0 14px;font-size:14px;font-weight:700;display:inline-flex}.cart-btn b{background:#ffffff1a;border-radius:99px;place-items:center;min-width:26px;height:26px;padding:0 6px;font-size:13px;transition:background .3s,color .3s;display:grid}.cart-btn.has b{background:var(--grad);color:#1a0b22}.cart-btn.bump{animation:.5s cubic-bezier(.3,1.6,.5,1) bump}@keyframes bump{40%{transform:scale(1.12)}}.journey{position:relative}.stage{height:100svh;position:sticky;top:0;overflow:hidden}#scene{width:100%;height:100%;display:block;position:absolute;inset:0}.grain{pointer-events:none;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero{z-index:2;text-shadow:0 2px 30px #0d0818b3;max-width:640px;position:absolute;bottom:clamp(56px,12vh,140px);left:clamp(16px,6vw,96px)}.hero:before,.finale:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#0d0818b8,#0d081859 60%,#0000);position:absolute;inset:-30% -40% -40% -30%}.hero h1{margin-bottom:20px;font-size:clamp(44px,7vw,92px)}.hero h1 em,.finale h2 em{background:var(--grad);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text;padding-right:.1em}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.finale{text-align:center;opacity:0;visibility:hidden;z-index:2;text-shadow:0 2px 30px #0d0818cc;max-width:720px;margin:0 auto;padding:0 16px;position:absolute;inset:auto 0 clamp(40px,9vh,110px)}.finale h2{margin-bottom:16px;font-size:clamp(36px,5.5vw,68px)}.finale .lede{margin:0 auto}.finale .hero-actions{justify-content:center}.cards{pointer-events:none;z-index:3;position:absolute;inset:0}.card{border-radius:var(--r);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.3);opacity:0;visibility:hidden;will-change:transform, opacity;width:min(380px,34vw);padding:26px 26px 22px;position:absolute;top:0;left:0;box-shadow:0 30px 80px -30px #000c,inset 0 0 0 1px #ffffff08}.card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(140deg, var(--accent), transparent 40%, transparent 70%, var(--accent));-webkit-mask-composite:xor;opacity:.7;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card h2{margin-bottom:6px;font-size:34px}.medium{color:var(--faint);margin:0 0 12px;font-size:13px}.text{color:var(--muted);font-family:var(--display);margin:0 0 18px;font-size:17px;font-style:italic;line-height:1.45}.actions{flex-wrap:wrap;gap:10px;display:flex}.actions .btn-glow{flex:1}.sizes{border:0;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 16px;padding:0;display:grid}.sizes label{position:relative}.sizes input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sizes span{border:1px solid var(--line);text-align:center;background:#ffffff0a;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;font-size:13px;font-weight:700;line-height:1.2;transition:all .2s;display:flex}.sizes em{color:var(--faint);font-size:12px;font-style:normal;font-weight:500}.sizes input:checked+span{border-color:var(--accent,var(--amber));background:color-mix(in srgb, var(--accent,var(--amber)) 18%, transparent)}.sizes input:checked+span em{color:var(--ink)}.sizes input:focus-visible+span{outline:2px solid var(--mint);outline-offset:2px}.rail{z-index:4;opacity:0;pointer-events:none;width:24px;height:min(56vh,460px);transition:opacity .5s;position:absolute;top:50%;right:clamp(14px,2vw,28px);transform:translateY(-50%)}.rail.on{opacity:1;pointer-events:auto}.rail-line{background:#ffffff24;border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:11px}.rail-fill{transform-origin:top;transform:scaleY(var(--p,0));background:linear-gradient(var(--mint), var(--pink), var(--amber));border-radius:inherit;position:absolute;inset:0}.rail button{left:0;top:calc(var(--k) * 100%);background:0 0;border:0;width:24px;height:24px;margin-top:-12px;padding:0;position:absolute}.rail button:before{content:"";background:var(--bg-2);border:2px solid var(--accent);border-radius:50%;transition:transform .25s,background .25s;position:absolute;inset:7px}.rail button[aria-current]:before,.rail button:hover:before{background:var(--accent);box-shadow:0 0 14px var(--accent);transform:scale(1.5)}.rail button span{white-space:nowrap;background:var(--glass);border:1px solid var(--line);opacity:0;pointer-events:none;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:600;transition:opacity .2s;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.rail button:hover span,.rail button:focus-visible span{opacity:1}.hint{z-index:2;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);pointer-events:none;flex-direction:column;align-items:center;gap:8px;margin:0;font-size:11px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hint span{border:1.5px solid var(--muted);border-radius:12px;width:22px;height:34px;position:relative}.hint span:after{content:"";background:var(--amber);border-radius:2px;width:3px;height:7px;margin-left:-1.5px;animation:1.8s infinite wheel;position:absolute;top:7px;left:50%}@keyframes wheel{0%{opacity:0;transform:translateY(-3px)}30%{opacity:1}to{opacity:0;transform:translateY(10px)}}.loader{z-index:10;background:var(--bg);color:var(--muted);font-family:var(--display);place-content:center;justify-items:center;gap:18px;font-size:18px;font-style:italic;transition:opacity .9s .2s,visibility .9s .2s;display:grid;position:absolute;inset:0}.loader p{margin:0}.loader.done{opacity:0;visibility:hidden}.loader-sun,.empty-sun{background:linear-gradient(#ffd36e,#ff6fa8);border-radius:50%;width:72px;height:72px;animation:2.4s ease-in-out infinite alternate rise;-webkit-mask:linear-gradient(#000 0 56%,#0000 56% 62%,#000 62% 72%,#0000 72% 78%,#000 78% 86%,#0000 86% 90%,#000 90%);mask:linear-gradient(#000 0 56%,#0000 56% 62%,#000 62% 72%,#0000 72% 78%,#000 78% 86%,#0000 86% 90%,#000 90%)}@keyframes rise{0%{filter:hue-rotate();transform:translateY(6px)}to{filter:hue-rotate(-30deg);transform:translateY(-6px)}}.wrap{width:min(1200px,100% - 32px);margin:0 auto}.shop{z-index:5;background:radial-gradient(60% 40% at 15% 0%, #a68bff2e, transparent 70%), radial-gradient(50% 40% at 90% 10%, #ff7fb024, transparent 70%), var(--bg);padding:clamp(80px,12vw,140px) 0 100px;position:relative}.shop:before{content:"";pointer-events:none;background:linear-gradient(to bottom, #0d081800, var(--bg));height:120px;position:absolute;top:-120px;left:0;right:0}.section-head{max-width:720px;margin-bottom:48px}.section-head h2,.about h2{margin-bottom:14px;font-size:clamp(36px,5vw,60px)}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;display:grid}.tile{border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(#ffffff0d,#ffffff05);flex-direction:column;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;overflow:hidden}.tile:hover{border-color:color-mix(in srgb, var(--accent) 50%, transparent);box-shadow:0 30px 60px -30px color-mix(in srgb, var(--accent) 60%, transparent);transform:translateY(-4px)}.tile-img{background:0 0;border:0;padding:18px 18px 0;display:block}.tile-img img{aspect-ratio:4/5;object-fit:cover;border-radius:6px;width:100%;transition:transform .5s;box-shadow:0 16px 30px -14px #000000e6}.tile:hover .tile-img img{transform:scale(1.02)}.tile-body{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.tile-body h3{font-size:24px}.tile-body p{color:var(--faint);margin:4px 0 14px;font-size:14px}.tile-body .btn{margin-top:auto}.about{background:var(--bg-2);border-top:1px solid var(--line);padding:100px 0}.about-inner{grid-template-columns:1.3fr 1fr;align-items:start;gap:clamp(32px,6vw,90px);display:grid}.about p{color:var(--muted);font-size:18px}.values{gap:14px;margin:0;padding:0;list-style:none;display:grid}.values li{border-radius:var(--r);border:1px solid var(--line);background:#ffffff08;padding:20px 22px}.values b{font-family:var(--display);background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;font-size:24px;font-weight:500;display:block}.values span{color:var(--muted)}.foot{border-top:1px solid var(--line);color:var(--faint);background:var(--bg-2);padding:28px 0;font-size:14px}.foot-inner{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.scrim{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;background:#05020a8c;transition:opacity .3s;position:fixed;inset:0}.scrim.on{opacity:1}.drawer{z-index:41;border-left:1px solid var(--line);background:#150c25;flex-direction:column;width:min(440px,100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-40px 0 80px -30px #000000b3}.drawer.open{transform:none}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.drawer-head h2{font-size:28px}.drawer-body{flex-direction:column;flex:1;display:flex;overflow:auto}.lines{flex:1;margin:0;padding:10px 22px;list-style:none}.line{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr auto;gap:14px;padding:14px 0;display:grid}.line img{object-fit:cover;border-radius:4px;width:64px;height:80px}.line-main b{font-family:var(--display);font-size:18px;font-weight:500;line-height:1.2;display:block}.line-main>span{color:var(--faint);margin:2px 0 8px;font-size:13px;display:block}.line-end{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.qty{border:1px solid var(--line);border-radius:99px;align-items:center;display:inline-flex}.qty button{background:0 0;border:0;width:30px;height:30px;font-size:16px}.qty output{text-align:center;min-width:22px;font-size:14px;font-weight:700}.drawer-foot{border-top:1px solid var(--line);background:#ffffff05;padding:18px 22px 24px}.free p{color:var(--muted);margin:0 0 6px;font-size:13px}.free span{background:#ffffff1a;border-radius:4px;height:4px;display:block;position:relative;overflow:hidden}.free span:after{content:"";transform-origin:0;transform:scaleX(var(--p));background:var(--grad);position:absolute;inset:0}.free.done p{color:var(--mint)}.sums{gap:6px;margin:16px 0;display:grid}.sums div{color:var(--muted);justify-content:space-between;display:flex}.sums dd{margin:0}.sums .total{color:var(--ink);border-top:1px solid var(--line);padding-top:8px;font-size:18px;font-weight:700}.empty,.checkout{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 26px;display:flex}.empty h3,.checkout h3{font-size:26px}.empty p{color:var(--muted);margin:0 0 8px}.checkout{text-align:left;align-items:stretch}.checkout .back{align-self:flex-start}.note{color:var(--muted);background:#7ef2d214;border:1px solid #7ef2d240;border-radius:12px;margin:0;padding:14px 16px;font-size:14px}.detail{border:1px solid var(--line);width:min(1040px,100% - 32px);max-height:calc(100% - 32px);color:var(--ink);background:#150c25;border-radius:24px;padding:0;overflow:auto}.detail::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05020ab3}.detail[open]{animation:.35s cubic-bezier(.2,.8,.2,1) pop}@keyframes pop{0%{opacity:0;transform:translateY(16px)scale(.98)}}.detail-close{z-index:2;background:#150c25cc;position:absolute;top:14px;right:14px}.detail-inner{grid-template-columns:1.05fr 1fr;display:grid}.detail figure{background:radial-gradient(circle at 50% 40%,#ffffff12,#0000 70%);place-items:center;margin:0;padding:28px;display:grid}.detail figure img{object-fit:contain;border-radius:6px;width:100%;max-height:72vh;box-shadow:0 30px 60px -20px #000000e6}.detail-text{padding:44px 36px 32px 8px}.detail-text h2{margin-bottom:8px;font-size:clamp(34px,4vw,48px)}.detail-text h3{font-family:var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:8px 0 10px;font-size:13px;font-weight:700}.small{color:var(--faint);margin:0 0 18px;font-size:13px}.toast{z-index:50;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;background:#160c26eb;border-radius:16px;align-items:center;gap:12px;width:fit-content;margin:0 auto;padding:10px;transition:transform .45s cubic-bezier(.2,1.2,.3,1),opacity .3s,visibility .45s;display:flex;position:fixed;bottom:24px;left:16px;right:16px;transform:translateY(140%);box-shadow:0 20px 50px -20px #000000e6}.toast.on{opacity:1;visibility:visible;transform:none}.toast img{object-fit:cover;border-radius:4px;width:36px;height:45px}.toast span{color:var(--muted);font-size:14px}.toast b{color:var(--ink)}.toast button{background:var(--grad);color:#1a0b22;white-space:nowrap;border:0;border-radius:99px;padding:8px 14px;font-size:13px;font-weight:700}.no-gl .journey{display:none}.no-gl .shop{padding-top:120px}@media (width<=759px){.brand-sub,.nav>a,.cart-btn span{display:none}.hero{bottom:96px;right:16px}.hero .lede{font-size:16px}.card{width:auto;max-height:62svh;padding:18px 18px 16px;inset:auto 12px 12px;overflow:auto}.card h2{font-size:28px}.card .text,.rail{display:none}.about-inner,.detail-inner{grid-template-columns:1fr}.detail figure{padding:20px 20px 0}.detail figure img{max-height:50vh}.detail-text{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}
