/* Base layout */
html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #ffffff;
  background: #000000;
}

.container {
  box-sizing: border-box;
  max-width: 960px;
  margin: 0 auto;
  padding: 24px;
}

h1 {
  margin: 0 0 12px 0;
  font-size: 56px;
  line-height: 1.1;
  color: #ff0000;
  text-align: center;
}

.lead {
  margin: 0 0 24px 0;
  font-size: 16px;
  color: #e5e7eb;
}

.subhead {
  margin: 0 0 24px 0;
  font-size: 22px;
  line-height: 1.4;
  color: #e5e7eb;
  text-align: center;
}

.video-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.video {
  width: 100%;
  max-height: 70vh;
  border-radius: 12px;
  outline: none;
  background: #000;
  box-shadow:
    0 1px 2px rgba(0,0,0,0.06),
    0 2px 4px rgba(0,0,0,0.06),
    0 4px 8px rgba(0,0,0,0.06);
  object-fit: contain;
}

.footnote {
  margin: 16px 0 0 0;
  font-size: 14px;
  color: #94a3b8;
}