:root { --green:#294d38; --lime:#b5d96a; --cream:#f5f3ed; --ink:#16261c; --line:#d9ddd6; }
* { box-sizing:border-box; } body { margin:0; background:var(--cream); color:var(--ink); font:16px/1.55 Arial,sans-serif; }
a { color:inherit; } .shell { max-width:1040px; margin:auto; padding:28px 24px 72px; } header { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:6px 0 42px; } .brand { color:var(--green); font-weight:800; font-size:1.35rem; text-decoration:none; letter-spacing:.04em; } .muted { color:#657168; } h1 { font-size:clamp(2.2rem,6vw,4.6rem); line-height:1.02; margin:0 0 18px; color:var(--green); max-width:800px; } h2 { margin:42px 0 14px; color:var(--green); }
.button, button { display:inline-flex; align-items:center; justify-content:center; padding:11px 19px; border-radius:999px; border:1px solid var(--green); background:var(--green); color:#fff; text-decoration:none; cursor:pointer; font:inherit; font-weight:700; } .button.light { color:var(--green); background:transparent; } .hero { padding:46px 0 28px; border-bottom:1px solid var(--line); }
.category { padding-top:1px; } .project-list { display:flex; flex-wrap:wrap; gap:11px; } .project-pill { display:block; border:1px solid var(--green); border-radius:999px; padding:11px 20px; background:#fff; text-decoration:none; font-weight:700; transition:.16s; } .project-pill:hover { background:var(--lime); transform:translateY(-2px); } .empty { padding:20px; background:#fff; border-radius:12px; }
.card { max-width:620px; padding:28px; background:#fff; border:1px solid var(--line); border-radius:18px; } label { display:block; margin:18px 0 7px; font-weight:700; } input, textarea, select { display:block; width:100%; padding:12px; border:1px solid #b7c0b8; border-radius:9px; background:#fff; font:inherit; } textarea { min-height:140px; resize:vertical; } .notice { margin:18px 0; padding:12px 16px; border-radius:9px; background:#dff0c4; } .error { background:#f8d9d3; }
.admin-head { display:flex; justify-content:space-between; align-items:center; gap:12px; } .admin-list { margin-top:36px; } .admin-item { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 0; border-bottom:1px solid var(--line); } .admin-item form { margin:0; } .danger { background:#8d2d22; border-color:#8d2d22; padding:8px 14px; }
.project-header { margin:34px 0; } .project-description { max-width:720px; font-size:1.1rem; white-space:pre-line; } .photos { display:grid; grid-template-columns:1fr 1fr; gap:22px; } figure { margin:0; } figure figcaption { margin:0 0 8px; color:var(--green); font-weight:800; } figure img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:14px; display:block; } @media(max-width:650px) { .photos { grid-template-columns:1fr; } header { padding-bottom:26px; } }