:root{--font-title: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary: #0a0a0a;--bg-secondary: #121212;--text-primary: #f5f5f7;--text-secondary: #86868b;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .3);--selection-color: rgba(255, 255, 255, .2);--container-width: 1100px}[data-theme=light]{--bg-primary: #f8f8f6;--bg-secondary: #f0f0ed;--text-primary: #1a1a1a;--text-secondary: #6e6e73;--border-color: rgba(0, 0, 0, .1);--border-hover: rgba(0, 0, 0, .3);--selection-color: rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4{font-family:var(--font-title);font-weight:400;letter-spacing:-.01em;color:var(--text-primary)}h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.15}h2{font-size:clamp(1.5rem,3.5vw,2.2rem);border-bottom:1px solid var(--border-color);padding-bottom:.8rem;margin-bottom:2rem}h3{font-size:1.25rem;font-weight:500}p{color:var(--text-secondary);font-size:1rem}a{color:var(--text-primary);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.7}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem;width:100%}header{border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);position:sticky;top:0;z-index:100}main{min-height:calc(100vh - 180px)}section{padding:clamp(3rem,7vw,6rem) 0}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr;gap:2rem}}.project-card{border:1px solid var(--border-color);padding:2.5rem;background:var(--bg-secondary);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:border-color .2s ease}.project-card:hover{border-color:var(--border-hover)}.placeholder-visual{width:100%;aspect-ratio:16/10;background-color:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem}.meta-table{width:100%;border-collapse:collapse;margin-bottom:3rem}.meta-table tr{border-bottom:1px solid var(--border-color)}.meta-table td{padding:1rem 0}.meta-table td:first-child{font-family:var(--font-title);color:var(--text-secondary);width:35%}.meta-table td:last-child{color:var(--text-primary)}::selection{background-color:var(--selection-color);color:var(--text-primary)}