.vid{
  margin:0;
  display:flex;
  flex-direction:column;
  gap:var(--s3);
}

.vid__cap{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.vid__kicker{
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.02em;
  color:var(--accent);
}
.vid__title{
  font-size:16.5px;
  font-weight:600;
  color:var(--ink);
  line-height:1.35;
}

.vid__frame{
  position:relative;
  aspect-ratio:16 / 9;
  border-radius:var(--r-sub);
  overflow:hidden;
  background:#05070C;
  border:1px solid var(--glass-edge);
  box-shadow:var(--shadow-bar);
}
.vid__el{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#05070C;
  display:block;
}

.vid--portrait{ align-items:center }
.vid--portrait .vid__frame{
  aspect-ratio:9 / 16;
  width:min(300px, 78vw);
}

.vid__note{
  margin:0;
  font-size:12.5px;
  color:var(--ink-60);
  line-height:1.55;
}

.welcome-band{ padding:var(--s5); margin-block-end:16px }
.welcome-band__sum{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:var(--s2) var(--s3);
}
.welcome-band__sum::-webkit-details-marker{ display:none }
.welcome-band__k{ font-size:11.5px; font-weight:600; letter-spacing:.02em; color:var(--accent) }
.welcome-band__t{ font-size:16px; font-weight:600; color:var(--ink); line-height:1.35 }

.welcome-band__cue{
  grid-row:1 / span 2;
  grid-column:2;
  align-self:center;
  width:11px; height:11px;
  border-right:2px solid var(--ink-45);
  border-bottom:2px solid var(--ink-45);
  transform:rotate(45deg);
  transition:transform .2s ease;
}
.welcome-band[open] .welcome-band__cue{ transform:rotate(-135deg) }
.welcome-band__body{
  margin-block-start:var(--s4);
  display:flex;
  flex-direction:column;
  gap:var(--s4);
}