:root { --oracle-red: #C74634; color-scheme: dark; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #f5f3ee; background: #181818; font-synthesis: none; }
* { box-sizing: border-box; }
body, h1, h2, p, figure { margin: 0; }
.info-poster { min-height: 100dvh; height: 100dvh; display: grid; grid-template-columns: 1.15fr 1fr; overflow: hidden; }
.poster-copy { padding: clamp(24px, 4vw, 90px); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; min-width: 0; gap: 28px; }
.event-brand { display: flex; align-items: center; gap: 18px; font-size: clamp(16px, 1.7vw, 38px); letter-spacing: -.03em; white-space: nowrap; }
.event-brand img { width: clamp(38px, 4vw, 80px); height: auto; }
h1 { font-weight: 500; font-size: clamp(48px, 6.5vw, 150px); line-height: 1.01; letter-spacing: -.065em; }
h1 span { color: var(--oracle-red); }
.poster-headline p { color: #d1cdc5; font-size: clamp(16px, 1.7vw, 38px); margin-top: 26px; line-height: 1.4; }
.arcade-invitation { border-left: 3px solid var(--oracle-red); padding-left: clamp(18px, 2vw, 40px); }
h2 { font-size: clamp(22px, 2.7vw, 60px); font-weight: 500; letter-spacing: -.04em; line-height: 1.12; }
.arcade-invitation p { font-size: clamp(13px, 1.22vw, 27px); color: #bdb9b2; line-height: 1.55; margin-top: 20px; }
.poster-art { min-width: 0; min-height: 0; position: relative; }
.poster-art img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.poster-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #181818, transparent 22%); pointer-events: none; }
@media (max-width: 767px) {
  .info-poster { grid-template-columns: 1fr; min-height: 100dvh; height: auto; position: relative; }
  .poster-copy { position: relative; z-index: 1; min-height: 100dvh; padding: 28px 24px; gap: 40px; background: linear-gradient(90deg, rgb(24 24 24 / .98), rgb(24 24 24 / .75)); }
  .poster-art { position: absolute; inset: 0; }
  .event-brand { font-size: 18px; }
  h1 { font-size: clamp(44px, 11.8vw, 86px); }
  h2 { font-size: 30px; }
  .poster-headline p { font-size: 18px; }
  .arcade-invitation p { font-size: 14px; }
}
@media (min-width: 768px) and (max-height: 620px) {
  .poster-copy { padding: 24px 40px; gap: 14px; }
  h1 { font-size: 9.5dvh; }
  h2 { font-size: 5dvh; }
  .poster-headline p, .arcade-invitation p { margin-top: 12px; }
}