:root{--green:#173d2e;--sage:#58745c;--paper:#f8f6f0;--ink:#203329;--gold:#e6d6b5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#245e44}header{background:var(--green);padding:18px max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}header a{color:white;text-decoration:none}header strong{font-size:17px;letter-spacing:.06em}header nav{display:flex;gap:22px;font-size:13px}main{max-width:1240px;margin:auto;padding:30px 20px 80px}.crumb{font-size:13px;margin-bottom:18px}.heading{max-width:920px;margin:0 auto 28px}.eyebrow{color:#436d55;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:12px}h1,h2,h3{font-family:Georgia,serif;line-height:1.16;color:#193729}h1{font-size:clamp(35px,5vw,59px);margin:10px 0 16px}h2{font-size:30px}h3{font-size:25px;margin:0}.lead{font-size:19px;color:#465c4f;max-width:760px}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:30px;align-items:start}.toc{position:sticky;top:18px;background:white;border:1px solid #e7e6dc;border-radius:14px;padding:18px;max-height:90vh;overflow:auto}.toc h2{font-size:23px;margin:0 0 12px}.toc a{display:block;padding:5px 0;text-decoration:none;font-size:13px}.toc .num{display:inline-flex;justify-content:center;align-items:center;background:#59765b;color:white;width:23px;height:23px;border-radius:50%;font-weight:700;margin-right:8px}.article{min-width:0}.notice{background:#f2e8d3;border-left:4px solid #b08a4a;padding:13px 17px;border-radius:5px;font-size:14px;margin-bottom:25px}.intro{background:white;padding:22px 28px;border-radius:14px;border:1px solid #e8e6dc;margin-bottom:22px}.intro ul{columns:2}.project{border-bottom:1px solid #b8c9b9;padding:27px 0;scroll-margin-top:20px}.project-head{display:flex;gap:13px;align-items:center;margin-bottom:14px}.project-head span{width:48px;height:48px;border-radius:50%;background:#59765b;color:white;display:grid;place-items:center;font:bold 25px Georgia;flex:none}.project-grid{display:grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.project-grid.no-photo{display:block}.project img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}.caption{font-size:12px;color:#64756b;margin:7px 0}.details p{margin:0 0 12px}.tips{background:#f1eee4;padding:15px 18px;border-radius:11px;font-size:14px}.tips strong{color:#254f3b}.cta{background:#eae9d8;border-radius:15px;padding:24px;margin:28px 0;text-align:center}.cta h2{font-size:27px;margin:0 0 9px}.button{display:inline-block;background:#d95d21;color:white;text-decoration:none;font-weight:800;padding:12px 22px;border-radius:7px;margin-top:10px}.footer{background:var(--green);color:white;text-align:center;padding:28px;font-size:13px}.footer a{color:white}.more{background:white;border-radius:14px;padding:22px;margin-top:25px}.more a{display:inline-block;margin:5px 15px 5px 0}figure{margin:0} .topphoto{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:15px;margin:5px 0 22px}@media(max-width:900px){.layout{display:block}.toc{position:static;max-height:none;margin-bottom:22px}.toc .links{columns:2}.project-grid{grid-template-columns:1fr}.project img{max-height:400px}.intro ul{columns:1}}@media(max-width:540px){main{padding:22px 15px 60px}.toc .links{columns:1}header strong{font-size:14px}h1{font-size:36px}.project-head span{width:40px;height:40px;font-size:22px}h3{font-size:24px}.intro{padding:18px}}