/* ══════════════════════════════════════════════════════════════
   TELL EQUIPMENT — RANDOM INTRO LOADER (2026-09-09)
   Full-screen cinematic video loader, 5 rotating intros
   Color divide: loader bar + tag accent rotate red/blue
   ══════════════════════════════════════════════════════════════ */
#tell-intro-loader{
  position:fixed;inset:0;z-index:99999;
  background:#05070f;
  display:flex;align-items:center;justify-content:center;
  opacity:1;transition:opacity .65s cubic-bezier(.4,0,.2,1);
}
#tell-intro-loader.til-out{opacity:0;pointer-events:none}

.til-stage{
  position:relative;width:100%;height:100%;
  opacity:0;transform:scale(1.04);
  transition:opacity .8s ease,transform 1.2s ease;
}
.til-stage.til-live{opacity:1;transform:scale(1)}

.til-video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;
  background:radial-gradient(ellipse at center,#0b1733 0%,#05070f 70%);
}
/* readability + cinematic vignette */
.til-stage::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse at center,rgba(5,7,15,0) 42%,rgba(5,7,15,.55) 100%),
    linear-gradient(180deg,rgba(5,7,15,.35) 0%,rgba(5,7,15,0) 30%,rgba(5,7,15,0) 62%,rgba(5,7,15,.5) 100%);
}

.til-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(46vw,420px)}

/* loading bar — division-color aware: JS sets accent, defaults navy→red sweep */
.til-bar{
  position:absolute;left:50%;bottom:16vh;transform:translateX(-50%);
  width:min(46vw,340px);height:3px;border-radius:3px;
  background:rgba(255,255,255,.14);overflow:hidden;
}
.til-bar i{
  display:block;height:100%;width:0;border-radius:3px;
  background:linear-gradient(90deg,#0f3fa8 0%,#af1314 100%);
  box-shadow:0 0 12px rgba(175,19,20,.6);
  animation:til-load 1.6s cubic-bezier(.65,0,.35,1) forwards;
}
@keyframes til-load{from{width:0}to{width:100%}}

.til-tag{
  position:absolute;left:50%;bottom:calc(16vh - 44px);transform:translateX(-50%);
  font-family:var(--t-mono,ui-monospace,monospace);
  font-size:11px;letter-spacing:.42em;text-indent:.42em;
  color:rgba(255,255,255,.78);white-space:nowrap;
  animation:til-tagfade 1.8s ease .25s both;
}
.til-tag::before,.til-tag::after{content:"";display:inline-block;width:34px;height:1px;background:rgba(255,255,255,.35);vertical-align:middle;margin:0 14px}
@keyframes til-tagfade{from{opacity:0;letter-spacing:.6em}to{opacity:1;letter-spacing:.42em}}

@media (max-width:760px){
  .til-tag{font-size:9px;letter-spacing:.34em}
  .til-tag::before,.til-tag::after{width:18px;margin:0 8px}
  .til-bar{width:56vw;bottom:12vh}
  .til-tag{bottom:calc(12vh - 34px)}
}