@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070707;--fg:#f4f4f4;--muted:#b5b5b5;--accent:#fff;--grid:#ffffff14;--shadow:#0009}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);min-height:100vh;color:var(--fg);background-image:linear-gradient(to bottom,#ffffff0a,#ffffff03),repeating-linear-gradient(90deg,transparent 0,transparent 38px,var(--grid)39px,transparent 40px),repeating-linear-gradient(180deg,transparent 0,transparent 38px,var(--grid)39px,transparent 40px);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}a{color:inherit;text-decoration:none}main{flex-direction:column;gap:64px;max-width:1100px;margin:0 auto;padding:64px 20px 80px;display:flex}.hero{text-align:center;flex-direction:column;gap:16px;display:flex}.hero h1{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(2.8rem,8vw,6.5rem)}.subtitle{color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:clamp(1rem,2.3vw,1.5rem);display:inline-flex}.cursor{background:var(--accent);width:12px;height:1.2em;animation:1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.section-title{text-transform:uppercase;letter-spacing:.12em;margin:1rem 0;font-size:clamp(1.4rem,3vw,2rem)}.project-grid{gap:24px;display:grid}.project-card{background:#0c0c0c;border:1px solid #ffffff24;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 16px 40px #0006}.project-card:after{content:"";z-index:1;background-color:#00000080;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.project-card:hover:after{background-color:#0000}.project-card img{object-fit:cover;width:100%;height:280px;display:block}.project-title{color:#fff;text-shadow:0 4px 12px var(--shadow);letter-spacing:.08em;text-transform:uppercase;z-index:2;font-size:clamp(1.2rem,3vw,1.8rem);position:absolute;bottom:16px;left:16px}.project-card:hover>.project-title{opacity:0}footer{text-align:center;color:var(--muted);border-top:1px solid #ffffff1f;padding:32px 20px 48px;font-size:.95rem}@media (max-width:600px){main{padding-top:48px}.hero{gap:.4rem}.hero h1{font-size:clamp(2rem,8vw,6.5rem)}.cursor{opacity:0;animation:none}.project-card img{height:220px}}