:root{--bg: #ffffff;--text: #1a1a1a;--muted: #6b6b6b;--border: #e6e6e6;--accent: #1a1a1a;--max-width: 1600px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{max-width:var(--max-width);margin:0 auto;padding:2.5rem 1.5rem 1.5rem;display:flex;justify-content:space-between;align-items:baseline}.site-title{font-weight:600;font-size:1.1rem;letter-spacing:-0.01em}.site-header nav a{margin-left:1.5rem;color:var(--muted);font-size:0.95rem;transition:color 0.15s ease}.site-header nav a:hover{color:var(--text)}main{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem 6rem}.intro{padding:2rem 0 4rem;border-bottom:1px solid var(--border);margin-bottom:3rem}.intro h1{font-size:2rem;margin:0 0 0.5rem;letter-spacing:-0.02em}.intro p{color:var(--muted);margin:0}.intro h1::after{content:"";display:block;width:40px;height:2px;background:var(--text);margin-top:0.75rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:3.5rem}.project-card{display:block}.project-thumb{aspect-ratio:3 / 2;overflow:hidden;border-radius:6px;background:#eee;border:1px solid var(--border)}.project-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease, opacity 0.4s ease}.project-card:hover .project-thumb img{transform:scale(1.04);opacity:0.92}.project-card-text h2{font-size:1.05rem;margin:1rem 0 0.25rem;font-weight:600}.project-card-text p{font-size:0.9rem;color:var(--muted);margin:0}.project-detail h1{font-size:1.8rem;margin-bottom:0.25rem;letter-spacing:-0.02em}.project-meta{color:var(--muted);font-size:0.9rem;margin-bottom:2rem}.project-hero{width:100%;border-radius:6px;margin-bottom:2rem}.project-link{display:inline-block;margin-top:1rem;font-weight:600;border-bottom:1px solid var(--text)}.site-footer{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem;color:var(--muted);font-size:0.85rem;border-top:1px solid var(--border)}@media (max-width: 600px){.site-header{flex-direction:column;align-items:flex-start}.site-header nav{margin-top:0.5rem}.site-header nav a{margin-left:0;margin-right:1rem}}.back-bar{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--border);padding:1rem 1.5rem}.back-bar a{color:var(--muted);font-size:0.9rem;transition:color 0.15s ease}.back-bar a:hover{color:var(--text)}