@property --body-a{syntax:"<color>";inherits:true;initial-value:#aa93f8}@property --body-b{syntax:"<color>";inherits:true;initial-value:#7a5ad8}@property --glyph-a{syntax:"<color>";inherits:true;initial-value:#fff}@property --glyph-b{syntax:"<color>";inherits:true;initial-value:#dcd3fa}@property --lift{syntax:"<color>";inherits:true;initial-value:#4a25b0}@property --bloom{syntax:"<color>";inherits:true;initial-value:#8a63ee}:root{color-scheme:dark;--bg:oklch(16.5% .018 291);--bg-lift:oklch(23.5% .034 291);--bg-sink:oklch(12.5% .014 291);--text:oklch(95.5% .008 291);--text-2:oklch(77% .02 291);--text-3:oklch(66% .022 291);--pill-a:oklch(29.5% .022 292);--pill-b:oklch(24.5% .018 292);--pill-top:oklch(100% 0 0/.1);--pill-ring:oklch(100% 0 0/.07);--pill-shadow:0 1px 2px oklch(0% 0 0/.3), 0 8px 18px -8px oklch(0% 0 0/.5);--hover:oklch(100% 0 0/.07);--sheet-a:oklch(25% .019 291);--sheet-b:oklch(21.5% .016 291);--sheet-shadow:oklch(0% 0 0/.6);--backdrop:oklch(10% .02 291/.62);--ring:oklch(100% 0 0/.17);--bloom-alpha:.3;--contact:.5;--ambient:oklch(8% .04 291);--ambient-alpha:.55;--primary-glow:.5;--amber:oklch(82% .09 80);--amber-bg:oklch(82% .09 80/.09);--grain:.26;--font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-sheet:cubic-bezier(.32, .72, 0, 1);--spring:cubic-bezier(.5, .75, .75, 1.25);--logo:clamp(120px, min(21svh, 43vw), 300px)}@supports (animation-timing-function:linear(0, 1)){:root{--spring:linear(0, .007, .029 2.2%, .118 4.7%, .625 14.4%, .826 19%, .902, .962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, .999 61.6%, .995 71.2%, 1)}}:root[data-theme=light]{color-scheme:light;--bg:oklch(94.8% .013 292);--bg-lift:oklch(99.2% .004 292);--bg-sink:oklch(90.5% .022 292);--text:oklch(23% .025 291);--text-2:oklch(45% .025 291);--text-3:oklch(50% .024 291);--pill-a:oklch(100% 0 0);--pill-b:oklch(96.8% .008 292);--pill-top:oklch(100% 0 0);--pill-ring:oklch(35% .1 291/.09);--pill-shadow:0 1px 2px -1px oklch(35% .12 291/.2), 0 6px 14px -6px oklch(35% .12 291/.22);--hover:oklch(35% .1 291/.07);--sheet-a:oklch(100% 0 0);--sheet-b:oklch(98.2% .005 292);--sheet-shadow:oklch(30% .1 291/.3);--backdrop:oklch(40% .08 291/.2);--ring:oklch(40% .12 291/.2);--bloom-alpha:.16;--contact:.24;--ambient:oklch(42% .17 291);--ambient-alpha:.34;--primary-glow:.42;--amber:oklch(45% .09 70);--amber-bg:oklch(75% .12 80/.14);--grain:.2}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100svh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.45;overflow-x:clip}h1,h2,h3,p,dl,dd{margin:0}svg{display:block}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}a{color:inherit;-webkit-tap-highlight-color:transparent}::selection{background:oklch(60% .19 292/.35)}:focus-visible{outline-offset:3px;outline:2px solid oklch(72% .15 293)}.no-transitions,.no-transitions *{transition:none!important}.ground{z-index:-1;background:radial-gradient(60% 50% at 50% 38%, var(--bg-lift) 0%, transparent 72%), radial-gradient(130% 70% at 50% 114%, var(--bg-sink) 0%, transparent 62%), var(--bg);position:fixed;inset:0}.ground:after{content:"";opacity:var(--grain);mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.chip{height:32px;color:var(--text);white-space:nowrap;background:linear-gradient(180deg, var(--pill-a), var(--pill-b));box-shadow:inset 0 1px 0 var(--pill-top), 0 0 0 1px var(--pill-ring), var(--pill-shadow);transition:transform .16s var(--ease-out), background-color .15s ease, color .15s ease, filter .15s ease;border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:13px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.chip--ghost{color:var(--text-3);box-shadow:none;background:0 0}.chip--icon{width:32px;padding:0}.chip svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.chip:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.chip:hover{filter:brightness(1.08)}.chip--ghost:hover{color:var(--text);background:var(--hover);filter:none}}.corner{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:10;align-items:center;gap:4px;display:flex;position:fixed}.corner .chip:first-child{margin-right:4px}.theme-icon--moon,.motion-icon--play,:root[data-theme=light] .theme-icon--sun,.motion[aria-pressed=true] .motion-icon--pause{display:none}:root[data-theme=light] .theme-icon--moon,.motion[aria-pressed=true] .motion-icon--play{display:block}.motion{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:10;position:fixed}.motion-icon--play{fill:currentColor;stroke-width:1.2px}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease}.stage{text-align:center;place-content:center;justify-items:center;gap:clamp(20px,3.1svh,32px);min-height:100svh;padding:72px 20px calc(7.5svh + 28px);display:grid;overflow:clip}.scene{width:var(--logo);height:var(--logo);position:relative}.bloom{width:calc(var(--logo) * 3.6);aspect-ratio:1;background:radial-gradient(closest-side, oklch(from var(--bloom) l c h / var(--bloom-alpha)) 0%, oklch(from var(--bloom) l c h / calc(var(--bloom-alpha) * .74)) 11%, oklch(from var(--bloom) l c h / calc(var(--bloom-alpha) * .54)) 22%, oklch(from var(--bloom) l c h / calc(var(--bloom-alpha) * .38)) 33%, oklch(from var(--bloom) l c h / calc(var(--bloom-alpha) * .28)) 43%, oklch(from var(--bloom) l c h / calc(var(--bloom-alpha) * .19)) 53%, oklch(from var(--bloom) l c h / calc(var(--bloom-alpha) * .13)) 62%, oklch(from var(--bloom) l c h / calc(var(--bloom-alpha) * .075)) 71%, oklch(from var(--bloom) l c h / calc(var(--bloom-alpha) * .04)) 80%, oklch(from var(--bloom) l c h / calc(var(--bloom-alpha) * .02)) 88%, transparent 100%);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.ring{--k:.27;width:calc(var(--rx) * 2);height:calc(var(--rx) * 2 * var(--k));border:1px solid var(--ring);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-7deg;-webkit-mask-image:linear-gradient(#0000005c 0 50%,#000 50% 100%);mask-image:linear-gradient(#0000005c 0 50%,#000 50% 100%)}.ring--1{--rx:min(calc(var(--logo) * 1.2), 40vw)}.ring--2{--rx:min(calc(var(--logo) * 1.84), 47.5vw)}.planet{width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);background:radial-gradient(circle at 36% 30%, var(--p0) 0%, var(--p1) 46%, var(--p2) 100%);will-change:transform;border-radius:50%;position:absolute;top:50%;left:50%}.planet--pearl{--s:max(7px, calc(var(--logo) * .05));--p0:oklch(100% 0 0);--p1:oklch(93% .018 292);--p2:oklch(72% .05 292)}.planet--lilac{--s:max(9px, calc(var(--logo) * .078));--p0:oklch(96% .03 293);--p1:oklch(80% .1 293);--p2:oklch(58% .17 291)}.planet--mist{--s:max(5px, calc(var(--logo) * .034));--p0:oklch(98% .01 280);--p1:oklch(86% .04 280);--p2:oklch(66% .07 282)}:root[data-theme=light] .planet--pearl{--p0:oklch(97% .012 292);--p1:oklch(84% .045 292);--p2:oklch(66% .08 292)}:root[data-theme=light] .planet--mist{--p0:oklch(94% .02 282);--p1:oklch(80% .06 282);--p2:oklch(62% .09 284)}.logo{inset:calc(var(--logo) * -.1214);z-index:2;perspective:1200px;border-radius:28%;transition:--body-a .6s,--body-b .6s,--glyph-a .6s,--glyph-b .6s,--lift .6s,--bloom .6s;display:block;position:absolute}.scene:has(.logo[data-variant=classic]),.logo[data-variant=classic]{--body-a:oklch(72.5% .145 293);--body-b:oklch(56.5% .185 291);--glyph-a:oklch(100% 0 0);--glyph-b:oklch(87.5% .055 293);--lift:oklch(40% .19 290);--bloom:oklch(62% .19 292)}.scene:has(.logo[data-variant=ocean]),.logo[data-variant=ocean]{--body-a:oklch(74.5% .125 243);--body-b:oklch(57.5% .17 257);--glyph-a:oklch(100% 0 0);--glyph-b:oklch(88.5% .045 247);--lift:oklch(41% .16 258);--bloom:oklch(64% .16 252)}.scene:has(.logo[data-variant=midnight]),.logo[data-variant=midnight]{--body-a:oklch(31% .026 291);--body-b:oklch(20.5% .02 291);--glyph-a:oklch(81% .115 293);--glyph-b:oklch(63% .18 292);--lift:oklch(10% .02 291);--bloom:oklch(52% .16 292)}.scene:has(.logo[data-variant=paper]),.logo[data-variant=paper]{--body-a:oklch(100% 0 0);--body-b:oklch(94.5% .011 292);--glyph-a:oklch(72.5% .145 293);--glyph-b:oklch(56% .19 291);--lift:oklch(62% .07 292);--bloom:oklch(78% .09 292)}.scene{transition:--bloom .6s}.logo__tilt{will-change:transform;width:100%;height:100%;display:block}.icon{width:100%;height:100%;transition:transform .16s var(--ease-out);overflow:visible}.logo:active .icon{transform:scale(.97)}.stop-body-a{stop-color:var(--body-a)}.stop-body-b{stop-color:var(--body-b)}.stop-glyph-a{stop-color:var(--glyph-a)}.stop-glyph-b{stop-color:var(--glyph-b)}.stop-glyph-c{stop-color:color-mix(in oklab, var(--glyph-b) 55%, var(--glyph-a))}.icon__contact{fill:#000;opacity:var(--contact)}.icon__ambient{fill:var(--ambient);opacity:var(--ambient-alpha)}.icon__edge{stroke:oklch(50% .1 292);opacity:0;transition:opacity .6s}.logo[data-variant=paper] .icon__edge{opacity:.28}.logo[data-variant=midnight] .icon__edge{stroke:oklch(100% 0 0);opacity:.1}.icon__lift{opacity:.55}.icon__lift path,.glyph{fill:none;stroke-width:84px;stroke-linecap:round;stroke-linejoin:round}.icon__lift path{stroke:var(--lift)}.glyph{stroke:url(#icon-glyph)}.icon__light{mix-blend-mode:soft-light;opacity:0;pointer-events:none}.info{z-index:3;justify-items:center;display:grid;position:relative}.name{font-size:clamp(40px, calc(var(--logo) * .31), 90px);letter-spacing:-.022em;font-weight:650;line-height:1.05}.what{max-width:60ch;color:var(--text-2);font-size:clamp(17px, calc(var(--logo) * .115), 25px);text-wrap:balance;margin-top:12px;line-height:1.35}.actions{justify-content:center;gap:14px;margin-top:clamp(26px,4svh,36px);display:flex}.btn{height:50px;color:var(--text);white-space:nowrap;background:linear-gradient(180deg, var(--pill-a), var(--pill-b));box-shadow:inset 0 1px 0 var(--pill-top), 0 0 0 1px var(--pill-ring), var(--pill-shadow);transition:transform .16s var(--ease-out), filter .15s ease;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px 0 20px;font-size:16px;font-weight:550;line-height:1;text-decoration:none;display:inline-flex}.btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.btn .mark{fill:currentColor;stroke:none;opacity:.86}.btn--primary{color:#fff;box-shadow:inset 0 1px 0 oklch(100% 0 0/.26), inset 0 -1px 0 oklch(0% 0 0/.16), 0 1px 1px oklch(30% .14 291/.4), 0 8px 18px -8px oklch(.45 .22 291 / var(--primary-glow));background:linear-gradient(oklch(58.5% .2 291) 0%,oklch(47% .2 289) 100%);font-weight:600}.btn:active{filter:brightness(.95);transform:scale(.97)}@media (hover:hover) and (pointer:fine){.btn:hover{filter:brightness(1.08)}.btn:hover:active{filter:brightness(.95)}}.meta{color:var(--text-3);text-wrap:balance;margin-top:22px;font-size:13px;line-height:1.4}.sheet{width:min(640px,100vw - 32px);max-width:none;max-height:min(720px,100svh - 96px);color:var(--text);background:linear-gradient(180deg, var(--sheet-a), var(--sheet-b));box-shadow:inset 0 1px 0 var(--pill-top), 0 0 0 1px var(--pill-ring), 0 32px 80px -24px var(--sheet-shadow);opacity:0;transition:opacity .18s ease, transform .18s var(--ease-out), overlay .18s allow-discrete, display .18s allow-discrete;border:0;border-radius:24px;padding:0;overflow:hidden;transform:scale(.96)}.sheet[open]{opacity:1;flex-direction:column;transition-duration:.26s;display:flex;transform:none}@starting-style{.sheet[open]{opacity:0;transform:scale(.96)}}.sheet::backdrop{transition:background-color .18s ease, overlay .18s allow-discrete, display .18s allow-discrete;background:0 0}.sheet[open]::backdrop{background:var(--backdrop);transition-duration:.26s}@starting-style{.sheet[open]::backdrop{background:0 0}}.sheet__head{flex:none;justify-content:space-between;align-items:center;height:62px;padding:0 16px 0 32px;transition:box-shadow .2s;display:flex;position:relative;box-shadow:0 1px #0000}.sheet.is-scrolled .sheet__head{box-shadow:0 1px 0 var(--pill-ring)}.sheet__head h2{outline:none;font-size:22px;font-weight:600;line-height:1.2}.sheet__grab{display:none}.sheet__close{width:30px;height:30px;color:var(--text-2);background:var(--hover);transition:transform .16s var(--ease-out), color .15s ease;border-radius:50%;place-items:center;display:grid}.sheet__close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:14px;height:14px}.sheet__close:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.sheet__close:hover{color:var(--text)}}.sheet__body{overscroll-behavior:contain;padding:10px 32px 40px;overflow:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 44px),#0000);mask-image:linear-gradient(#000 calc(100% - 44px),#0000)}.group+.group{margin-top:32px}.group h3{color:var(--text-3);margin-bottom:12px;font-size:13px;font-weight:600;line-height:1.4}.note{background:var(--amber-bg);color:var(--amber);border-radius:12px;margin-bottom:16px;padding:10px 13px;font-size:13px;line-height:1.45}.note a{text-underline-offset:.18em;white-space:nowrap}.items{row-gap:13px;display:grid}.item{grid-template-columns:13.5rem minmax(0,1fr);column-gap:24px;display:grid}.item dt{font-weight:600}.item dd{color:var(--text-2)}.sheet__foot{color:var(--text-3);margin-top:32px;font-size:13px}@media (width>=1800px) and (height>=1100px){.meta{font-size:15px}.btn{height:56px;padding:0 28px 0 24px;font-size:18px}.btn svg{width:19px;height:19px}}@media (width<=640px){.stage{padding:68px 20px calc(6svh + 44px)}.actions{gap:12px;width:min(310px,100%)}.btn{flex:1;padding:0 18px 0 14px}.sheet{opacity:1;width:100vw;max-height:88svh;transition:transform .5s var(--ease-sheet), overlay .5s allow-discrete, display .5s allow-discrete;border-radius:24px 24px 0 0;margin:auto 0 0;transform:translateY(100%)}.sheet[open]{transition-duration:.5s}@starting-style{.sheet[open]{opacity:1;transform:translateY(100%)}}.sheet::backdrop,.sheet[open]::backdrop{transition-duration:.5s}.sheet__head{height:64px;padding:12px 14px 0 22px}.sheet__grab{background:var(--text-3);opacity:.45;border-radius:3px;width:36px;height:5px;display:block;position:absolute;top:8px;left:50%;translate:-50%}.sheet__body{padding:10px 22px max(36px, env(safe-area-inset-bottom))}.item{grid-template-columns:1fr;row-gap:1px}}@media (height<=540px) and (orientation:landscape){:root{--logo:clamp(84px, 36svh, 150px)}.stage{text-align:left;grid-auto-flow:column;align-items:center;gap:clamp(36px,7vw,72px);padding:56px 28px 28px}.info{justify-items:start}.ring--1{--rx:calc(var(--logo) * .9)}.ring--2,.planet--lilac,.planet--mist{display:none}.what{text-wrap:wrap}.actions{justify-content:flex-start;margin-top:18px}.meta{margin-top:14px}}@media (prefers-reduced-motion:no-preference){.js .logo{animation:icon-in .7s var(--spring) both}.js .glyph{stroke-dasharray:1 2}.js .glyph--bar{animation:.38s cubic-bezier(.65,0,.35,1) .24s both draw}.js .glyph--stem{animation:.46s cubic-bezier(.65,0,.35,1) .54s both draw}.js .icon__lift{animation:.5s .82s both lift-in}.js [data-rise]{animation:rise var(--dur,.6s) var(--ease-out) var(--delay,0s) both}.js [data-rise="1"]{--delay:.12s;--dist:12px}.js [data-rise="2"]{--delay:.21s;--dur:.52s;--dist:8px}.js [data-rise="3"]{--delay:.28s;--dur:.52s;--dist:6px}.js [data-rise="4"]{--delay:.34s;--dur:.52s;--dist:0px}.js .bloom,.js .ring,.js .planet,.js .corner,.js .motion{animation:.9s .26s both fade}}@keyframes icon-in{0%{opacity:0;transform:scale(.92)}30%{opacity:1}}@keyframes draw{0%{stroke-dashoffset:1.002px;opacity:0}5%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes lift-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(var(--dist,10px))}}@keyframes fade{0%{opacity:0}}
