/* Denham Springs: the hero extends behind an accessible translucent menu. */
body.denham-overlay { padding-top: 0; }
:root { --overlay-header-height: 160px; }
.denham-overlay .site-header {
  background: linear-gradient(180deg, rgba(10,24,34,.64), rgba(10,24,34,.60));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.18);
  transition: background-color 200ms ease, box-shadow 200ms ease;
}
.denham-overlay .site-header.is-scrolled,
.denham-overlay .site-header.menu-is-open {
  background: #142d3e;
  box-shadow: 0 8px 28px rgba(0,0,0,.18);
}
.denham-overlay .site-header header { background: transparent; backdrop-filter: none; border: 0; }
.denham-overlay .topbar { background: transparent; color: #fff; border-bottom: 1px solid rgba(255,255,255,.18); }
.denham-overlay .topbar a, .denham-overlay .nav-links a { color: #fff; }
.denham-overlay .logo-image { filter: brightness(0) invert(1); }
.denham-overlay .nav-links a { min-height: 44px; display: inline-flex; align-items: center; }
.denham-overlay .nav-links a:hover,
.denham-overlay .nav-links a.active { background: rgba(0,0,0,.22); color: #fff; text-decoration: underline; text-underline-offset: 6px; }
.denham-overlay .site-header .button.primary { background: #fff; color: #142d3e; border-color: #fff; box-shadow: none; }
.denham-overlay .site-header .button.primary:hover { background: #e6edf2; color: #142d3e; }
.denham-overlay .site-header .button.ghost,
.denham-overlay .site-header .pill { border-color: #fff; color: #fff; }
.denham-overlay .site-header .button.ghost:hover,
.denham-overlay .site-header .pill:hover { background: rgba(0,0,0,.22); color: #fff; }
.denham-overlay .site-header a:focus-visible,
.denham-overlay .site-header button:focus-visible { outline: 3px solid #ffe29a; outline-offset: 4px; }
.denham-overlay .menu-toggle { color: #fff; border: 1px solid #fff; border-radius: 6px; width: 44px; height: 44px; cursor: pointer; }
.denham-overlay main > .hero {
  isolation: isolate;
  padding-top: calc(var(--overlay-header-height) + 80px);
  min-height: max(85svh, 620px);
}
.denham-overlay main > .page-hero {
  padding-top: calc(var(--overlay-header-height) + 36px);
  min-height: calc(var(--overlay-header-height) + 240px);
}
.denham-overlay main [id], .denham-overlay main a, .denham-overlay main button,
.denham-overlay main input, .denham-overlay main select, .denham-overlay main textarea {
  scroll-margin-top: calc(var(--overlay-header-height) + 20px);
}
.denham-overlay .skip-link { position: fixed; left: 12px; top: 10px; transform: translateY(-180%); background: #fff; color: #142d3e; padding: 12px 18px; z-index: 100; border-radius: 4px; font-weight: 700; }
.denham-overlay .skip-link:focus { transform: none; outline: 3px solid #142d3e; }
.denham-overlay .hero-motion-toggle { position: absolute; right: 24px; bottom: 18px; background: #142d3e; color: #fff; border: 1px solid #fff; border-radius: 30px; min-height: 44px; padding: 10px 18px; font: inherit; font-size: .8rem; cursor: pointer; }
.denham-overlay .hero-motion-toggle:focus-visible { outline: 3px solid #ffe29a; outline-offset: 4px; }
@media (max-width: 1400px) {
  .denham-overlay .navbar { position: static; }
  .denham-overlay .nav-panel.open { position: absolute; top: 100%; left: 0; right: 0; width: 100%; margin: 0; padding: 20px 4%; border-radius: 0; background: #142d3e; max-height: calc(100dvh - var(--overlay-header-height)); overflow-y: auto; overscroll-behavior: contain; border-bottom: 1px solid rgba(255,255,255,.18); }
  .denham-overlay .nav-links a { width: 100%; }
}
@media (max-width: 720px) {
  .denham-overlay .topbar .container { gap: 6px; padding: 8px 0; justify-content: center; text-align: center; }
  .denham-overlay .topbar { font-size: .75rem; }
  .denham-overlay .topbar-actions a { min-height: 32px; display: inline-flex; align-items: center; }
  .denham-overlay .navbar { padding: 14px 0; }
  .denham-overlay .logo-image { max-width: 240px; height: auto; }
  .denham-overlay main > .hero { padding-top: calc(var(--overlay-header-height) + 48px); padding-bottom: 100px; }
  .denham-overlay main > .page-hero { padding-top: calc(var(--overlay-header-height) + 28px); min-height: calc(var(--overlay-header-height) + 210px); }
}
@media (prefers-reduced-motion: reduce) {
  .denham-overlay .site-header { transition: none; }
}

/* Clearer media: protect the text locally instead of darkening the entire scene. */
.denham-overlay main > .hero-video::before { background: rgba(10,24,34,.06); }
.denham-overlay main > .hero-video::after { background: none; }
.denham-overlay main > .page-hero {
  background-image: linear-gradient(rgba(10,24,34,.06), rgba(10,24,34,.06)), var(--page-hero-image);
}
.denham-overlay .hero-content,
.denham-overlay .page-hero > .container {
  background: rgba(10,24,34,.62);
  box-shadow: 0 0 32px 18px rgba(10,24,34,.28);
  border-radius: 18px;
  padding: 24px 32px;
}
.denham-overlay .page-hero > .container { width: min(820px, 92%); padding: 18px 28px; }
.denham-overlay .hero-content p, .denham-overlay .hero-content .eyebrow,
.denham-overlay .page-hero p, .denham-overlay .page-hero .eyebrow { color: #fff; }
.denham-overlay .hero-content .button.primary,
.denham-overlay .page-hero .button.primary { background: #fff; border-color: #fff; color: #142d3e; }
.denham-overlay .hero-content .button.primary:hover,
.denham-overlay .page-hero .button.primary:hover { background: #e6edf2; color: #142d3e; }
.denham-overlay .hero-content .button.ghost,
.denham-overlay .page-hero .button.ghost { background: rgba(10,24,34,.24); color: #fff; border-color: #fff; }
.denham-overlay .hero-content .button.ghost:hover,
.denham-overlay .page-hero .button.ghost:hover { background: rgba(10,24,34,.48); color: #fff; }
.denham-overlay .hero-content a:focus-visible,
.denham-overlay .page-hero a:focus-visible { outline: 3px solid #ffe29a; outline-offset: 4px; }
@media (max-width: 720px) {
  .denham-overlay .hero-content { padding: 20px; gap: 18px; }
  .denham-overlay .page-hero > .container { padding: 16px 18px; }
}
