:root{--ground:#f5f5f2;--surface:#fff;--rule:#e4e4e0;--hover:#ebebe7;--dash:#b9b9b3;--ink:#1b1b1f;--soft:#57575f;--muted:#6c6c74;--rose:#d23f6a;--font:"Figtree", system-ui, sans-serif;--radius-tile:30px;--radius-icon:23%;--radius-panel:28px;--radius-pill:999px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#141416;--surface:#1d1d21;--rule:#2c2c32;--hover:#25252a;--dash:#4a4a52;--ink:#eeeef0;--soft:#b3b3bb;--muted:#8a8a93;--rose:#ff8fae;--icon-edge:#2c2c32;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}body{background:var(--ground);color:var(--ink);font:400 17px / 1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}a:hover{color:var(--rose)}:focus-visible{outline:3px solid var(--rose);outline-offset:2px}h1,h2,h3,p,ul,dl,dd{margin:0;padding:0}.page{flex-direction:column;gap:56px;max-width:1160px;margin:0 auto;padding:32px 24px 48px;display:flex}main{flex-direction:column;gap:56px;display:flex}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.lockup{letter-spacing:-.03em;border-radius:8px;align-items:center;gap:10px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.lockup:hover{color:inherit}.mark{color:var(--ink);display:block}.mark circle{fill:var(--rose)}.nav{gap:24px;font-size:16px;font-weight:500;display:flex}.nav a{border-radius:4px;text-decoration:none}.intro{flex-direction:column;gap:18px;max-width:720px;display:flex}.intro h1{letter-spacing:-.035em;font-size:clamp(38px,6vw,64px);font-weight:700;line-height:1.02}.intro p{color:var(--soft);font-size:19px}.shelves{flex-direction:column;gap:56px;display:flex}.shelf{flex-direction:column;gap:20px;display:flex}.shelf-head{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:baseline;gap:14px;padding-top:16px;display:flex}.shelf-head h2{letter-spacing:-.01em;font-size:20px;font-weight:700}.shelf-head p{color:var(--soft);font-size:15px}.tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;list-style:none;display:grid}.tile{all:unset;box-sizing:border-box;cursor:pointer;border-radius:var(--radius-tile);flex-direction:column;gap:12px;width:100%;height:100%;padding:12px;transition:background .15s,opacity .2s;display:flex}@media (hover:hover){.tile:hover{background:var(--hover)}.tile:hover .icon{transform:translateY(-3px)}.tile[data-state=dim]:hover{opacity:1}}.tile:focus-visible{outline:3px solid var(--rose);outline-offset:2px}.tile[data-state=on]{background:var(--surface);box-shadow:inset 0 0 0 2px var(--ink)}.tile[data-state=dim]{opacity:.55}.tile[data-state=dim]:focus-visible{opacity:1}.icon{border-radius:var(--radius-icon);width:100%;height:auto;box-shadow:0 0 0 1px var(--icon-edge,transparent);transition:transform .25s cubic-bezier(.2,.7,.2,1);display:block}.tile[data-status="In the lab"] .icon{outline:2px dashed var(--dash);outline-offset:4px}.tile[data-status=Retired] .icon{filter:grayscale();opacity:.5}.tile-text{flex-direction:column;gap:2px;padding:0 4px;display:flex}.tile-name{letter-spacing:-.01em;font-size:18px;font-weight:700}.tile[data-status=Retired] .tile-name{color:var(--muted)}.tile-tagline{color:var(--soft);font-size:14px;line-height:1.4}.panel{background:var(--paper);color:var(--app-ink);border:1px solid var(--line);border-radius:var(--radius-panel);flex-wrap:wrap;gap:40px;padding:clamp(24px,4vw,48px);scroll-margin:24px;animation:.2s ease-out open;display:flex}@keyframes open{0%{opacity:0;transform:translateY(-4px)}}.panel-main{flex-direction:column;flex:999 420px;gap:16px;min-width:0;display:flex}.panel-title{font-family:var(--face);font-weight:var(--face-weight);letter-spacing:var(--face-tracking);font-size:clamp(40px,5vw,56px);line-height:1}.panel-detail{max-width:560px;font-size:18px;line-height:1.55}.pill{border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);align-self:flex-start;margin-top:8px;padding:13px 22px;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none}a.pill:hover{color:var(--on-accent);filter:brightness(1.08)}.panel-facts{flex-direction:column;flex:240px;gap:18px;display:flex}.panel-facts div{flex-direction:column;gap:4px;display:flex}.panel-facts dt{color:color-mix(in srgb, var(--app-ink) 66%, var(--paper));font-size:13px;font-weight:600}.panel-facts dd{font-size:17px}.panel-rule{font-weight:600}.about{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:flex-start;gap:16px 32px;padding-top:40px;display:flex}.about h2{letter-spacing:-.02em;flex:240px;font-size:26px;font-weight:700}.about p{color:var(--soft);flex:2 420px;font-size:18px;line-height:1.6}.footer{color:var(--muted);border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;font-size:14px;display:flex}@media (width<=860px){.page{gap:44px;padding:24px 16px 40px}main,.shelves{gap:44px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tile{border-radius:18px;gap:8px;padding:6px}.tile-tagline{display:none}.tile-name{text-align:center;font-size:14px}.about p{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.tile,.icon,.panel{transition:none;animation:none}}