.hero {background:url('../images/sea-horizon.jpg') center/cover no-repeat;height:80vh;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:#fff;text-decoration:none;}
.brand-logo{height:40px;width:auto;display:inline-block;}
.brand-text{color:#fff;font-family:"Playfair Display",serif;font-size:20px;}
.brand-logo:not([src]),.brand-logo[src=""],.brand-logo[onerror]{display:none;}
.navbar{background:#0A1A2F;padding:14px 28px;display:flex;justify-content:space-between;align-items:center;}
.navbar nav a{color:#fff;margin-left:16px;font-weight:600;}
.navbar nav a:hover{color:#C9A040;}
.btn{background:#C9A040;color:#0A1A2F;border-radius:8px;padding:8px 14px;font-weight:700;}
.wrap{max-width:1100px;margin:0 auto;padding:20px;}
.grid{display:grid;gap:18px;}
.grid.cols-2{grid-template-columns:repeat(2,1fr);}
.grid.cols-3{grid-template-columns:repeat(3,1fr);}
.card{background:#fff;border-radius:12px;padding:22px;box-shadow:0 10px 28px rgba(12,22,34,.06);} 
.page-hero{text-align:center;padding:42px 0;}
.site-footer{background:#0A1A2F;color:#fff;margin-top:40px;}
.footer-inner{max-width:1100px;margin:0 auto;padding:24px;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;}
.copy{border-top:1px solid rgba(255,255,255,.16);padding:12px;text-align:center;color:#dfe6ec;font-size:14px;}