/* Single Video Project — title/write-up centered, YouTube embed below. Nav/footer/reset/fonts
   all live in style.css. --video-title-font/-color/-scale are set inline on #videoMain (see
   single-video_project.php) from the post's Video Style meta box, same pattern as Photo
   Project's --project-title-* and the Journal's --entry-*. */

#videoMain{
  position:relative; z-index:1;
  width:100%; max-width:1300px; margin:0 auto;
  padding:40px 40px 80px;
  box-sizing:border-box;
}
#videoMain .back{ margin-bottom:28px; }

.title-block{
  max-width:640px;
  margin:0 auto 40px;
  text-align:center;
}
.title-block h1{
  font-family:var(--video-title-font);
  font-size:calc(clamp(44px, 7vw, 96px) * var(--video-title-scale, 1));
  color:var(--video-title-color);
  font-weight:400;
  letter-spacing:0.01em;
  line-height:0.95;
}
.title-block .project-writeup{
  font-family:'Special Elite', monospace;
  font-size:16px;
  color:var(--muted);
  margin-top:18px;
  line-height:1.6;
}

.video-embed{
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  box-shadow:0 26px 55px rgba(43,36,28,0.2);
  background:#000;
}
.video-embed iframe{
  position:absolute; inset:0;
  width:100%; height:100%;
  border:0;
}

.video-missing{
  text-align:center;
  font-family:'Kalam', cursive;
  font-size:14px;
  color:var(--muted);
  padding:40px 20px;
  border:1px dashed rgba(43,36,28,0.25);
}

#videoMain .back-foot{
  display:block; text-align:center;
  margin-top:50px;
  font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted);
}
#videoMain .back-foot:hover{ color:var(--ink-red); }

@media (max-width:860px){
  #videoMain{ padding:24px 20px 60px; }
  .title-block{ margin-bottom:28px; }
}