:root{
  --bg: #0D2C2F;
  --bg-alt: #082123;
  --primary: #E7D7B6;
  --accent: #D86A2C;
  --teal: #0E4347;
  --muted: #8FB6B9;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--primary);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
a{color:var(--primary);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 1rem}
/* Header */
header{position:sticky;top:0;background:rgba(8,33,35,.9);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid rgba(255,255,255,.06);z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.logo{display:flex;gap:.75rem;align-items:center}
.logo img{height:44px;width:44px;border-radius:9999px}
.brand{font-weight:800;letter-spacing:.02em}
.brand .name{display:block;font-size:1.1rem}
.brand .tag{display:block;font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.18em}
nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
nav a{opacity:.9;padding:.4rem .6rem;border-radius:.6rem}
nav a:hover{background:rgba(255,255,255,.06)}
.cta-btn{background:var(--accent);color:#111;padding:.55rem .9rem;border-radius:.6rem;font-weight:700}
.cta-btn:hover{filter:brightness(1.1)}

/* Hero */
.hero{background:linear-gradient(180deg,#0E4347 0%, #0D2C2F 60%), url('assets/waves.svg'); background-size:cover; padding:5rem 0 3.5rem;border-bottom:1px solid rgba(255,255,255,.06)}
.hero h1{font-size:2.75rem;margin:.5rem 0 0;font-weight:900;letter-spacing:.01em}
.hero .sub{margin-top:.75rem;display:grid;gap:.25rem;max-width:40ch}
.hero .sub span{display:block;font-weight:700;opacity:.95}

/* Sections */
.section{padding:3rem 0;border-bottom:1px solid rgba(255,255,255,.06)}
.section h2{font-size:1.6rem;margin:0 0 1rem;font-weight:900;letter-spacing:.02em}
.grid{display:grid;gap:1rem}
.grid.cols-2{grid-template-columns:repeat(2,1fr)}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--bg-alt);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1rem;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.card h3{margin:.2rem 0 0;font-size:1.1rem}

/* Gallery */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.gallery img{width:100%;height:180px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.08)}

/* Footer */
footer{background:#0a1f21;color:var(--muted)}
.footer-inner{display:grid;gap:1rem;grid-template-columns:1fr auto;align-items:center;padding:1.2rem 0}
small{color:var(--muted)}

/* Responsive */
@media (max-width: 860px){
  .grid.cols-2, .grid.cols-3{grid-template-columns:1fr}
  .hero{padding:4rem 0 2.5rem}
  .hero h1{font-size:2.2rem}
}