@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#272925;background:#eae9e3;font-synthesis:none;--muted:#6b6e65;--orange:#e85c2a;--line:#cfcec5;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{cursor:pointer}button:hover,a:hover{color:var(--orange)}.workspace{max-width:1440px;padding:0 64px;margin:auto}header{height:112px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;width:48px;height:48px;background:#292d29;border-radius:50%;align-items:center;justify-content:center}.brand img{width:44px;height:44px}.header-label,.github-link,.eyebrow,.index-stamp,.filter,.search,.catalog-meta,.project-heading,.project-bottom,.art-label,.colophon a,footer{font-family:var(--mono);font-size:10px;letter-spacing:.07em}.header-label{color:var(--muted)}.github-link{margin-left:auto;font-size:12px;letter-spacing:0}.github-link span{margin-left:13px}.intro{display:flex;justify-content:space-between;align-items:end;padding:76px 0 59px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;letter-spacing:.03em}.signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:#59846b;box-shadow:0 0 0 3px #59846b10;flex-shrink:0}h1{font-size:clamp(48px,5.2vw,76px);font-weight:500;letter-spacing:-.065em;margin:20px 0 17px;line-height:1.08}.orange{color:var(--orange)}.intro p{font-size:15px;line-height:1.75;color:var(--muted);margin:0;letter-spacing:-.01em}.index-stamp{display:flex;flex-direction:column;align-items:end;gap:5px;color:var(--muted);font-size:9px}.index-stamp strong{font-size:48px;color:#b6b8ae;font-weight:400;line-height:1.1;letter-spacing:-.07em}.toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.filters{display:flex;gap:5px}.filter{border:0;border-radius:4px;background:transparent;padding:11px 14px;color:var(--muted);letter-spacing:0;font-size:11px}.filter.active{background:#2e322d;color:#f4f2eb;box-shadow:0 1px 2px #0002}.filter span{margin-left:12px;color:#a5ad9d}.search{display:flex;align-items:center;gap:10px;font-size:20px;color:var(--muted)}.search input{width:145px;border:0;background:transparent;outline-offset:3px;font-family:var(--mono);font-size:11px;color:#272925}.search input::placeholder{color:#6b6e65}.search kbd{border:1px solid var(--line);border-radius:3px;font:10px var(--mono);padding:3px 6px}.catalog-meta{display:flex;justify-content:space-between;margin:22px 0 18px;color:var(--muted);font-size:9px}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.project{min-width:0}.art{height:205px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:5px;background:#d9dcd3;transition:filter .2s}.art:hover{filter:brightness(1.035)}.art-label{position:absolute;bottom:15px;left:17px;font-size:8px;color:#737e6c}.launch{position:absolute;right:14px;top:12px;font-size:19px;color:#57614f}.orbit{background:#dce0d4}.orbital{position:relative;width:150px;height:150px;transform:rotate(-28deg)}.orbital i{position:absolute;inset:10px;border:1px solid #7b8870;border-radius:50%}.orbital i:nth-child(2){transform:rotateY(60deg)}.orbital i:nth-child(3){transform:rotateX(60deg)}.orbital b{position:absolute;inset:61px;background:#65775a;border-radius:50%;box-shadow:0 0 30px #72846530}.orbital em{position:absolute;left:25px;top:22px;width:9px;height:9px;border-radius:50%;background:var(--orange);border:2px solid #dce0d4}.themes{background:#dedcd7}.swatches{display:flex;gap:10px;transform:rotate(-9deg);padding-bottom:8px}.swatches>i{height:109px;width:66px;background:#f8f6ef;border:1px solid #c4c0b4;border-radius:5px;padding:12px 9px;box-shadow:0 8px 10px #26241b0a;display:flex;flex-direction:column;gap:8px}.swatches>i:nth-child(2){background:#414a45;transform:translateY(-9px);border-color:#414a45}.swatches>i:nth-child(3){background:#cbd3be;transform:translateY(3px)}.swatches b{width:15px;height:15px;background:#df642f;border-radius:50%;margin-bottom:12px}.swatches>i:nth-child(2) b{background:#d1ddbd}.swatches>i:nth-child(3) b{background:#637954}.swatches em{height:4px;background:#b2b0a5;border-radius:2px}.swatches em:last-child{width:65%}.dispatch{background:#d8dfe0}.route{width:85%;height:140px;position:relative}.route svg{width:100%;height:100%;fill:none}.route path{stroke:#bdc7c9;stroke-width:1}.route path.route-line{stroke:#5d787e;stroke-width:2;stroke-dasharray:4 4}.route circle{fill:#e85c2a;stroke:#d8dfe0;stroke-width:2}.route>span{position:absolute;top:9px;left:55px;font:8px var(--mono);background:#f0f0e9;padding:8px;border-radius:3px;box-shadow:0 2px 8px #52636912}.route b{font-weight:400;color:#688264;margin-left:9px}.dispatch .art-label{color:#6b7a7e}.project-heading{display:flex;align-items:center;justify-content:space-between;margin:23px 0 12px;color:var(--muted);font-size:8px;letter-spacing:.045em}.dot{width:5px;height:5px;border-radius:50%;background:#818f76}.project h2{margin:0;font-size:25px;letter-spacing:-.04em;font-weight:500}.project h2 a{display:flex;align-items:center;justify-content:space-between}.project h2 span{font-size:18px;color:#85887e}.project p{font-size:13px;line-height:1.7;color:var(--muted);margin:12px 0 24px;min-height:45px;max-width:300px}.project-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:15px 0;font-size:10px;letter-spacing:0}.project-bottom>span{color:var(--muted)}.project-bottom>span:before{content:'';display:inline-block;background:#8e9a81;width:5px;height:5px;border-radius:50%;margin-right:7px}.project-bottom a span{margin-left:12px}.colophon{display:flex;align-items:center;gap:24px;padding:49px 0 43px;border-bottom:1px solid var(--line);margin-top:46px;border-top:1px solid var(--line)}.coordinate{display:flex;align-items:center;gap:6px;font-family:var(--mono);color:#8f9385}.coordinate i{height:28px;width:28px;border:1px solid #aeb3a4;border-radius:50%;position:relative}.coordinate i:after{content:'';position:absolute;inset:6px;border:1px solid #aeb3a4;transform:rotate(45deg)}.colophon p{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}.colophon a{margin-left:auto;letter-spacing:0;font-size:11px}.colophon a span{margin-left:24px}footer{display:flex;align-items:center;gap:20px;padding:26px 0 35px;color:var(--muted);font-size:8px;letter-spacing:.06em}.footer-status{margin-left:auto;display:flex;align-items:center;gap:8px}footer>a{margin-left:35px}.empty{text-align:center;padding:65px 16px}.empty h2{font-size:22px;font-weight:500}.empty p{font-size:14px;color:var(--muted)}.empty button{margin-top:10px;background:#2e322d;color:#fff;border:0;border-radius:4px;padding:12px 18px}.load-error{grid-column:1/-1;padding:40px 0} @media(min-width:1500px){.intro{padding-top:100px}.art{height:245px}}@media(max-width:900px){.workspace{padding:0 32px}.projects{gap:20px}.art{height:170px}.project-heading{font-size:7px}.project h2{font-size:22px}.intro{padding-top:58px}.swatches{gap:6px;transform:scale(.85) rotate(-9deg)}}@media(max-width:650px){.workspace{padding:0 22px}header{height:86px;gap:10px}.brand{width:40px;height:40px}.brand img{width:38px;height:38px}.header-label{font-size:8px}.github-link{font-size:10px}.intro{padding:45px 0 35px}.eyebrow{font-size:7px;gap:6px}h1{font-size:48px;margin-top:18px}.intro p{font-size:13px}.index-stamp{display:none}.toolbar{align-items:stretch;flex-direction:column;gap:14px}.filters{justify-content:space-between}.filter{padding:10px 12px}.search{padding:5px 8px}.search input{flex:1}.catalog-meta{font-size:7px}.projects{grid-template-columns:1fr;gap:30px}.art{height:230px}.project-heading{font-size:9px;margin-top:19px}.project h2{font-size:27px}.project p{min-height:0;max-width:none;font-size:14px}.swatches{transform:scale(1.1) rotate(-9deg)}.project-bottom{padding:14px 0}.colophon{flex-wrap:wrap;margin-top:30px;padding:30px 0;gap:18px}.colophon a{width:100%;margin-left:65px}footer{flex-wrap:wrap;gap:18px;font-size:7px}.footer-status{margin-left:0}footer>a{margin-left:auto}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}