:root { --bg: #141c10; --bg2: #1f2b18; --muted: #b7cc8a; --text: #e9f0d6; --gold: #d9b44a; }
* { box-sizing: border-box; }
html { background: var(--bg); }
html, body { margin: 0; height: 100%; overflow: hidden; }
body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100svh;
  background: linear-gradient(180deg, var(--bg2), var(--bg) 62%);
  color: var(--text);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.5;
  text-align: center;
}
header { flex: 1 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: clamp(12px, 3vh, 40px) 20px 0; }
.kicker { margin: 0; color: var(--muted); font-size: clamp(12px, 1.7vh, 14px); font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
h1 { margin: clamp(4px, 1vh, 10px) 0 0; color: var(--gold); font-size: clamp(38px, min(11vw, 12vh), 104px); font-weight: 800; line-height: 1; }
.soon { margin: clamp(4px, 1.2vh, 12px) 0 0; font-size: clamp(16px, min(3vw, 3.2vh), 28px); font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.msg { margin: clamp(4px, 1.3vh, 14px) 0 0; color: var(--muted); font-size: clamp(13px, 1.9vh, 17px); }
.back { margin-top: clamp(8px, 1.8vh, 18px); padding: 7px 18px; color: var(--gold); border: 1px solid var(--gold); border-radius: 999px; font-size: clamp(13px, 1.7vh, 15px); font-weight: 700; text-decoration: none; }
.back:hover, .back:focus-visible { background: var(--gold); color: var(--bg); outline: none; }
.scene { flex: 0 1 auto; min-height: 0; width: 100%; max-width: 1280px; margin: clamp(6px, 1.5vh, 16px) auto 0; }
.scene img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; }
footer { flex: none; padding: clamp(6px, 1.6vh, 16px) 20px; color: var(--gold); font-size: clamp(12px, 1.7vh, 15px); font-weight: 800; letter-spacing: .16em; }