
:root{--brand-blue:#2F6BB4;--brand-navy:#273648;--brand-green:#8CDA57;--muted:#4a5a6a}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6;color:var(--brand-navy)}
a{color:var(--brand-blue);text-decoration:none} a:hover{text-decoration:underline}
.nav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e6edf3;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem}
.nav .brand{display:flex;align-items:center;gap:.5rem;font-weight:800;color:var(--brand-navy)}
.nav .links a{margin:0 .5rem} .nav .cta-small{background:var(--brand-blue);color:#fff;padding:.45rem .7rem;border-radius:.65rem}
.nav .cta-small:hover{background:var(--brand-navy);text-decoration:none}
header.hero .overlay{color:#fff;padding:1.2rem 1.4rem;border-radius:12px;background:rgba(0,0,0,.35)}
header.hero h1{font-size:2.2rem;margin:.5rem 0;color:#fff}
header.hero p{max-width:900px;margin:0 auto;color:#e9f2ff}
.cta{display:inline-block;margin:.25rem .25rem;padding:.7rem 1rem;background:var(--brand-blue);color:#fff;border-radius:.8rem;font-weight:bold}
.cta.alt{background:var(--brand-green);color:#17310c}
section{padding:2rem 1.25rem;max-width:1100px;margin:0 auto}
.video-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:1rem 0}
@media(min-width:900px){.video-grid{grid-template-columns:1fr 1fr}}
.ratio{position:relative;width:100%}.ratio::before{content:'';display:block;padding-top:56.25%}
.ratio iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:1rem 0}
@media(min-width:900px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}
.gallery-grid img{width:100%;height:240px;object-fit:cover;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.12)}
footer{background:var(--brand-navy);color:#fff;text-align:center;padding:1rem;margin-top:2rem}
