*{box-sizing:border-box}body{margin:0;font:17px/1.65 Georgia,serif;color:#1d2b36;background:#fbfaf7}
a{color:#0b5c7a}header{background:#0f3b52;color:#fff;padding:14px 24px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
header a{color:#fff;text-decoration:none;font:15px system-ui,sans-serif}header .logo{font:700 20px Georgia,serif}
nav{display:flex;gap:16px;flex-wrap:wrap}
.hero{background:linear-gradient(135deg,#0f3b52,#2a7f9e);color:#fff;padding:72px 24px;text-align:center}
.hero h1{font-size:40px;margin:0 0 12px;line-height:1.15}.hero p{max-width:640px;margin:0 auto 24px;font-size:19px}
.btn{display:inline-block;background:#e8a33d;color:#1d2b36;padding:13px 26px;border-radius:6px;font:700 16px system-ui,sans-serif;text-decoration:none;border:0;cursor:pointer}
main{max-width:760px;margin:0 auto;padding:36px 24px}main h1{font-size:34px;line-height:1.2}h2{margin-top:36px;color:#0f3b52}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}
.card{background:#fff;border:1px solid #e1ddd3;border-radius:8px;padding:18px}.card h3{margin:0 0 6px}
.note{background:#fff7e6;border-left:4px solid #e8a33d;padding:12px 16px;font-size:15px;margin:24px 0}
table{border-collapse:collapse;width:100%;font:15px system-ui,sans-serif}td,th{border:1px solid #e1ddd3;padding:8px;text-align:left}th{background:#f0ede4}
form{background:#fff;border:1px solid #e1ddd3;border-radius:8px;padding:22px;display:grid;gap:12px;font:15px system-ui,sans-serif}
input,select,textarea{padding:10px;border:1px solid #bbb;border-radius:5px;font:inherit;width:100%}
footer{background:#0f3b52;color:#cfe3ec;padding:28px 24px;font:14px system-ui,sans-serif;text-align:center}footer a{color:#fff}
.hero.photo{background:linear-gradient(rgba(10,40,58,.55),rgba(10,40,58,.55)),url(/img/hero-aerial.jpg) center 40%/cover;padding:120px 24px}
.banner{height:220px;background-size:cover;background-position:center}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;max-width:1100px;margin:0 auto;padding:12px 24px 36px}
.gallery img{width:100%;height:220px;object-fit:cover;border-radius:8px;display:block}
.gallery-h{text-align:center;margin:36px 0 0;color:#0f3b52}
@media(max-width:600px){.hero.photo{padding:80px 20px}.banner{height:140px}}