:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #09090b; color: #f5f1ee; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 2rem; }
main { width: min(100%, 50rem); }
.eyebrow { color: #d7a99e; font-size: .85rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
h1 { font-family: Georgia, serif; font-size: clamp(2.8rem, 8vw, 5.5rem); font-weight: 400; line-height: 1.08; letter-spacing: -.04em; }
.detail { color: #bbb3b1; font-size: clamp(1rem, 2vw, 1.2rem); line-height: 1.6; }
a { color: #efd1c9; }
a:focus-visible { outline: 2px solid #efd1c9; outline-offset: 4px; }