:root{color:#253b33;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--muted:#5f6c65;--accent:#285c45;--border:#d8ddd4;background:#f6f5ef;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent);text-underline-offset:.3em;text-decoration:underline}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:2px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}#app{width:min(1080px,100% - 6rem);margin:0 auto}.skip-link{z-index:1;background:#fff;padding:.75rem 1rem;position:absolute;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:2rem 0;display:flex}.wordmark{letter-spacing:-.05em;font-size:1.4rem;font-weight:750}.wordmark span{color:var(--muted);font-weight:400}nav{gap:2rem;font-size:.9rem;display:flex}.intro{grid-template-columns:1.6fr 1fr;align-items:center;gap:4rem;padding:6rem 0;display:grid}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.25rem;font-size:.72rem;font-weight:650}h1{letter-spacing:-.06em;font-size:clamp(2.5rem,5.4vw,4.5rem);font-weight:550}h1 span{color:var(--accent)}.intro-text{max-width:29rem;color:var(--muted);margin-top:1.5rem;font-size:1.1rem}.project-link{background:var(--accent);color:#fff;border-radius:4px;align-items:center;gap:2rem;margin-top:2rem;padding:.8rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.project-link:hover{color:#fff;background:#1e4835}.intro-sidebar{gap:1rem;min-width:0;display:grid}.about{border:1px solid var(--border);background:#eeefe7;border-radius:8px;padding:2rem}.profile-photo{object-fit:cover;border-radius:50%;width:3.5rem;height:3.5rem;margin-bottom:2rem;display:block}.about h2{margin-bottom:.85rem;font-size:1.2rem;font-weight:600}.about p{color:var(--muted);margin-bottom:1.5rem;font-size:.95rem}.profile-link{color:var(--accent);text-underline-offset:.3em;font-size:.9rem;font-weight:600;text-decoration:underline}.weather{border:1px solid var(--border);background:#eef5ff;border-radius:8px;overflow:hidden}.weather iframe{border:0;width:100%;display:block}.weather-link{color:var(--accent);text-underline-offset:.3em;background:#fafaf6;padding:.6rem 1rem;font-size:.8rem;text-decoration:underline;display:block}.placeholder-label{color:var(--muted);border:1px solid #c6cec2;border-radius:100px;padding:.25rem .7rem;font-size:.72rem;display:inline-block}.projects{border-top:1px solid var(--border);padding:3rem 0 5rem}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.section-heading .eyebrow{margin-bottom:.75rem}.section-heading h2{letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.3rem);font-weight:550}.section-heading>p{color:var(--muted);font-size:.9rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.project-card{border:1px solid var(--border);background:#fafaf6;border-radius:8px;padding:1.75rem}.card-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.project-number{color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-size:.8rem}.project-card h3{margin-bottom:.75rem;font-size:1.2rem;font-weight:600}.project-card p{color:var(--muted);max-width:25rem;font-size:.95rem}.site-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0 2rem;font-size:.8rem;display:flex}@media (width<=800px){#app{width:calc(100% - 3rem)}.intro{grid-template-columns:1fr;gap:2.5rem;padding:3.5rem 0}.intro-sidebar{width:100%;max-width:34rem}.profile-photo{margin-bottom:1.25rem}}@media (width<=520px){#app{width:calc(100% - 2.5rem)}.site-header{padding:1.25rem 0}nav{gap:1rem;font-size:.8rem}.intro{padding:3rem 0}.about,.project-card{padding:1.5rem}.section-heading{flex-direction:column;align-items:start;gap:1rem}.project-grid{grid-template-columns:1fr}.projects{padding-bottom:3rem}.site-footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
