
:root { --near-black:#111607; --muted-olive:#556523; --mint-white:#D4E0D8;
  --deep-teal:#347D91; --dark-navy:#0D3E46; --neon-green:#ABC64C; --container:1200px; }
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#0b0f0f;color:var(--mint-white);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--neon-green);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
header.site-header{position:sticky;top:0;z-index:70;background:var(--dark-navy);
  border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px;color:var(--mint-white);font-weight:800}
.brand img{height:40px;width:auto}
nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
nav a{color:var(--mint-white);opacity:.9}
nav a:hover{color:var(--neon-green);opacity:1}
h1{font-size:clamp(28px,4vw,46px);margin:0 0 10px;color:var(--neon-green)}
p.lead{font-size:clamp(16px,2.2vw,20px);opacity:.95;margin:0 0 18px}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;background:var(--neon-green);color:#0f130f;font-weight:800}
.section{padding:56px 0}
.section.alt{background:var(--dark-navy)}
footer.site-footer{background:#0a0c0c;border-top:1px solid rgba(255,255,255,.08);padding:32px 0;margin-top:40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}
@media(max-width:900px){ .footer-grid{grid-template-columns:1fr} }

/* Sticky full intro section */
.intro-sticky{position:sticky;top:0;z-index:60;background:#0a0c0c;
  border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:saturate(120%) blur(4px)}

/* Gallery grid */
.gallery-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.gallery-grid{grid-template-columns:1fr}}
.gallery-card{overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);transition:transform .18s ease, box-shadow .18s ease}
.gallery-card:focus-within, .gallery-card:hover{transform:scale(1.03);
  box-shadow:0 10px 24px rgba(0,0,0,.35)}
.gallery-card img{display:block;width:100%;height:auto;vertical-align:middle}
.gallery-card a{display:block;outline:none}
.gallery-header{display:flex;align-items:flex-end;gap:12px;justify-content:space-between;margin-bottom:16px}
.gallery-header h1{margin:0}


/* Compact sticky CTA bar */
.sticky-cta{position:fixed;top:-64px;left:0;right:0;z-index:80;
  background:rgba(13,62,70,.98);border-bottom:1px solid rgba(255,255,255,.12);
  transition:top .28s ease;backdrop-filter:saturate(120%) blur(6px)}
.sticky-cta .sticky-inner{max-width:var(--container);margin:0 auto;padding:8px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:10px}
.sticky-cta p{margin:0;color:var(--mint-white);font-weight:700}
.btn-small{padding:8px 12px;border-radius:8px;font-size:14px}
.sticky-cta.show{top:0}
@media (max-width:640px){
  .sticky-cta p{font-size:14px}
  .btn-small{padding:7px 10px}
}
