/* One continuous backdrop behind the entire page, independent of card layout. */
body { isolation:isolate; background:#091e3e; }
.water-background {
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
  contain:strict;
  background:
    radial-gradient(ellipse at 18% 68%,#176ba677,transparent 62%),
    radial-gradient(ellipse at 88% 15%,#2361b566,transparent 65%),
    linear-gradient(125deg,#0a2345,#10385c 52%,#0d274f);
}
.water-background canvas {
  display:block;
  width:100%;
  height:100%;
  opacity:.94;
  pointer-events:none;
}
.water-background::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 48%,transparent 35%,#06142e24 100%);
}
/* Transparent sections expose the same water layer behind every headline. */
.hero.hero-next,.section,.section.tint,.section.experience,.contact-section,.footer {
  background:transparent;
}
.hero-next::before,.hero-next > .ambient-light { display:none; }
.hero-next .ambient-grid { opacity:.22; }
.capabilities { background:#102d4c70; border-color:#639bc438; }
.site-header { background:#081a32e6; border-bottom-color:#76baff24; }
.footer { background:#091c373d; border-top-color:#75b3df36; }
.hero-bottom,.section { border-color:#7bb6ed29; }
/* Keep type crisp: only the decorative canvas is displaced. */
.hero-copy > p,.section-heading > p,.about-layout > div > p,.eco-node p { color:#d4e5f8; }
.hero-next .hero-footnote,.hero-next .hero-bottom > span,.eco-category { color:#c3daee; }
@media (prefers-reduced-motion:reduce) {
  .water-background canvas { display:none; }
}
@media print {
  .water-background { display:none; }
}