:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: #87233b; color: #121212; }
main { min-height: 100vh; max-width: 1120px; margin: 0 auto; padding: clamp(2rem, 8vw, 7rem) 2rem; display: flex; flex-direction: column; justify-content: center; }
.eyebrow { margin: 0 0 3rem; font-size: .72rem; font-weight: 700; letter-spacing: .16em; }
h1 { margin: 0; font-size: clamp(3rem, 10vw, 8rem); line-height: .88; letter-spacing: -.07em; text-transform: uppercase; }
.lead { max-width: 30rem; margin: 3rem 0 2rem; font-size: clamp(1rem, 2vw, 1.35rem); line-height: 1.45; }
.button { width: fit-content; padding: .9rem 1.2rem; border: 2px solid #121212; color: inherit; font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.button:hover { background: #121212; color: #fff; }