/* Kallet Waves – bakgrundsduk. Fyller alltid hela fönstret, oavsett storlek. */
#kallet-sea {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 1.4s ease;       /* mjuk intoning när första bilden är ritad */
}
html.kw-ready #kallet-sea { opacity: 1; }
html { background: #cfe3f7; } /* syns bara om WebGL saknas eller medan sidan laddar */

/* Logotyp/ikoner: dolda tills de fått sin färg (släpps automatiskt efter max 2,5 s) */
html.kw-hold #wrap_all img { opacity: 0 !important; }
html.kw-fade #wrap_all img { transition: opacity .4s ease; }

@media (prefers-reduced-motion: reduce) {
  #kallet-sea, html.kw-fade #wrap_all img { transition: none; }
}