/* Homescreen intro overlay: stop-motion sticker video that plays once per 24h,
   then fades to reveal the desktop. Markup lives in index.html, logic in intro-overlay.js. */
.intro-video-overlay{
  position:fixed;inset:0;z-index:100000;background:#000;transition:opacity .5s ease;
}
.intro-video-overlay.hide{opacity:0;pointer-events:none}
.intro-video-overlay video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
}
.intro-video-skip{
  position:fixed;right:18px;bottom:16px;z-index:2;background:none;border:0;cursor:pointer;
  color:rgba(255,255,255,.8);font:700 12px/1 "Libre Franklin",sans-serif;
  letter-spacing:.12em;text-transform:uppercase;
}
@media (prefers-reduced-motion: reduce){ .intro-video-overlay{display:none} }