:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; background: #f7f5ef; color: #171b20; font-family: Georgia, 'Times New Roman', serif; }
main { flex: 1; padding: clamp(3rem, 11vh, 8rem) 1.5rem 3rem; text-align: center; }
.bird { display: block; margin-bottom: .35rem; font-family: 'Segoe UI Historic', 'Noto Sans Egyptian Hieroglyphs', serif; font-size: 4rem; line-height: 1.1; }
h1 { margin: 0; font-size: clamp(2.5rem, 8vw, 5rem); font-weight: 500; letter-spacing: -.04em; }
nav { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem 1.75rem; max-width: 52rem; margin: 2rem auto 0; }
a { color: inherit; text-underline-offset: .22em; }
a:hover, a:focus-visible { color: #6f3c26; }
.placeholder h1 { font-size: clamp(2rem, 6vw, 3.5rem); }
.placeholder p { margin: 1.5rem 0; font-size: 1.15rem; }