/* ==========================================================================
   Timeless Motors · Loading Animation
   Vollbild-Overlay mit pulsierendem TM-Logo + roter Progress-Linie.
   Wird per loader.js automatisch eingefügt und bei window.load ausgeblendet.
   ========================================================================== */
.tm-loader{
  position:fixed;inset:0;z-index:99999;
  background:#141416;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:22px;
  opacity:1;
  transition:opacity .55s cubic-bezier(.22,1,.36,1);
  pointer-events:auto;
}
.tm-loader[data-state="hide"]{opacity:0;pointer-events:none}
.tm-loader[data-state="done"]{display:none}

.tm-loader-logo{
  width:clamp(110px,14vw,150px);
  height:clamp(110px,14vw,150px);
  object-fit:contain;
  animation:tm-loader-pulse 1.4s cubic-bezier(.45,0,.55,1) infinite;
  filter:drop-shadow(0 4px 20px rgba(192,57,43,.18));
}
@keyframes tm-loader-pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.7;transform:scale(.95)}
}

.tm-loader-bar{
  width:180px;height:2px;
  background:rgba(244,235,214,.1);
  position:relative;overflow:hidden;
}
.tm-loader-bar::after{
  content:'';position:absolute;top:0;left:0;bottom:0;width:42%;
  background:#C0392B;
  animation:tm-loader-slide 1.2s cubic-bezier(.45,.05,.55,.95) infinite;
}
@keyframes tm-loader-slide{
  0%{transform:translateX(-110%)}
  100%{transform:translateX(280%)}
}

.tm-loader-text{
  font-family:'JetBrains Mono','Consolas',monospace;
  font-size:10px;letter-spacing:.32em;text-transform:uppercase;
  color:rgba(244,235,214,.42);
  margin-top:4px;
}

body.tm-loader-active{overflow:hidden}

@media (prefers-reduced-motion:reduce){
  .tm-loader-logo,.tm-loader-bar::after{animation:none}
  .tm-loader-bar::after{width:100%;background:rgba(192,57,43,.6)}
}