/* devanshi jain — the preloader (see preloader.js): the wordmark writing itself on paper, first page of a visit. */
.preloader {
  position: fixed; inset: 0; z-index: 100;
  display: grid; place-items: center;
  background: #fcfcfc;
  transition: opacity .6s ease, visibility 0s linear .6s;
  animation: preloader-out .6s ease 5s forwards;   /* never stuck, even without the script */
}
.preloader img { display: block; width: min(250px, 58vw); height: auto; }
.is-preloaded .preloader { opacity: 0; visibility: hidden; pointer-events: none; }
.no-preloader .preloader { display: none; }
@keyframes preloader-out { to { opacity: 0; visibility: hidden; pointer-events: none; } }