:root{--cobalt:#0b1cb5;--deep:#040a52;--ink:#020321;--silk:#f5f0ff;--lilac:#c7a6ff;--cyan:#55d8ff;--pixel:#d05cff;--dim:#f5f0ffad;--line:#c7a6ff59;--display:"Syne", "Arial Black", sans-serif;--mono:"Martian Mono", ui-monospace, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:radial-gradient(120% 80% at 70% 0%, var(--cobalt) 0%, var(--deep) 45%, var(--ink) 100%) fixed;color:var(--silk);font:300 14px/1.7 var(--mono);margin:0;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}::selection{background:var(--pixel);color:var(--ink)}.pixels{z-index:-1;pointer-events:none;opacity:.12;mix-blend-mode:screen;background:url(/art/texture.webp) 0 0/256px 256px;animation:90s linear infinite drift;position:fixed;inset:-20%}@keyframes drift{to{transform:translate(-256px,256px)}}.bar{z-index:20;background:linear-gradient(var(--ink), #02032100);justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,48px);display:flex;position:fixed;top:0;left:0;right:0}.bar__mark{font:800 18px var(--display);letter-spacing:.08em;align-items:center;gap:10px;text-decoration:none;display:flex}.bar__mark img{box-shadow:0 0 0 1px var(--line), 0 0 18px #c7a6ff80;border-radius:50%}.bar__rings{text-transform:uppercase;letter-spacing:.12em;gap:clamp(10px,2.4vw,28px);font-size:11px;display:flex}.bar__rings a{opacity:.8;text-decoration:none;transition:opacity .2s,color .2s}.bar__rings a:hover{opacity:1;color:var(--cyan)}.bar__rings b{color:var(--lilac);margin-right:4px;font-weight:600}.hero{align-items:flex-end;min-height:min(100svh,1000px);padding:0 clamp(16px,5vw,72px) clamp(56px,9vh,110px);display:flex;position:relative;overflow:hidden}.hero__web{width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#020321eb 0%,#0203218c 38%,#02032100 62%),linear-gradient(#02032100 65%,#020321d9);position:absolute;inset:0}.hero__text{z-index:2;position:relative}.hero__text>p,.hero__actions{max-width:560px}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--lilac);margin:0 0 6px;font-size:11px}.tick{color:var(--cyan)}.wordmark{font:800 clamp(96px, 17vw, 250px)/.82 var(--display);letter-spacing:-.02em;background:linear-gradient(170deg, #fff 10%, var(--lilac) 55%, var(--cyan) 100%);color:#0000;filter:drop-shadow(0 0 28px #c7a6ff73);-webkit-background-clip:text;background-clip:text;margin:0}.hero__line{font:600 clamp(20px, 2.6vw, 30px)/1.25 var(--display);margin:18px 0 8px}.hero__story{color:var(--dim);max-width:46ch;margin:0 0 26px}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}.hero__hint{z-index:2;letter-spacing:.2em;text-transform:uppercase;color:var(--lilac);opacity:.7;margin:0;font-size:10px;position:absolute;bottom:28px;right:clamp(16px,5vw,72px)}.btn{cursor:pointer;font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);align-items:center;gap:8px;padding:12px 20px;text-decoration:none;transition:transform .2s,filter .2s;display:inline-flex}.btn:hover{filter:brightness(1.12);transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn--silk{background:linear-gradient(120deg, #fff, var(--lilac));color:var(--ink)}.btn--thread{color:var(--silk);box-shadow:inset 0 0 0 1px var(--cyan);background:#55d8ff1f}.ring-head{grid-template-columns:auto 1fr;align-items:baseline;column-gap:20px;max-width:900px;margin-bottom:40px;display:grid}.ring-head__no{width:64px;height:64px;font:600 13px var(--mono);color:var(--cyan);background:repeating-radial-gradient(circle, transparent 0 7px, var(--line) 7px 8px);box-shadow:0 0 0 1px var(--line);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.ring-head h2{font:800 clamp(30px, 5vw, 58px)/1 var(--display);margin:0}.ring-head p{color:var(--dim);margin:8px 0 0}section{padding:clamp(80px,12vh,140px) clamp(16px,5vw,72px);position:relative}.plate__body{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.plate__specimen{aspect-ratio:1;box-shadow:0 0 0 1px var(--line), 0 0 0 14px #040a5299, 0 0 0 15px var(--line), 0 30px 80px #00000080;border-radius:50%;margin:0;position:relative;overflow:hidden}.plate__specimen img{object-fit:cover;width:100%;height:100%}.plate__marks{width:100%;height:100%;position:absolute;inset:0}.mark circle{fill:var(--ink);stroke:var(--cyan);stroke-width:.5px;transition:fill .25s}.mark text{fill:var(--silk);font:600 3.6px var(--mono);text-anchor:middle}.mark.lit circle{fill:var(--pixel)}.plate__legend{counter-reset:none;margin:0;padding:0;list-style:none}.plate__legend li{border-top:1px dashed var(--line);padding:18px 0;transition:background .25s}.plate__legend li:hover{background:linear-gradient(90deg,#d05cff1a,#0000)}.plate__legend h3{font:600 20px var(--display);align-items:center;gap:12px;margin:0 0 4px;display:flex}.plate__legend h3 span{width:26px;height:26px;font:600 11px var(--mono);border:1px solid var(--cyan);color:var(--cyan);border-radius:50%;place-items:center;display:grid}.plate__legend p{color:var(--dim);margin:0 0 0 38px}.ca{border:1px solid var(--line);background:#02032199;align-items:center;gap:10px;min-width:min(100%,300px);max-width:calc(100% - 38px);min-height:44px;margin:14px 0 0 38px;padding:10px 14px;display:inline-flex}.ca__label{font:600 11px var(--mono);letter-spacing:.2em;color:var(--lilac)}.ca__value{font:400 12px var(--mono);color:var(--silk);overflow-wrap:anywhere}.ca--empty .ca__value{background:var(--line);width:18ch;height:1px;display:inline-block}.ca__copy{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;color:var(--cyan);border:1px solid var(--cyan);background:0 0;padding:6px 10px;transition:background .2s,color .2s}.ca__copy:hover{background:var(--cyan);color:var(--ink)}.ca__copy.is-done{background:var(--pixel);border-color:var(--pixel);color:var(--ink)}.ca__scan{width:30px;height:30px;color:var(--silk);place-items:center;display:grid}.ca__scan svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:18px;height:18px}.ca__scan:hover{color:var(--cyan)}.caught__line{background:linear-gradient(90deg, transparent, var(--lilac), transparent);opacity:.6;height:1px;position:absolute;top:calc(clamp(80px,12vh,140px) + 150px);left:0;right:0}.caught__items{grid-template-columns:repeat(6,1fr);align-items:start;gap:clamp(18px,3vw,40px);margin:0;padding:0;list-style:none;display:grid}.catch{padding-top:calc(36px + var(--drop));grid-column:span 2;position:relative}.catch--wide{grid-column:span 3}.catch__thread{width:1px;height:calc(36px + var(--drop));background:linear-gradient(var(--lilac), var(--silk));position:absolute;top:0;left:50%}.catch figure{transform:rotate(var(--tilt));transform-origin:50% 0;margin:0;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.catch:hover figure{transform:rotate(0)translateY(-4px)}.catch img{border:1px solid var(--line);width:100%;box-shadow:0 20px 50px #00000073}.catch figcaption{letter-spacing:.06em;color:var(--lilac);margin-top:10px;font-size:11px}.hub{text-align:center}.hub .ring-head{text-align:left;justify-content:center;width:max-content;max-width:100%;margin-inline:auto}.hub__wheel{aspect-ratio:1;width:min(600px,100%);margin:0 auto;position:relative}.hub__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hub__web path{fill:none;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 2.6s ease-out}.hub__web .glow{stroke:#c7a6ff4d;stroke-width:4px}.hub__web .silk{stroke:var(--silk);stroke-width:.8px}.hub__wheel.in .hub__web path{stroke-dashoffset:0}.hub__orbit{font:400 13px var(--mono);letter-spacing:.18em;fill:var(--lilac);text-transform:uppercase}.hub__svg text{transform-origin:300px 300px;animation:80s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hub__core{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.hub__core img{width:112px;height:112px;box-shadow:0 0 0 1px var(--line), 0 0 40px #c7a6ff99;border-radius:50%}.hub__core p{font:600 18px var(--display);margin:0}.hub__strands{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hub__strands .ico{background:#020321b3;gap:8px;width:auto;padding:0 14px}.hub__strands .ico span{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.1em}.ico{width:42px;height:42px;color:var(--silk);border:1px solid var(--line);justify-content:center;align-items:center;text-decoration:none;transition:color .2s,border-color .2s,transform .2s;display:inline-flex}.ico svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;width:18px;height:18px}.ico:hover{color:var(--cyan);border-color:var(--cyan);transform:translateY(-2px)}.foot{border-top:1px solid var(--line);background:#020321bf;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;padding:36px clamp(16px,5vw,72px) 44px;display:flex}.foot__id{align-items:center;gap:12px;display:flex}.foot__id img{border-radius:50%}.foot__name{font:800 22px var(--display);letter-spacing:.06em}.foot__name em{font:400 12px var(--mono);color:var(--lilac);letter-spacing:.1em;margin-left:6px;font-style:normal}.ca--foot{margin:0}.foot__icons{gap:10px;display:flex}.foot__icons:empty{display:none}.reveal,.ring-head{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(24px)}.reveal.in,.ring-head.in{opacity:1;transform:none}.catch.reveal{transform:translateY(-30px)}.catch.reveal.in{transform:none}@media (width<=820px){.bar__rings a:not(:first-child){display:none}.hero{align-items:flex-end;min-height:min(100svh,900px);padding-top:46svh}.wordmark{font-size:clamp(60px,19vw,150px)}.hero:after{background:linear-gradient(#02032100 25%,#020321b3 55%,#020321f5 100%)}.hero__hint{display:none}.plate__body{grid-template-columns:1fr}.caught__items{grid-template-columns:1fr 1fr}.catch,.catch--wide{grid-column:span 1}.catch--wide{grid-column:span 2}.caught__line{display:none}.foot{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.reveal,.ring-head,.catch.reveal{opacity:1;transform:none}.hub__web path{stroke-dashoffset:0}}
