/* Typographic video poster (facade) — shared by the homepage film and /demo.
   Base .video-embed sizing (aspect ratio, iframe fill) lives in site.css;
   the .vt marker class opts an embed into the poster treatment. The poster
   stays dark in both themes, like a video still. Extracted from new-home.css
   so /demo can use it without inheriting the deck's scroll-snap rules. */
.video-embed.vt {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), 0 34px 80px -44px rgba(0,0,0,.85);
}
.vt-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  cursor: pointer;
  color: #f4f4f6;
  background:
    radial-gradient(120% 100% at 50% 34%, rgba(127,144,255,.17), transparent 56%),
    linear-gradient(165deg, #0f0f17 0%, #08080c 100%);
}
.vt-poster:focus-visible { outline: 2px solid #a5b1ff; outline-offset: -5px; }
.vt-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(16px, 2.4vw, 26px);
  text-align: center;
  padding: 0 24px;
}
.vt-logo { width: clamp(38px, 4vw, 50px); height: auto; opacity: .95; }
.vt-say {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 600;
  font-size: clamp(30px, 5.4vw, 60px);
  line-height: 1.03;
  letter-spacing: .005em;
  margin: 0;
}
.vt-say em { color: #a5b1ff; font-style: italic; }
.vt-btn {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  border: 1.5px solid rgba(165,177,255,.55);
  background: radial-gradient(circle at 50% 40%, rgba(127,144,255,.32), rgba(10,10,16,.72));
  color: #fff;
  display: grid;
  place-items: center;
  box-shadow: 0 8px 30px -6px rgba(0,0,0,.6), 0 0 0 8px rgba(127,144,255,.06);
  transition: transform .25s cubic-bezier(.2,.7,.25,1), border-color .25s, box-shadow .25s;
}
.vt-btn svg { margin-left: 4px; }
.vt-poster:hover .vt-btn,
.vt-poster:focus-visible .vt-btn {
  transform: scale(1.07);
  border-color: #a5b1ff;
  box-shadow: 0 10px 34px -6px rgba(0,0,0,.7), 0 0 0 10px rgba(127,144,255,.12);
}
.vt-under {
  font-family: "Roboto Mono", Menlo, monospace;
  font-size: 10.5px;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: #82849a;
}
.vt-dur {
  position: absolute;
  right: 14px;
  bottom: 13px;
  font-family: "Roboto Mono", Menlo, monospace;
  font-size: 11px;
  letter-spacing: .06em;
  color: #d6d7e6;
  background: rgba(0,0,0,.5);
  border: 1px solid rgba(255,255,255,.1);
  padding: 3px 8px;
  border-radius: 6px;
  font-variant-numeric: tabular-nums;
}
@media (prefers-reduced-motion: reduce) {
  .vt-btn { transition: none; }
}