/* ============================================================
   STRÖND — Cinematic loading screen (index.html only)
   ============================================================ */

#strond-loader{
  position:fixed;inset:0;z-index:9999;
  background:#000;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  transition:opacity 1s ease, visibility 1s ease;
}
#strond-loader.done{opacity:0;visibility:hidden;pointer-events:none}

#strond-loader video{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  /* subtle vignette darkening so text reads */
}
#strond-loader .ldr-veil{
  position:absolute;inset:0;z-index:2;
  background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.55) 100%);
  pointer-events:none;
}

#strond-loader .ldr-content{
  position:relative;z-index:3;
  text-align:center;
  width:100%;
  padding:0 2rem;
}

#strond-loader .ldr-word{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:700;
  font-size:clamp(3rem,11vw,9rem);
  letter-spacing:.32em;
  color:#f3f1ec;
  margin:0;
  padding-left:.32em; /* optical centering for letter-spacing */
  text-shadow:0 4px 40px rgba(0,0,0,.7);
  opacity:0;
}
/* letters rise in one by one */
#strond-loader .ldr-word span{
  display:inline-block;
  opacity:0;
  transform:translateY(40px);
  animation:ldrLetter .9s cubic-bezier(.22,.61,.36,1) forwards;
}
#strond-loader.run .ldr-word{opacity:1;transition:opacity .6s ease}
@keyframes ldrLetter{to{opacity:1;transform:none}}

#strond-loader .ldr-sub{
  margin-top:1.6rem;
  font-family:'Inter',system-ui,sans-serif;
  font-size:clamp(.6rem,1.4vw,.78rem);
  letter-spacing:.42em;
  text-transform:uppercase;
  color:#c9a24b;
  opacity:0;
  animation:ldrFade 1s ease forwards;
  animation-delay:1.6s;
}
@keyframes ldrFade{to{opacity:1}}

/* thin progress line at the bottom */
#strond-loader .ldr-bar{
  position:absolute;left:0;bottom:0;height:2px;width:0;z-index:3;
  background:linear-gradient(90deg,transparent,#c9a24b,#d8b96f);
  animation:ldrBar var(--ldr-dur,5s) linear forwards;
}
@keyframes ldrBar{from{width:0}to{width:100%}}

/* skip button */
#strond-loader .ldr-skip{
  position:absolute;right:2rem;bottom:1.6rem;z-index:4;
  font-family:'Inter',system-ui,sans-serif;
  font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(243,241,236,.6);
  background:none;border:none;cursor:pointer;
  display:flex;align-items:center;gap:.5em;
  transition:color .3s;
  opacity:0;animation:ldrFade 1s ease forwards;animation-delay:2.2s;
}
#strond-loader .ldr-skip:hover{color:#c9a24b}

/* lock scroll while loader is up */
body.loading{overflow:hidden;height:100vh}

@media(prefers-reduced-motion:reduce){
  #strond-loader video{display:none}
  #strond-loader{background:#0a0a0b}
  #strond-loader .ldr-word span{animation:none;opacity:1;transform:none}
  #strond-loader .ldr-bar{animation-duration:2s}
}