html { scroll-behavior: smooth; }
body { min-width: 320px; }
a { transition: color .2s ease, background .2s ease, transform .2s ease; }
a:hover, button:hover { transform: translateY(-1px); }
.hero {
    min-height: calc(100vh - 5rem);
    background: linear-gradient(90deg, rgba(23,32,25,.82), rgba(23,32,25,.26)), url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1800&q=80') center/cover;
}
.section-pad { padding: 4rem 1rem; }
.card { border: 1px solid rgba(0,0,0,.09); background: #fff; border-radius: .5rem; overflow: hidden; box-shadow: 0 14px 35px rgba(23,32,25,.08); }
.img-cover { width: 100%; height: 15rem; object-fit: cover; }
.pill { display: inline-flex; align-items: center; border-radius: 999px; background: #edf7f2; color: #1f7a5a; padding: .35rem .7rem; font-size: .8rem; font-weight: 800; }
.feature-list { display: flex; flex-wrap: wrap; gap: .5rem; }
.field { width: 100%; border: 1px solid rgba(0,0,0,.15); border-radius: .5rem; padding: .8rem .9rem; background: #fff; }
.admin-nav a { display: block; border-radius: .5rem; padding: .7rem .9rem; font-weight: 700; }
.admin-nav a:hover { background: rgba(31,122,90,.12); }
.gallery-modal { display: none; position: fixed; inset: 0; z-index: 90; background: rgba(0,0,0,.92); align-items: center; justify-content: center; padding: 1rem; }
.gallery-modal.active { display: flex; }
.gallery-modal img { max-width: 100%; max-height: 100%; object-fit: contain; }
@media (max-width: 640px) {
    .hero { min-height: 82vh; }
    .img-cover { height: 12rem; }
}