.wrap{
  max-width:var(--max-width);
  width:100%;
}

h1{
  margin:0 0 12px 0;
  font-size:1.25rem;
}

.video-container{
  width:100%;
  /* Maintain 16:9 ratio */
  aspect-ratio: 16 / 9;
  background:#000;
  border-radius:8px;
  overflow:hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Video element full-bleed, use object-fit to control scaling */
.video-container video{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain; /* contain: letterbox; cover: crop to fill */
  background:#000;
}

/* small helper */
.hint{
  margin-top:var(--gap);
  color:#555;
  font-size:.95rem;
}