:root{--bg: #F5ECD7;--bg-card: #ffffff;--bg-nav: #2A3531;--text: #2A3531;--text-muted: #7A6E5D;--accent: #CD2922;--accent-sec: #13A29C;--border: #DDD0B8;--max-w: 960px;font-family:Wix Madefor Text,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--text);background-color:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background-color:var(--bg);color:var(--text)}a{color:var(--accent-sec);text-decoration:none}a:hover{color:var(--accent)}ul{list-style:none}.project-page-bg{background:#fff;min-height:100vh}.project-detail{padding:3rem 0 4rem}.project-detail-inner{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}.project-date{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.project-detail-title{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:1.25rem}.project-detail-body{font-size:1rem;line-height:1.75;color:var(--text);max-width:68ch;margin-bottom:1rem}.project-iframe{display:block;width:100%;aspect-ratio:11 / 8;border:none;margin:2.5rem 0}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{font-size:.8rem;font-weight:500;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:.25rem .75rem}.navbar{position:sticky;top:0;z-index:100;background-color:var(--bg-nav)}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center}.nav-logo{height:40px;width:auto;display:block}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:.9375rem;font-weight:500;color:#f5ecd7b3;transition:color .2s}.nav-links a:hover{color:#f5ecd7}.hero{padding:5rem 2rem 4rem}.hero-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;gap:4rem}.hero-content{flex:1;min-width:0}.hero-tagline{font-size:clamp(1.125rem,2.5vw,1.375rem);color:var(--text);line-height:1.75}.hero-photo{flex-shrink:0;width:220px;height:220px;border-radius:50%;overflow:hidden;background-color:var(--border)}.hero-photo img{width:100%;height:100%;object-fit:cover}@media(max-width:640px){.hero-inner{flex-direction:column-reverse;gap:2rem}.hero-photo{width:160px;height:160px}}.projects{padding:5rem 2rem;border-top:1px solid var(--border)}.projects-inner{max-width:var(--max-w);margin:0 auto}.projects-heading{font-size:1.375rem;font-weight:700;letter-spacing:-.01em;color:var(--text);margin-bottom:2rem}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:720px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.projects-grid{grid-template-columns:1fr}}.card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;box-shadow:0 2px 10px #2a353114}.card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #2a353126;border-color:var(--accent-sec)}.card-thumb{width:100%;aspect-ratio:16 / 9;transition:transform .3s ease}.card:hover .card-thumb{transform:scale(1.04)}.card-body{padding:1.25rem}.card-title{font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:.375rem}.card-desc{font-size:.875rem;color:var(--text-muted);line-height:1.55;margin-bottom:1rem}.card-link{font-size:.875rem;font-weight:500;color:var(--accent-sec);transition:color .2s}.card-link:after{content:"";position:absolute;inset:0}.card-link:hover{color:var(--accent)}