/* Ferry — shared animated sea background (persists across all pages) */
.seascape{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}
#cursorLight{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:0;transition:opacity .35s ease;
  mix-blend-mode:screen;
  background:radial-gradient(circle 100px at var(--mx,-200px) var(--my,-200px),
    rgba(245,228,180,.22),rgba(240,210,150,.08) 45%,rgba(240,210,150,0) 72%)}
#stormFlash{position:fixed;inset:0;z-index:61;pointer-events:none;opacity:0;
  mix-blend-mode:screen;background:rgba(150,185,210,.85)}
/* content floats above the sea */
.wrap,.card,main,header,footer,section{position:relative;z-index:1}

/* mobile / touch */
html,body{overflow-x:hidden;max-width:100%}
@media (pointer:coarse){#cursorLight,#stormFlash{display:none!important}}

/* muted/dim layer over the sea on subpages (matches the homepage hero-scrim feel) */
#seaDim{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(6,24,30,.7) 0%,rgba(6,24,30,.54) 55%,rgba(6,24,30,.5) 100%)}