.sky{--ground:var(--ink-100);--panel:var(--ink-200);--panel-2:var(--ink-300);--edge:var(--ink-300);--edge-2:var(--ink-400);--sky-ink:var(--ink-900);--sky-muted:var(--ink-800);--sky-faint:color-mix(in srgb, var(--ink-800) 72%, var(--ink-600));--sky-label:var(--ink-800);--sky-star:var(--ink-800);--mono:var(--font-display);--sans:var(--font-body)}html,body{height:100%}body.sky-body{background:var(--ground);color:var(--sky-ink);margin:0;overflow:hidden}.sky a{color:var(--accent)}#bg{z-index:0;position:fixed;inset:0}#neb{z-index:0;pointer-events:none;background:radial-gradient(80% 60% at 22% 24%,#2f6dff1a,#0000 60%),radial-gradient(80% 60% at 80% 70%,#8a3cff17,#0000 60%);transition:transform .8s cubic-bezier(.22,.61,.36,1);position:fixed;inset:0}#vig{z-index:1;pointer-events:none;background:radial-gradient(130% 120% at 50% 46%,#0000 55%,#02040899 100%);position:fixed;inset:0}#mark{left:clamp(16px,3vw,26px);top:calc(16px + env(safe-area-inset-top,0px));z-index:20;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sky-ink);font-size:15px;font-weight:700;position:fixed}#ways{left:clamp(16px,3vw,26px);top:calc(52px + env(safe-area-inset-top,0px));z-index:20;flex-direction:column;gap:2px;display:flex;position:fixed}#ways button{cursor:pointer;font-family:var(--mono);letter-spacing:.04em;color:var(--sky-muted);background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:5px 6px;font-size:12.5px;transition:color .15s,background-color .15s;display:flex}#ways button .wd{opacity:.6;background:currentColor;border-radius:50%;width:7px;height:7px;transition:all .15s}#ways button:hover{color:var(--sky-ink);background:#ffffff0d}#ways button[aria-current=true]{color:var(--sky-ink)}#ways button[aria-current=true] .wd{opacity:1;background:var(--wc,var(--accent));box-shadow:0 0 9px var(--wc,var(--accent))}#stage{z-index:5;position:fixed;inset:0;overflow:hidden}#clip{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}#deck{position:absolute;inset:0}#deck.slide{transition:transform .82s cubic-bezier(.22,.61,.36,1)}.slide{place-items:center;height:100%;display:grid;position:absolute;left:0;right:0}#deck.slide .slide{height:100vh;position:relative}.hero{text-align:center;padding:0 20px}.hero h1{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sky-ink);text-shadow:0 0 34px color-mix(in srgb, var(--accent) 34%, transparent);margin:0;font-size:clamp(38px,10vw,76px);font-weight:700}.hero .chev{color:var(--sky-muted);margin-top:34px;animation:1.8s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.about{text-align:center;max-width:620px;padding:0 24px}.about .eyebrow{font-family:var(--mono);letter-spacing:.34em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 16px color-mix(in srgb, var(--accent) 45%, transparent);margin:0 0 22px;font-size:clamp(11px,1.7vw,13px);font-weight:500}.about .bio{max-width:52ch;color:var(--sky-ink);text-wrap:pretty;margin:0 auto;font-size:clamp(15.5px,2.3vw,19px);line-height:1.65}.about .ps{max-width:50ch;color:var(--sky-muted);text-wrap:pretty;margin:20px auto 0;font-size:clamp(14px,2vw,16px);line-height:1.6}.about .about-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;font-family:var(--mono);letter-spacing:.02em;background:0 0;border-radius:9px;align-items:center;gap:8px;margin-top:22px;padding:10px 20px;font-size:14px;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.about .about-btn:hover,.about .about-btn:focus-visible{background:var(--accent);color:var(--ink-000)}.cwrap{width:min(80vw,780px);height:min(56vh,450px);position:relative;transform:translateY(-17%)}.clabel{text-align:center;pointer-events:none;position:absolute;top:-8px;left:50%;transform:translate(-50%,-100%)}.clabel .cn{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cc);text-shadow:0 0 16px color-mix(in srgb, var(--cc) 55%, transparent);font-size:clamp(13px,2.4vw,16px)}.clines{pointer-events:none;position:absolute;inset:0;overflow:visible}.clines path{stroke:var(--cc);stroke-width:1px;opacity:.34;fill:none;stroke-linecap:round;stroke-linejoin:round}.star{cursor:pointer;background:0 0;border:0;place-items:center;width:56px;height:56px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.star .g{width:5px;height:5px;box-shadow:0 0 6px var(--cc), 0 0 15px color-mix(in srgb, var(--cc) 70%, transparent);background:#eaf6ff;border-radius:50%;transition:transform .18s;position:relative}.star .g:before,.star .g:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.star .g:before{background:linear-gradient(90deg, transparent, var(--cc) 40%, #fff 50%, var(--cc) 60%, transparent);width:30px;height:1.4px}.star .g:after{background:linear-gradient(180deg, transparent, var(--cc) 40%, #fff 50%, var(--cc) 60%, transparent);width:1.4px;height:30px}.star.lead .g{width:7px;height:7px}.star.lead .g:before{width:44px}.star.lead .g:after{height:44px}.star:hover .g,.star:focus-visible .g,.star.on .g{box-shadow:0 0 12px var(--cc), 0 0 28px var(--cc);transform:scale(1.3)}.star .nm{white-space:nowrap;font-family:var(--mono);letter-spacing:.015em;color:var(--sky-label);background:color-mix(in srgb, var(--ground) 55%, transparent);opacity:.92;pointer-events:none;border-radius:5px;padding:2px 7px;font-size:12.5px;transition:opacity .15s,color .15s;position:absolute;top:100%;left:50%;transform:translate(-50%,5px)}.star:hover .nm,.star:focus-visible .nm,.star.on .nm{opacity:1;color:var(--sky-ink)}.detail .dhead{justify-content:space-between;align-items:baseline;gap:22px;display:flex}.detail .lead{min-width:0}.detail .when{text-align:right;flex-shrink:0}#sheet.pinned .detail .when{padding-right:30px}.detail h2{font-family:var(--sans);color:var(--sky-ink);text-wrap:balance;margin:0 0 5px;font-size:21px;font-weight:600;line-height:1.25}.detail .sub{font-family:var(--mono);color:var(--cc,var(--accent));margin:0;font-size:14.5px}.detail .meta{font-family:var(--mono);color:var(--sky-faint);white-space:nowrap;margin:0 0 3px;font-size:13px}.detail .loc{font-family:var(--mono);color:var(--sky-faint);white-space:nowrap;margin:0;font-size:13px}.detail .desc{color:var(--sky-muted);max-width:62ch;margin:17px 0 0;font-size:15px;line-height:1.6}.detail .tech{flex-wrap:wrap;gap:7px;margin:17px 0 0;display:flex}.detail .tech span{font-family:var(--mono);color:var(--sky-muted);border:1px solid var(--edge-2);border-radius:6px;padding:4px 10px;font-size:12px}.detail .lk{margin:17px 0 0}.detail .lk a{font-family:var(--mono);text-underline-offset:3px;font-size:13.5px}#sheet{z-index:15;background:linear-gradient(var(--panel-2), var(--panel));border:1px solid var(--edge-2);opacity:0;pointer-events:auto;border-bottom:0;border-radius:14px 14px 0 0;flex-direction:column;width:min(680px,100% - 24px);height:min(46vh,250px);transition:transform .46s cubic-bezier(.22,.61,.36,1),opacity .3s;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%,100%);box-shadow:0 -30px 70px -34px #000000d9}#sheet.open{opacity:1;transform:translate(-50%)}#sheet.pinned{border-color:var(--cc,var(--accent));box-shadow:0 -30px 70px -34px #000000d9, 0 -6px 30px -8px color-mix(in srgb, var(--cc) 45%, transparent);animation:.42s pinpulse}@keyframes pinpulse{0%{box-shadow:0 -30px 70px -34px #000000d9, 0 0 0 3px color-mix(in srgb, var(--cc) 60%, transparent), 0 -6px 42px -6px color-mix(in srgb, var(--cc) 55%, transparent)}to{box-shadow:0 -30px 70px -34px #000000d9, 0 0 0 0 transparent, 0 -6px 30px -8px color-mix(in srgb, var(--cc) 45%, transparent)}}#sheet .detail{flex:auto;min-height:0;padding:24px 30px;overflow-y:auto}#sheet .x{z-index:2;border:1px solid var(--cc,var(--edge-2));background:color-mix(in srgb, var(--panel) 55%, transparent);width:30px;height:30px;color:var(--sky-muted);cursor:pointer;border-radius:8px;place-items:center;font-size:16px;transition:color .15s,border-color .15s;display:none;position:absolute;top:16px;right:16px}#sheet.pinned .x{display:grid}#sheet .x:hover{color:var(--sky-ink);border-color:var(--sky-faint)}#hint{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:10;font-family:var(--mono);color:var(--sky-muted);letter-spacing:.04em;pointer-events:none;text-shadow:0 1px 5px #000000b3;font-size:13px;transition:opacity .3s;position:fixed;transform:translate(-50%)}.sky-source{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=720px){#ways .wt{display:none}}@media (prefers-reduced-motion:reduce){#deck.slide,#neb{transition:none}.hero .chev,#sheet.pinned{animation:none}}