:root { --red: #e50914; --black: #080808; --paper: #f5f5f3; --muted: #676460; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--black); font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
.header { height: 76px; padding: 0 clamp(20px, 6vw, 80px); display: flex; align-items: center; justify-content: space-between; gap: 20px; background: var(--black); color: #fff; border-bottom: 1px solid #252525; }
.brand { width: 112px; height: 38px; display: block; flex: 0 0 auto; overflow: hidden; background: url("assets/firekicks.jpeg") center / contain no-repeat; color: transparent; font-size: 0; text-decoration: none; }
.header > a:last-child { font-size: 13px; text-align: right; }
.header > a:last-child:hover { color: var(--red); }
.legal { width: min(820px, calc(100% - 40px)); margin: 70px auto 100px; }
.eyebrow { margin: 0; color: var(--red); font-size: 11px; font-weight: 800; letter-spacing: 2px; line-height: 1.4; text-transform: uppercase; }
.legal h1 { margin: 12px 0 35px; font-size: clamp(40px, 7vw, 72px); letter-spacing: -.055em; line-height: .98; overflow-wrap: anywhere; text-wrap: balance; }
.legal h2 { margin-top: 38px; line-height: 1.2; }
.legal p, .legal li { color: var(--muted); line-height: 1.7; }
.legal a { overflow-wrap: anywhere; }
.notice { margin: 30px 0; padding: 4px 20px; background: #fff; border-left: 4px solid var(--red); }
footer { padding: 30px; background: var(--black); color: #888; font-size: 12px; text-align: center; }
a { color: inherit; }
a:focus-visible { outline: 3px solid var(--red); outline-offset: 3px; }

@media (max-width: 600px) {
  .header { height: 66px; padding: 0 16px; }
  .brand { width: 95px; height: 32px; }
  .legal { margin-top: 45px; }
  .legal h1 { letter-spacing: -.045em; }
}