:root{color-scheme:dark;--bg:#09090b;--text:#f3f0e9;--muted:#96949a;--line:rgba(255,255,255,.11);--accent:#c2f970;--mono:"DM Mono",monospace;--sans:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 32%,rgba(110,130,79,.10),transparent 42%),var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}#particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.63}.page{position:relative;z-index:1;width:min(100% - 48px,680px);min-height:100svh;margin:0 auto;display:flex;flex-direction:column}.topline{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;color:var(--text);font-size:21px;font-weight:800;letter-spacing:-1.5px}.wordmark span{font:10px var(--mono);vertical-align:top;margin-left:3px;color:var(--accent)}.availability,.eyebrow,footer{font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}.availability{display:flex;align-items:center;gap:9px}.availability i{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px #c2f97080}.intro{text-align:center;padding:83px 0 42px}.eyebrow{display:flex;justify-content:center;align-items:center;gap:12px;color:#b5b2a8;font-size:9px;letter-spacing:.16em}.eyebrow-line{width:23px;height:1px;background:var(--accent);opacity:.65}h1{font-size:clamp(48px,9vw,76px);line-height:1.06;letter-spacing:-.075em;margin:28px 0 20px;font-weight:600}h1 span:not(.period){color:#85838a;font-weight:500}.period{color:var(--accent)}.lede{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.project-list{display:flex;flex-direction:column;gap:10px}.project-card{min-height:94px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:8px;display:grid;grid-template-columns:42px 1fr auto 24px;align-items:center;gap:15px;padding:18px 21px;color:inherit;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}.project-card[href]:hover{border-color:rgba(194,249,112,.48);background:rgba(194,249,112,.045);transform:translateY(-2px)}.project-index{align-self:start;padding-top:3px;font:10px var(--mono);color:#77757b}.project-copy{display:flex;flex-direction:column;gap:6px}.project-name{font-size:15px;font-weight:700;letter-spacing:-.025em}.project-description{font-size:11px;color:var(--muted)}.project-tag{font:9px var(--mono);letter-spacing:.08em;color:var(--accent);border:1px solid rgba(194,249,112,.26);border-radius:3px;padding:5px 7px}.project-tag.soon{color:#e4bb77;border-color:rgba(228,187,119,.27)}.arrow{font-size:17px;color:#8d8a8e;justify-self:end} .upcoming{background:rgba(255,255,255,.012)}footer{margin-top:auto;padding:34px 0 27px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:.12em}.footer-star{color:var(--accent);padding-left:4px}@media(max-width:540px){.page{width:min(100% - 36px,680px)}.topline{height:72px}.intro{padding:69px 0 34px}.lede{font-size:12px}.desktop-only{display:none}.project-card{grid-template-columns:26px 1fr auto 15px;gap:10px;padding:16px 13px;min-height:87px}.project-name{font-size:13px}.project-description{font-size:10px;line-height:1.5}.project-tag{font-size:8px;padding:4px 5px}.arrow{font-size:15px}.availability{font-size:9px}}
.project-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.availability-pill{font:8px var(--mono);letter-spacing:.04em;color:#b4a185;border:1px solid rgba(228,187,119,.22);border-radius:3px;padding:4px 6px}
.project-heading{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.project-actions{margin-top:0}