:root { --ink: #10161c; --paper: #f4eee7; --orange: #e47d55; --soft: #74808a; --serif: Georgia, 'Times New Roman', serif; --mono: 'SFMono-Regular', Consolas, monospace; }
* { box-sizing: border-box; }
body { background: var(--paper); color: var(--ink); margin: 0; min-height: 100vh; font-family: Arial, 'Microsoft YaHei', sans-serif; }
.about-page { margin: auto; max-width: 720px; padding: 10vh 8vw; }
.back, .kicker, .button { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.back { color: var(--soft); }
.kicker { margin: 18vh 0 26px; }
h1 { font-family: var(--serif); font-size: clamp(52px, 11vw, 100px); font-weight: 500; letter-spacing: -.1em; line-height: .95; margin: 0 0 36px; }
h1 em { color: var(--orange); font-style: normal; }
p:not(.kicker) { color: var(--soft); font-size: 16px; line-height: 1.9; max-width: 500px; }
.button { background: var(--ink); color: var(--paper); display: inline-block; margin-top: 28px; padding: 16px 18px; }