:root{--ink:#102428;--deep:#0a3d4a;--teal:#0e6e78;--mint:#e7f3f1;--paper:#f4f7f6;--copper:#b56a32;--muted:#5c6d70;--line:#d5e2e0}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Source Sans 3",system-ui,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
header{position:sticky;top:0;z-index:20;background:rgba(244,247,246,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.bar{max-width:72rem;margin:0 auto;height:4rem;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between}
.logo{height:1.75rem;width:auto}
nav.desk{display:none;gap:1.25rem}
nav.desk a{font-size:.9rem;font-weight:700}
nav.desk a.on{color:var(--teal)}
.burger{background:none;border:0;width:2.75rem;height:2.75rem;font-size:1.4rem;color:var(--deep)}
nav.mob{display:none;border-top:1px solid var(--line);padding:.4rem 1.25rem 1rem}
nav.mob.open{display:flex;flex-direction:column}
nav.mob a{padding:.7rem 0;font-weight:700}
.wrap{max-width:72rem;margin:0 auto;padding:3.5rem 1.25rem}
.kicker{font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin:0}
h1,h2{font-family:Fraunces,Georgia,serif;font-weight:500;color:var(--deep);line-height:1.15;margin:.4rem 0 0}
h1{font-size:clamp(2.2rem,5vw,3.4rem);max-width:18ch}
h2{font-size:clamp(1.8rem,3vw,2.4rem)}
.muted{color:var(--muted)}
.hero{position:relative;min-height:78vh;color:#fff;display:flex;align-items:flex-end}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .shade{position:absolute;inset:0;background:rgba(10,61,74,.62)}
.hero .wrap{position:relative;padding-bottom:4rem}
.hero p.lead{max-width:36rem;font-size:1.15rem;color:var(--mint)}
.row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.btn{display:inline-block;padding:.75rem 1.2rem;font-weight:800;font-size:.9rem}
.btn.copper{background:var(--copper);color:#fff}
.btn.ghost{border:1px solid #fff;color:#fff}
.btn.teal{background:var(--teal);color:#fff}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
.stat{background:var(--mint);padding:1.25rem}
.stat b{display:block;font-family:Fraunces,Georgia,serif;font-size:1.8rem;color:var(--deep)}
.split{display:grid;gap:2rem;align-items:center}
.cards{display:grid;gap:1rem}
.card{background:#fff;border:1px solid var(--line);padding:1.4rem}
.card h3{margin:.4rem 0}
.band{background:#fff}
.band.mint{background:var(--mint)}
.pagehead{background:var(--mint)}
.pagehead .wrap{padding-top:3rem;padding-bottom:3rem}
.grid2{display:grid;gap:1.5rem}
.news{overflow:hidden;background:#fff;border:1px solid var(--line)}
.news img{height:12rem;width:100%;object-fit:cover}
.news div{padding:1.2rem}
footer{background:var(--deep);color:var(--mint)}
footer .wrap{display:grid;gap:1.6rem;padding-top:2.5rem;padding-bottom:1rem}
footer a{color:#fff}
footer p{margin:.2rem 0}
.fine{max-width:72rem;margin:0 auto;padding:0 1.25rem 2rem;font-size:.75rem;color:rgba(231,243,241,.7)}
form{display:grid;gap:1rem;background:#fff;padding:1.4rem}
label{font-size:.9rem;font-weight:800}
input,textarea{width:100%;margin-top:.35rem;border:1px solid var(--line);background:var(--paper);padding:.75rem;font:inherit}
.people{display:grid;gap:1rem}
.people figure{background:var(--mint);padding:1rem;margin:0}
.people img{height:18rem;object-fit:contain;margin:0 auto}
ul{color:var(--muted)}
@media(min-width:800px){
 nav.desk{display:flex}.burger{display:none}
 .stats{grid-template-columns:repeat(4,1fr)}
 .split,.grid2{grid-template-columns:1fr 1fr}
 .cards{grid-template-columns:repeat(3,1fr)}
 footer .wrap{grid-template-columns:1.2fr 1fr 1fr}
 .people{grid-template-columns:1fr 1fr}
}