:root {
  --bg-primary: #faf9f6;
  --bg-secondary: #f0ede6;
  --text-primary: #1c2321;
  --text-secondary: #4a5553;
  --accent: #2e5a44;
  --accent-hover: #1e3d2e;
  --border-color: #d1cbc4;
  --card-bg: #ffffff;
  --soft-shadow: 0 18px 40px rgba(28,35,33,.08);
  --container-width: 1140px;
  --container-narrow: 760px;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-serif: Georgia, Cambria, "Times New Roman", Times, serif;
  --transition-smooth: all .25s ease-in-out;
}
@media (prefers-color-scheme: dark) {
  :root { --bg-primary:#121615; --bg-secondary:#1a201e; --text-primary:#f4f7f6; --text-secondary:#a9b7b3; --accent:#529471; --accent-hover:#6cb88d; --border-color:#2d3835; --card-bg:#161c1a; --soft-shadow:0 18px 40px rgba(0,0,0,.24); }
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;font-size:16px} body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased} a{color:var(--accent)} img{display:block;max-width:100%;height:auto}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.narrow-container{max-width:var(--container-narrow)}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:8px;z-index:100;transition:top .2s}.skip-link:focus{top:0}
h1,h2,h3,h4{color:var(--text-primary);line-height:1.18;font-weight:650;letter-spacing:-.025em} h1{font-size:clamp(2.45rem,7vw,4.9rem);font-family:var(--font-serif)} h2{font-size:clamp(1.8rem,4vw,2.55rem);font-family:var(--font-serif)} h3{font-size:1.35rem} p{margin-bottom:1.15rem;color:var(--text-secondary)} blockquote{font-family:var(--font-serif);font-size:clamp(1.35rem,3vw,1.9rem);font-style:italic;color:var(--text-primary);line-height:1.38;border-left:4px solid var(--accent);padding-left:1.5rem;margin:1rem 0 2.5rem}
.btn{display:inline-block;padding:.78rem 1.5rem;font-weight:600;text-decoration:none;border-radius:999px;transition:var(--transition-smooth);font-size:.95rem;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:transparent;border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-secondary)}.text-link{color:var(--accent);text-decoration:none;font-weight:700}.text-link:hover{text-decoration:underline}.small-note{font-size:.88rem;margin-top:.85rem}.eyebrow{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:800;margin-bottom:1rem}
.site-header{background:color-mix(in srgb,var(--bg-primary) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50}.header-container{display:flex;justify-content:space-between;align-items:center;min-height:72px}.logo-text{font-family:var(--font-serif);font-size:1.18rem;font-weight:700;color:var(--text-primary);text-decoration:none}.main-nav ul{display:flex;list-style:none;gap:1.35rem}.main-nav a{text-decoration:none;color:var(--text-secondary);font-size:.94rem;transition:var(--transition-smooth)}.main-nav a:hover,.main-nav a.active{color:var(--text-primary)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}
.section{padding:clamp(3.5rem,8vw,6.25rem) 0}.bg-alt{background:var(--bg-secondary)}.section-header{margin-bottom:2.75rem;max-width:700px}.section-subtitle{font-size:1.12rem;margin-top:.65rem}.hero{padding:clamp(4rem,11vw,8rem) 0;border-bottom:1px solid var(--border-color)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,5rem);align-items:center}.hero-lead{font-size:clamp(1.17rem,2.4vw,1.45rem);max-width:820px;margin:1.5rem 0 1rem;line-height:1.5;color:var(--text-primary)}.hero-note{max-width:760px;font-size:1.05rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.card-photo{overflow:hidden;border-radius:28px;border:1px solid var(--border-color);box-shadow:var(--soft-shadow);background:var(--card-bg)}.hero-photo img{width:100%;height:min(58vw,520px);object-fit:cover}.hero-photo figcaption{padding:1rem 1.2rem;font-size:.88rem;color:var(--text-secondary);background:var(--card-bg)}
.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.5rem}.featured-card{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;gap:1.75rem;align-items:center}.project-card,.observation-card,.contact-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;overflow:hidden;padding:1.65rem;box-shadow:0 8px 22px rgba(28,35,33,.035)}.project-image{border-radius:16px}.project-image img{width:100%;height:320px;object-fit:cover}.image-card{padding:0}.image-card>img{width:100%;height:250px;object-fit:cover}.image-card .project-content{padding:1.45rem}.project-tag{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:800;margin-bottom:.65rem;display:inline-block}.status-tag{font-size:.76rem;background:var(--bg-secondary);padding:.28rem .6rem;border-radius:999px;display:inline-block;margin-top:.6rem}
.observation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.35rem}.observation-card{padding:1rem}.observation-card img{width:100%;height:185px;object-fit:cover;border-radius:14px;border:1px solid var(--border-color);margin-bottom:1rem}.observation-card h3{margin:.4rem 0 .5rem;font-size:1.12rem}.observation-card p{font-size:.95rem}.about-narrative p{font-size:1.05rem}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2.25rem}.gallery-tile{position:relative;min-height:220px;border-radius:18px;overflow:hidden;border:1px solid var(--border-color);text-decoration:none;box-shadow:0 8px 22px rgba(28,35,33,.04)}.gallery-tile img{width:100%;height:100%;min-height:220px;object-fit:cover;filter:saturate(.92)}.gallery-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.58),rgba(0,0,0,.05))}.gallery-tile span{position:absolute;left:1rem;right:1rem;bottom:1rem;color:#fff;font-weight:800;z-index:1}.gallery-action{text-align:center}.dual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem}.contact-info{margin-top:1.75rem}.contact-panel h3{margin-bottom:.55rem}.contact-panel h3:not(:first-child){margin-top:1.5rem}
.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3.5rem 0 2rem;font-size:.92rem}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem;margin-bottom:2.5rem}.footer-brand{max-width:470px}.footer-logo{font-family:var(--font-serif);font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--text-secondary);text-decoration:none}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:1.5rem}.footer-bottom p{margin:0}
@media (min-width:768px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:850px){.hero-grid,.featured-card{grid-template-columns:1fr}.hero-photo img{height:360px}}@media (max-width:768px){.nav-toggle{display:block;z-index:100}.main-nav{position:fixed;top:0;right:-100%;width:82%;max-width:320px;height:100vh;background:var(--bg-primary);box-shadow:-4px 0 12px rgba(0,0,0,.08);padding:100px 2rem 2rem;transition:right .3s cubic-bezier(.4,0,.2,1)}.main-nav.nav-open{right:0}.main-nav ul{flex-direction:column;gap:1.6rem}.main-nav a{font-size:1.15rem}.hamburger{display:block;width:24px;height:2px;background:var(--text-primary);position:relative}.hamburger::before,.hamburger::after{content:'';position:absolute;width:24px;height:2px;background:var(--text-primary);left:0}.hamburger::before{top:-6px}.hamburger::after{top:6px}.gallery-grid{grid-template-columns:1fr}.hero-photo img{height:300px}}