/* ════════════════════════════════════════════════════════════
   GWAFLIX · base.css — variables, reset, typographie
   ════════════════════════════════════════════════════════════ */
:root {
  --red: #e50914;
  --red-hot: #ff2b36;
  --red-deep: #8c060d;
  --ember: #ff6b4a;
  --bg: #08080a;
  --bg-1: #0e0e11;
  --bg-2: #16161a;
  --bg-3: #1f1f25;
  --line: rgba(255,255,255,.07);
  --txt: #f4f4f6;
  --dim: #a8a8b0;
  --mute: #6a6a74;
  --maxw: 1180px;
  --maxw-wide: 1500px;
  --r: 12px;
  --shadow: 0 20px 60px -20px rgba(0,0,0,.7);
  --ease: cubic-bezier(.2,.8,.2,1);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  background: var(--bg); color: var(--txt);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden;
}
a { color: inherit; text-decoration: none; transition: color .15s; }
img { display: block; max-width: 100%; }
button { font-family: inherit; }
.display { font-family: "Bebas Neue", sans-serif; font-weight: 400; letter-spacing: .01em; line-height: .92; }
.wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 1.5rem; }
.wrap-wide { max-width: var(--maxw-wide); margin: 0 auto; padding: 0 2.5rem; }
@media (max-width: 640px){ .wrap-wide { padding: 0 1rem; } }
.eyebrow { display: inline-flex; align-items: center; gap: .55rem; font-size: .72rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--ember); }
.eyebrow::before { content:""; width: 22px; height: 1px; background: var(--ember); }
::selection { background: var(--red-deep); color: #fff; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--ember); outline-offset: 3px; border-radius: 5px; }
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce){ *,*::before,*::after { animation: none !important; transition: none !important; } .reveal { opacity:1; transform:none; } }