body:has(.on){background:#07051a}.on{--on-void:#07051a;--on-ink:#f4ede3;--on-dim:#f4ede3ad;--on-faint:#f4ede36b;--on-hair:#c8b6ff2e;--on-violet:#cbb8ff;--on-amber:#ffd8a3;min-height:100dvh;color:var(--on-ink);font-family:var(--body);background:radial-gradient(1100px 760px at 50% -8%, #9670ff29, transparent 62%), radial-gradient(900px 640px at 50% 110%, #ffb2960f, transparent 60%), var(--on-void);font-weight:300;position:relative;overflow-x:clip}.on ::selection{color:var(--on-ink);background:#bea8ff52}.on-hero{min-height:100svh;padding:calc(64px + env(safe-area-inset-top,0px)) 24px 80px;text-align:center;place-content:center;justify-items:center;display:grid}.on-wordmark{font:300 clamp(36px, 4.6vw, 52px) / 1 var(--display);letter-spacing:.18em;margin:22px 0 0;padding-left:.18em}.on-h1{max-width:17ch;font:300 clamp(44px, 7vw, 88px) / 1.04 var(--display);letter-spacing:-.012em;text-wrap:balance;margin:34px auto 0}.on-lede{max-width:32rem;color:var(--on-dim);text-wrap:balance;margin:26px auto 0;font-size:clamp(17px,1.6vw,19px);line-height:1.7}.on-thread{background:linear-gradient(#0000,#cbb8ff73 35%,#ffd8a359 70%,#0000);width:1px;height:96px;margin:0 auto;position:relative}.on-thread:after{content:"";opacity:0;background:#fbf3e6;border-radius:50%;width:4px;height:4px;animation:6s ease-in-out infinite on-thread-run;position:absolute;top:0;left:-1.5px;box-shadow:0 0 10px 2px #cbb8ffb3}.on-work{text-align:center;max-width:900px;margin:0 auto;padding:clamp(80px,12vh,136px) 24px clamp(96px,14vh,160px)}.on-label{font:400 11px/1.4 var(--body);letter-spacing:.34em;text-transform:uppercase;color:var(--on-faint);margin:0 0 46px;padding-left:.34em}.on-products{grid-template-columns:1fr 1fr;gap:32px;display:grid}.on-product__link{color:inherit;border:1px solid #0000;border-radius:28px;justify-items:center;padding:40px 28px 34px;text-decoration:none;transition:border-color .6s,background .6s;display:grid}.on-product__link:hover,.on-product__link:focus-visible{border-color:var(--on-hair);background:#cbb8ff09;outline:none}.on-product__name{font:300 clamp(34px, 3.6vw, 42px) / 1 var(--display);letter-spacing:.02em;margin:22px 0 0}.on-product__line{max-width:22rem;color:var(--on-dim);margin:14px 0 0;font-size:16.5px;line-height:1.6}.on-product__go{letter-spacing:.26em;text-transform:uppercase;color:var(--on-violet);margin-top:22px;padding-left:.26em;font-size:11.5px;transition:color .4s}.on-product__link:hover .on-product__go{color:var(--on-amber)}.on-more{font:italic 300 22px/1.4 var(--display);color:var(--on-faint);margin:44px 0 0}.on-foot{padding:0 24px calc(40px + env(safe-area-inset-bottom,0px));text-align:center;letter-spacing:.1em;color:#f4ede34d;font-size:11px}.on-flower{margin:0 auto;display:block;overflow:visible}.on-flower--alive .on-flower__turn{transform-origin:100px 100px;animation:160s linear infinite on-turn}.on-flower--alive .on-flower__glow{animation:7s ease-in-out infinite on-breathe}.on-flower--bloom .on-flower__petal{stroke-dasharray:1;stroke-dashoffset:1px;animation:2.2s cubic-bezier(.65,0,.35,1) forwards on-draw;animation-delay:calc(var(--i) * .22s + .2s)}.on-flower--bloom .on-flower__glow{opacity:0;animation:2s 2s forwards on-glow-in,7s ease-in-out 4s infinite on-breathe}.on-flower--bloom .on-flower__core{opacity:0;animation:1.2s .1s forwards on-fade-in}.on .lev-reveal{opacity:0;transition:opacity 1.3s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.22,1,.36,1);transform:translateY(16px)}.on .lev-reveal.is-in{opacity:1;transform:none}@keyframes on-draw{to{stroke-dashoffset:0}}@keyframes on-fade-in{to{opacity:1}}@keyframes on-glow-in{to{opacity:.5}}@keyframes on-breathe{0%,to{opacity:.45}50%{opacity:.85}}@keyframes on-turn{to{transform:rotate(360deg)}}@keyframes on-thread-run{0%{opacity:0;top:0}15%{opacity:1}85%{opacity:1}to{opacity:0;top:100%}}@media (max-width:680px){.on-products{grid-template-columns:1fr;gap:12px}}@media (prefers-reduced-motion:reduce){.on .lev-reveal{opacity:1;transition:none;transform:none}.on-flower--alive .on-flower__turn,.on-flower--alive .on-flower__glow,.on-flower--bloom .on-flower__petal,.on-flower--bloom .on-flower__glow,.on-flower--bloom .on-flower__core,.on-thread:after{animation:none}.on-flower__sparks{display:none}.on-flower--bloom .on-flower__petal{stroke-dashoffset:0}.on-flower--bloom .on-flower__glow{opacity:.5}.on-flower--bloom .on-flower__core{opacity:1}}