#intro{
  position:fixed;inset:0;z-index:100;background:#120c09;
  transition:opacity 1.1s ease .15s, visibility 0s 1.3s;
}
#intro.done{opacity:0;visibility:hidden;pointer-events:none}
#tunnel{position:absolute;inset:0;width:100%;height:100%}
#caveVideo{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;
  opacity:0;transition:opacity .9s ease;background:#120c09;
}
#caveVideo.on{opacity:1}

.cine-bar{position:absolute;left:0;width:100%;height:8vh;background:#000;z-index:3;transition:transform 1.4s cubic-bezier(.7,0,.3,1)}
.cine-bar.top{top:0}.cine-bar.bottom{bottom:0}
#intro.ending .cine-bar.top{transform:translateY(-100%)}
#intro.ending .cine-bar.bottom{transform:translateY(100%)}

.intro-caption{
  position:absolute;left:50%;bottom:12vh;transform:translateX(-50%);
  z-index:4;text-align:center;width:90%;
  font-size:clamp(.95rem,1.6vw,1.15rem);
  opacity:0;transition:opacity 1.1s ease;font-weight:600;color:#fff6e8;
  letter-spacing:0;
  -webkit-text-stroke:.45px rgba(26,16,10,.8);paint-order:stroke fill;
  text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 28px rgba(0,0,0,.5);
}
.intro-caption.show{opacity:1}

.intro-skip{
  position:absolute;right:4vw;bottom:5vh;z-index:5;
  border:1px solid rgba(247,241,232,.25);color:rgba(247,241,232,.7);
  font-size:.82rem;padding:.7em 1.5em;border-radius:99px;transition:.25s;
  min-height:44px;
}
.intro-skip:hover{border-color:var(--champagne-2);color:var(--champagne-2)}

.intro-mute{
  position:absolute;left:4vw;bottom:5vh;z-index:5;
  display:flex;align-items:center;gap:.6em;
  color:rgba(247,241,232,.55);font-size:.78rem;
}
.intro-mute button{
  border:1px solid rgba(247,241,232,.25);border-radius:99px;
  padding:.5em 1em;color:rgba(247,241,232,.75);transition:.25s;font-size:.78rem;
  min-height:40px;
}
.intro-mute button:hover{border-color:var(--champagne-2);color:var(--champagne-2)}

#flash{position:absolute;inset:0;z-index:6;background:#fff4e8;opacity:0;pointer-events:none;transition:opacity .35s ease}
#flash.on{opacity:1}

.intro-rewatch{
  position:absolute;left:50%;bottom:5vh;transform:translateX(-50%);z-index:5;
  color:rgba(247,241,232,.65);font-size:.8rem;
  border:1px solid rgba(247,241,232,.22);border-radius:99px;padding:.6em 1.4em;transition:.25s;
}
.intro-rewatch:hover{border-color:var(--champagne-2);color:var(--champagne-2)}