:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#081a1b;--surface:#102b2a;--surface-hover:#163633;--ink:#f7f8ef;--muted:#b9cfc8;--line:#c9ebda2e;--mint:#a1ecc9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}a{color:inherit}a:focus-visible{outline-offset:4px;outline:3px solid #f8d88d}::selection{color:#08211d;background:#c6f7d5}.site{background:radial-gradient(ellipse 80% 25% at 50% -5%, #48a88f33, transparent), var(--background);min-height:100svh}.container{width:min(100%,580px);margin:0 auto;padding:24px 20px 40px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.wordmark{letter-spacing:.15em;white-space:nowrap;align-items:center;gap:9px;min-height:44px;font-size:11px;font-weight:900;text-decoration:none;display:inline-flex}.top-about{min-height:44px;color:var(--muted);letter-spacing:.09em;white-space:nowrap;align-items:center;font-size:10px;font-weight:750;text-decoration:none;display:inline-flex}.top-about:hover,.footer a:hover{color:var(--mint)}.hero{text-align:center;padding:6px 0 28px}.eyebrow{color:var(--mint);letter-spacing:.22em;margin:0 0 12px;font-size:10px;font-weight:800}.hero h1{color:var(--ink);letter-spacing:-.075em;margin:0;font-size:clamp(46px,10vw,64px);font-weight:900;line-height:.98}.hero h1>span{display:block}.hero .period{color:var(--mint)}.profile-handle{min-height:44px;color:var(--mint);text-underline-offset:4px;align-items:center;font-size:14px;display:inline-flex}.lead{letter-spacing:-.025em;margin:12px 0 0;font-size:clamp(18px,4.6vw,23px);font-weight:700;line-height:1.35}.intro{max-width:390px;color:var(--muted);margin:11px auto 0;font-size:14px;line-height:1.65}.section-heading{color:var(--muted);letter-spacing:.16em;margin:0 0 14px;font-size:11px;font-weight:800}.main-links{gap:10px;display:grid}.link-card{background:var(--surface);border:1px solid #bee9d342;border-radius:16px;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:14px;min-height:82px;padding:15px 18px;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:grid}.link-card:hover{background:var(--surface-hover);border-color:#a1ecc9cc;transform:translateY(-2px)}.link-symbol{width:48px;height:48px;color:var(--mint);background:#a1ecc91a;border-radius:13px;place-items:center;font-size:27px;display:grid}.link-copy{min-width:0}.link-title{letter-spacing:-.025em;font-size:18px;line-height:1.2;display:block}.link-description{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.45;display:block}.link-arrow{color:var(--mint);font-size:22px}.social-section{margin-top:33px}.social-links{flex-wrap:wrap;gap:9px;display:flex}.social-link{border:1px solid var(--line);background:#ffffff08;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .16s,background .16s;display:inline-flex}.social-link span{color:var(--mint)}.social-link:hover{border-color:var(--mint);background:#a1ecc914}.project-section{border-top:1px solid var(--line);margin-top:38px;padding-top:24px}.project-links{display:grid}.project-link{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:15px 4px;text-decoration:none;display:flex}.project-link strong{font-size:15px;display:block}.project-link small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.5;display:block}.project-link:hover strong{color:var(--mint)}.project-arrow{color:var(--mint);font-size:19px}.footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:42px;padding-top:22px;font-size:12px;display:flex}.footer a{min-height:44px;color:var(--ink);text-underline-offset:3px;align-items:center;display:inline-flex}@media (max-width:390px){.container{padding:20px 16px 32px}.topbar{margin-bottom:22px}.hero h1{font-size:clamp(44px,12vw,54px)}.link-card{grid-template-columns:44px minmax(0,1fr) 18px;gap:11px;padding:14px}.link-symbol{width:44px;height:44px;font-size:24px}.link-title{font-size:17px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.link-card,.social-link{transition:none}.link-card:hover{transform:none}}