*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial,sans-serif;color:#1d2430;line-height:1.6}
header{background:#0f3d2e;color:#fff;padding:14px 5%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
header a{color:#fff;text-decoration:none;margin-left:18px;font-weight:600}.logo{font-size:1.3em;font-weight:800;margin:0}.logo span{color:#f5c400}
.hero{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.6)),url(img/p01.jpg) center/cover;color:#fff;padding:110px 5%}
.hero h1{font-size:2.6em;margin:0 0 10px}.btn{display:inline-block;background:#f5c400;color:#111;padding:12px 22px;border-radius:6px;font-weight:700;text-decoration:none;margin:8px 8px 0 0}
main section{padding:50px 5%}main section:nth-child(even){background:#f3f5f4}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:#fff;border:1px solid #dde3e0;border-radius:8px;padding:20px}h2{color:#0f3d2e}img.photo{width:100%;border-radius:8px}
footer{background:#111;color:#bbb;padding:24px 5%;font-size:.9em}footer a{color:#f5c400}

.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.gal figure,.wide{margin:0}.gal img,.wide img{width:100%;border-radius:8px;display:block}.gal img{aspect-ratio:16/9;object-fit:cover}figcaption{font-size:.9em;color:#4a5260;margin-top:6px}.wide{margin-top:20px}