/* 한밤 — 30초 예고편 페이지. Same ground/ink/accent roles as the scene pages. */
.trailer-page { background: var(--bg); color: var(--ink); }
.trailer-main {
  max-width: 1180px;
  margin: 0 auto;
  padding: calc(var(--head-h) + clamp(44px, 7vh, 86px)) var(--margin) clamp(72px, 10vh, 120px);
}
.trailer-kicker {
  margin: 0 0 18px;
  font-size: var(--step-small); font-weight: 700; letter-spacing: .16em;
  color: var(--accent);
}
.trailer-title {
  margin: 0;
  font-family: var(--font-display); font-weight: 400;
  font-size: clamp(44px, 6.1vw, 92px); line-height: 1.02; letter-spacing: -.02em;
}
.trailer-lead {
  margin: 24px 0 0; max-width: 54ch;
  font-size: var(--step-lead); line-height: 1.6; color: var(--ink-soft);
}
.trailer-frame {
  margin-top: clamp(28px, 4.5vw, 54px);
  aspect-ratio: 16 / 9;
  background: var(--bg-2);
  overflow: hidden;
}
.trailer-frame video { display: block; width: 100%; height: 100%; }
.trailer-meta {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 20px;
  margin-top: 18px;
  font-size: var(--step-small); line-height: 1.6; color: var(--ink-soft);
}
.trailer-meta p { margin: 0; }
.trailer-links { display: flex; flex-wrap: wrap; gap: 14px; margin-top: clamp(40px, 6vw, 72px); }
.trailer-links a {
  font-size: var(--step-small); font-weight: 700; color: var(--ink);
  text-decoration: underline; text-underline-offset: 4px;
}
.trailer-links a:hover, .trailer-links a:focus-visible { color: var(--accent); }
.trailer-credits {
  margin-top: clamp(46px, 7vw, 84px);
  font-size: var(--step-small); line-height: 1.7; color: var(--ink-soft);
}
.trailer-credits p { margin: 0 0 8px; }
.trailer-credits a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.trailer-credits a:hover { color: var(--accent); }
@media (max-width: 640px) {
  .trailer-meta { flex-direction: column; gap: 8px; }
  .trailer-lead { font-size: 19px; }
}