:root { --green:#318843; --leaf:#62bd63; --yellow:#f7cf2c; --ink:#15321c; --paper:#f7faf5; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:"Noto Sans Georgian", system-ui, sans-serif; line-height:1.65; }
a { color:inherit; } .site-header { min-height:80px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:10px clamp(20px,5vw,84px); background:#fff; position:sticky; top:0; z-index:2; box-shadow:0 2px 16px #15321c10; }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; font-size:13px; font-weight:800; line-height:1.3; }.brand img { width:52px; height:52px; object-fit:contain; } nav { display:flex; align-items:center; gap:clamp(16px,2.5vw,38px); font-size:14px; font-weight:600; } nav a { text-decoration:none; } nav a:hover { color:var(--green); }.join-link { background:var(--green); color:white; padding:10px 16px; border-radius:999px; }.menu-button { display:none; border:0; background:var(--green); color:#fff; border-radius:999px; padding:9px 13px; font:inherit; }
.hero { min-height:620px; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:4vw; padding:76px clamp(20px,10vw,150px); overflow:hidden; background:linear-gradient(135deg,#eff8ed 0%,#cbeacb 100%); }.hero-copy { max-width:680px; }.eyebrow { margin:0 0 12px; color:var(--green); text-transform:uppercase; letter-spacing:.08em; font-size:12px; font-weight:800; } h1,h2,h3,p { margin-top:0; } h1 { font-size:clamp(40px,5.4vw,76px); line-height:1.08; letter-spacing:-.045em; margin-bottom:24px; } h2 { font-size:clamp(27px,3vw,44px); line-height:1.18; letter-spacing:-.035em; margin-bottom:18px; }.lead { font-size:clamp(17px,1.6vw,21px); max-width:600px; }.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }.button { display:inline-block; border-radius:999px; padding:13px 22px; text-decoration:none; font-weight:800; }.primary { color:#fff; background:var(--green); }.secondary { border:1px solid var(--green); }.hero-mark { justify-self:center; width:min(400px,74vw); aspect-ratio:1; border-radius:50%; background:var(--green); display:grid; place-items:center; box-shadow:18px 20px 0 var(--yellow); }.hero-mark img { width:86%; height:86%; object-fit:contain; }
.section { padding:94px clamp(20px,10vw,150px); }.about { max-width:1000px; }.about > p:last-child { font-size:20px; }.priorities { background:#fff; }.card-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:34px; }.card { padding:25px; background:var(--paper); border-radius:16px; min-height:215px; }.card span { color:var(--green); font-weight:800; }.card h3 { font-size:20px; margin:20px 0 8px; }.card p { font-size:14px; }.news { max-width:1000px; }.news-box { background:#e7f2e5; border-left:5px solid var(--green); padding:28px; border-radius:0 14px 14px 0; }.news-box p { margin-bottom:8px; }.muted { color:#406249; font-size:14px; }.join { display:flex; justify-content:space-between; align-items:center; gap:25px; padding:58px clamp(20px,10vw,150px); color:white; background:var(--green); }.join .eyebrow { color:#d5ebd0; }.join h2 { margin:0; }.light { color:var(--green); background:white; white-space:nowrap; }
footer { display:grid; grid-template-columns:1.4fr 1fr; gap:25px; padding:50px clamp(20px,10vw,150px) 25px; background:#15321c; color:#fff; }.footer-brand { font-size:22px; font-weight:800; }footer p { margin-bottom:8px; color:#bcd5c0; }footer a { display:block; margin-bottom:6px; text-decoration:none; }.copyright { grid-column:1/-1; border-top:1px solid #ffffff2d; padding-top:20px; font-size:12px; }
.draft-editor { position:fixed; right:18px; bottom:18px; z-index:5; display:flex; align-items:center; gap:8px; padding:10px 12px; background:#15321c; color:white; border-radius:14px; box-shadow:0 8px 28px #0004; font-size:13px; }.draft-editor span { color:#cfe7d1; font-weight:700; }.draft-editor button { border:0; border-radius:8px; padding:8px 10px; color:#15321c; background:#fff; font:inherit; font-weight:800; cursor:pointer; }.draft-editor #reset-draft { color:#fff; background:#387248; }
body.editing [data-editable] { outline:2px dashed var(--green); outline-offset:4px; border-radius:3px; cursor:text; } body.editing [data-editable]:focus { outline-color:var(--yellow); background:#fffbe5; }
@media (max-width:800px) { .menu-button { display:block; } nav { display:none; position:absolute; top:80px; left:0; right:0; padding:20px; background:#fff; flex-direction:column; align-items:stretch; }nav.open{display:flex}.join-link{text-align:center}.hero { grid-template-columns:1fr; padding-top:60px; }.hero-mark { grid-row:1; }.card-grid { grid-template-columns:1fr 1fr; }.section { padding-top:68px; padding-bottom:68px; } }
@media (max-width:480px) { .card-grid { grid-template-columns:1fr; }.join,footer { grid-template-columns:1fr; }.join { align-items:flex-start; flex-direction:column; } .brand span { display:none; } }