@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--base:#faf4ed;--surface:#fffaf3;--overlay:#f2e9e1;--muted:#9893a5;--subtle:#797593;--text:#575279;--rose:#b4637a;--pine:#286983;--foam:#56949f;--iris:#907aa9;--gold:#ea9d34;--highlight:#dfdad9;--border:#e5dedb;--link:#286983;--body-font:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--heading-font:"Instrument Serif", Georgia, serif;--mono-font:"IBM Plex Mono", ui-monospace, monospace}:root[data-theme=moon]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--base:#232136;--surface:#2a273f;--overlay:#393552;--muted:#6e6a86;--subtle:#aaa5c2;--text:#e0def4;--rose:#ea9a97;--pine:#3e8fb0;--foam:#9ccfd8;--iris:#c4a7e7;--gold:#f6c177;--highlight:#56526e;--border:#3d3952;--link:#9ccfd8}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--base)}body{background:var(--base);min-height:100vh;color:var(--text);font-family:var(--body-font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;transition:background-color .24s,color .24s}body:before{content:"";background:linear-gradient(90deg, var(--rose), var(--iris), var(--foam));z-index:20;height:3px;position:fixed;inset:0 0 auto}a{color:var(--link);-webkit-text-decoration-color:color-mix(in srgb, var(--link) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--link) 35%, transparent);text-underline-offset:4px;text-decoration-thickness:1px;transition:color .16s,text-decoration-color .16s}a:hover{color:var(--rose);-webkit-text-decoration-color:var(--rose);text-decoration-color:var(--rose)}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--rose);outline-offset:5px;border-radius:3px}::selection{background:var(--highlight);color:var(--text)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.page{width:min(100% - 80px,760px);margin:0 auto;padding:34px 0 80px}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;margin-bottom:88px;padding-bottom:24px;display:flex}nav{align-items:center;gap:28px;font-size:13px;font-weight:550;display:flex}nav a{min-height:36px;color:var(--subtle);align-items:center;gap:5px;text-decoration:none;display:inline-flex;position:relative}nav a.active{color:var(--text)}nav a.active:after{content:"";background:var(--rose);height:2px;position:absolute;bottom:-25px;left:0;right:0}nav a:hover{color:var(--rose)}nav a>span{color:var(--subtle);font-size:12px}.site-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.site-controls button{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--text);cursor:pointer;border-radius:7px;place-items:center;padding:0;transition:border-color .16s,background .16s;display:grid}.site-controls button:hover{background:var(--overlay);border-color:var(--subtle)}.site-controls svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.site-controls .theme-toggle{min-width:90px;padding:0 12px;font-size:12px;font-weight:500}.theme-dawn,.theme-moon{align-items:center;gap:8px}.theme-dawn{display:flex}.theme-moon,[data-theme=moon] .theme-dawn{display:none}[data-theme=moon] .theme-moon{display:flex}.theme-toggle svg{color:var(--rose)}.site-controls .sound-toggle{width:36px;color:var(--subtle)}.sound-toggle[aria-pressed=true]{color:var(--text)}.home-content,.projects-intro,.project-detail{animation:.6s backwards enter}h1{color:var(--text);font-family:var(--heading-font);letter-spacing:-.035em;text-wrap:balance;margin:0 0 20px;font-size:clamp(48px,7vw,72px);font-weight:400;line-height:1.08}.heading-period{color:var(--rose)}.eyebrow{color:var(--subtle);font-family:var(--mono-font);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 22px;font-size:10px;font-weight:500;line-height:1.6;display:flex}.status-dot{background:var(--pine);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb, var(--pine) 10%, transparent);border-radius:50%;flex-shrink:0}.hero-description{color:var(--subtle);margin:0 0 24px;font-size:16px;line-height:1.65}.social-links{align-items:center;gap:10px;margin-bottom:40px;display:flex}.social-links a{border:1px solid var(--border);width:34px;height:34px;color:var(--subtle);border-radius:7px;place-items:center;transition:color .16s,background .16s,transform .16s;display:grid}.social-links svg{fill:currentColor;width:15px;height:15px}.social-links a:hover{color:var(--rose);background:var(--surface);transform:translateY(-2px)}.story,.postscript{max-width:650px;font-size:16px;font-weight:400;line-height:1.85}.story p{margin:0 0 21px}.story a,.postscript a{font-weight:500}.postscript{border-top:1px solid var(--border);max-width:none;color:var(--subtle);margin:36px 0 0;padding-top:28px;font-size:14px}.contact-label{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.projects-intro{margin-bottom:44px}.projects-intro>p:last-child{max-width:500px;color:var(--subtle);margin:0;font-size:16px;line-height:1.75}.project-stack{gap:16px;display:grid}.project-card{--card-accent:var(--foam);border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;grid-template-columns:30px 1fr;gap:20px;padding:28px;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;animation:.6s 80ms backwards enter;display:grid;position:relative}.project-card--orange{--card-accent:var(--rose);animation-delay:.14s}.project-card:hover{color:var(--text);border-color:var(--card-accent);box-shadow:0 10px 24px color-mix(in srgb, var(--text) 5%, transparent);transform:translateY(-3px)}.project-number{color:var(--subtle);font-family:var(--mono-font);padding-top:8px;font-size:11px}.project-line{justify-content:space-between;align-items:center;gap:20px;display:flex}.project-line h2{font-family:var(--heading-font);letter-spacing:-.02em;margin:0;font-size:34px;font-weight:400}.project-line>span{color:var(--subtle);font-size:20px;transition:transform .18s,color .18s}.project-card:hover .project-line>span{color:var(--card-accent);transform:translate(2px,-2px)}.project-copy>p{max-width:510px;color:var(--subtle);margin:12px 0 22px;font-size:14px;line-height:1.75}.project-meta,.project-tags{flex-wrap:wrap;gap:8px;display:flex}.project-meta span,.project-tags span{border:1px solid var(--border);background:var(--base);color:var(--subtle);font-family:var(--mono-font);border-radius:4px;padding:5px 8px;font-size:10px;font-weight:400;line-height:1.5}.project-detail .back-link{color:var(--subtle);margin-bottom:32px;font-size:13px;text-decoration:none;display:inline-block}.project-detail .back-link:hover{color:var(--rose)}.project-detail>header{border-bottom:1px solid var(--border);padding-bottom:34px}.project-lead{color:var(--subtle);margin:0 0 24px;font-size:18px;line-height:1.75}.project-live-link{align-items:center;gap:6px;margin:-4px 0 24px;font-size:14px;font-weight:500;display:inline-flex}.project-live-link span{transition:transform .16s}.project-live-link:hover span{transform:translate(2px,-2px)}.project-stack-block{margin-top:24px}.project-stack-block>p{color:var(--subtle);font-family:var(--mono-font);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:10px}.markdown{color:var(--text);overflow-wrap:anywhere;padding-top:40px;font-size:16px;line-height:1.85}.markdown h2,.markdown h3{color:var(--text);text-wrap:balance;font-weight:400;line-height:1.25}.markdown h2{font-family:var(--heading-font);letter-spacing:-.02em;margin:44px 0 18px;font-size:36px}.markdown h2:first-child{margin-top:0}.markdown h3{margin:32px 0 14px;font-size:18px;font-weight:600}.markdown p{margin:0 0 22px}.markdown ul,.markdown ol{margin:0 0 26px;padding-left:24px}.markdown li{margin-bottom:8px;padding-left:5px}.markdown li::marker{color:var(--rose)}.markdown blockquote{border-left:2px solid var(--rose);background:var(--surface);color:var(--subtle);margin:30px 0;padding:16px 22px;font-size:17px}.markdown code{font-family:var(--mono-font)}.markdown code:not(pre code){background:var(--overlay);color:var(--text);border-radius:4px;padding:2px 5px;font-size:.83em}.markdown pre{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;margin:28px 0;padding:24px;font-size:12px;line-height:1.8;position:relative;overflow-x:auto}.markdown pre[data-language]{padding-top:44px}.markdown pre[data-language]:before{color:var(--rose);content:attr(data-language);font-family:var(--mono-font);letter-spacing:.08em;text-transform:uppercase;font-size:10px;position:absolute;top:14px;right:18px}.markdown hr{background:var(--border);border:0;height:1px;margin:40px 0}.mermaid-diagram{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-height:180px;margin:28px 0;padding:54px 24px 24px;position:relative;overflow-x:auto}.mermaid-visual{place-items:center;min-width:420px;display:grid}.mermaid-visual>svg{max-width:100%;height:auto;display:block}.mermaid-expand,.mermaid-close{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;place-items:center;transition:background .16s,transform .16s;display:grid}.mermaid-expand{z-index:2;border-radius:6px;width:34px;height:34px;position:absolute;top:12px;right:12px}.mermaid-expand svg,.mermaid-close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px}.mermaid-expand:hover,.mermaid-close:hover{background:var(--overlay);transform:scale(1.04)}.mermaid-modal{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#191724cc;place-items:center;padding:clamp(24px,5vw,64px);display:grid;position:fixed;inset:0}.mermaid-modal-canvas{border:1px solid var(--border);background:var(--surface);border-radius:12px;place-items:center;width:min(1200px,100%);max-height:calc(100dvh - 80px);padding:clamp(28px,5vw,64px);display:grid;overflow:auto;box-shadow:0 30px 100px #19172455}.mermaid-modal-canvas svg{width:100%;min-width:720px;height:auto;max-height:calc(100dvh - 190px);display:block}.mermaid-close{z-index:1001;border-radius:50%;width:42px;height:42px;position:fixed;top:20px;right:20px}.mermaid-loading{min-height:132px;color:var(--subtle);font-family:var(--mono-font);place-items:center;font-size:11px;display:grid}.mermaid-error{color:var(--rose);margin:28px 0}.mermaid-error>strong{margin-bottom:10px;font-size:14px;display:block}@keyframes enter{0%{opacity:0;translate:0 8px}to{opacity:1;translate:none}}@media (max-width:600px){.page{width:calc(100% - 40px);padding:22px 0 48px}.site-header{gap:12px;margin-bottom:54px;padding-bottom:18px}nav{gap:18px;font-size:12px}nav a.active:after{bottom:-19px}.site-controls{gap:6px}.site-controls .theme-toggle{min-width:36px;padding:0 9px}.theme-dawn>span,.theme-moon>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1{font-size:52px}.eyebrow{letter-spacing:.065em;font-size:9px}.hero-description{font-size:14px}.story,.markdown{font-size:15px}.social-links{margin-bottom:32px}.project-card{grid-template-columns:22px 1fr;gap:12px;padding:22px 18px}.project-line h2{font-size:30px}.project-lead{font-size:16px}.markdown pre{padding-left:18px;padding-right:18px}.mermaid-diagram{padding:54px 18px 18px}.mermaid-modal{padding:16px}.mermaid-modal-canvas{max-height:calc(100dvh - 64px);padding:24px}.mermaid-modal-canvas svg{min-width:620px;max-height:calc(100dvh - 120px)}.mermaid-close{top:10px;right:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}