@charset "utf-8";
/*!
  ~>  ~>  ~>  ~>  ~>  ~>  ~>  ~>  ~>  ~>  ~>  ~>
    ▓▓▓  ▓▓▓▓▓ ▓   ▓  ▓▓▓         ▓▓▓▓ ▓   ▓  ▓▓▓▓
   ▓██ ▓███▓█ █▓  █▓ ▓██ ▓       ▓███ █▓▓ ▓▓ ▓███
  █▓▓▓▓▓  █▓  █▓  █▓█▓  █▓  ▓▓▓ █▓    █▓ ▓█▓█ ▓▓▓
  █▓███▓  █▓  █ ▓ ▓ █▓  █▓ ███  █▓    █▓█ █▓ ███ ▓
  █▓  █▓ ▓▓▓▓▓ █ ▓  █ ▓▓▓       █ ▓▓▓▓█▓  █▓ ▓▓▓▓
  █   █ █████   █    ███         ████ █   █ ████
  aivocms.fi  2026-10
*/
:root { color-scheme: light; }
html, body { height: 100%; }
body {
  margin: 0;
  overflow: hidden;
  font-family: system-ui, sans-serif;
  background: #d9d6cf;
  color: #222;
}
/* Täysruudun tausta. dvh = näkyvä korkeus mobiilin osoitepalkin kanssa; vh varalla vanhoille selaimille. */
.tausta {
  position: fixed;
  inset: 0;
  height: 100vh;
  height: 100dvh;
  background: #d9d6cf url("/aivo-poster.jpg") 49% 50% / cover no-repeat;
}
/* Hahmo on kuvassa vaakasuunnassa n. 49 %:n kohdalla: pystynäkymässä leikkautuvat reunat, ei keskiosa. */
.tausta video { width: 100%; height: 100%; object-fit: cover; object-position: 49% 50%; display: block; }
/* Teksti ylhäällä seinän päällä, hahmo ja pöytä jäävät vapaiksi. Vaalea himmennys pitää tekstin luettavana. */
main {
  position: fixed;
  top: 0; left: 0; right: 0;
  padding: 8vh 1.5rem 12vh;
  text-align: center;
  background: linear-gradient(rgba(250, 250, 247, 0.7), rgba(250, 250, 247, 0));
}
h1 { margin: 0; font-size: clamp(2rem, 8vw, 3.5rem); letter-spacing: 0.3rem; text-shadow: 0 1px 12px rgba(250, 250, 247, 0.9); }
p { margin: 0.5rem 0 0; font-size: 1.25rem; opacity: 0.8; text-shadow: 0 1px 8px rgba(250, 250, 247, 0.9); }
@media (prefers-reduced-motion: reduce) {
  .tausta video { display: none; }
}