/* =====================================================
   PRELOADER (UNCHANGED STYLE)
===================================================== */

/* Prevent scroll while preloader is visible */
body.lpp-loading {
  overflow: hidden;
}

/* Preloader overlay ONLY (no page interference) */
#lpp-preloader {
  position: fixed;
  inset: 0;
  background: #C1C0B7;
  z-index: 9999999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lpp-content {
  text-align: center;
}

/* Logo animation */
.lpp-logo {
  max-width: 200px;
  margin-bottom: 10px;
  animation: logo-fade 2s ease-in-out infinite;
}

.lpp-percentage {
  font-size: 25px;
  font-weight: 800;
  color: #3C3D3F;
}

@keyframes logo-fade {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* =====================================================
   TYPING TEXT (data-lpp-type)
===================================================== */

/* spacing fix for typed blocks */
[data-lpp-type]{
  margin-top: 0;
  margin-bottom: 1em;
}

/* each letter */
.lpp-char{
  display:inline-block;
  opacity:0;
  transform:translateY(6px);
  transition:opacity 220ms ease, transform 220ms ease;
}
.lpp-char.is-in{
  opacity:1;
  transform:translateY(0);
}

/* =====================================================
   PREMIUM SMOOTH FADE UP (stretch-blurb boxes)
===================================================== */

.stretch-blurb{
  opacity:0;
  transform:translateY(28px);
  transition:
    opacity 850ms cubic-bezier(.22,1,.36,1),
    transform 850ms cubic-bezier(.22,1,.36,1);
  will-change:opacity, transform;
}

body.lpp-loaded .stretch-blurb{
  opacity:1;
  transform:translateY(0);
}

[data-lpp-type] {
    margin-top: 0;
    margin-bottom: 0;
}