/* ponytail: native responsive layout; no runtime or external assets. */
:root { color-scheme: light; font-family: Georgia, "Times New Roman", serif; color: #23362f; background: #f5f2e9; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; }
main { width: min(100%, 70rem); margin: auto; padding: 5rem clamp(1.5rem, 7vw, 6rem); }
.eyebrow, .status, footer { font-family: system-ui, sans-serif; }
.eyebrow { font-weight: 650; letter-spacing: .08em; font-size: .95rem; }
h1 { font-size: clamp(2.7rem, 7vw, 5.8rem); line-height: 1.06; letter-spacing: -.035em; font-weight: 400; margin: 2rem 0; }
.intro { max-width: 36rem; font-size: 1.2rem; line-height: 1.65; }
.status { display: inline-block; margin-top: 1rem; border: 1px solid #65766b; border-radius: 2rem; padding: .6rem 1rem; font-size: .9rem; }
footer { padding: 1.3rem clamp(1.5rem, 7vw, 6rem); border-top: 1px solid #c4cbbd; display: flex; flex-wrap: wrap; justify-content: space-between; gap: .8rem; font-size: .8rem; line-height: 1.5; }
.version { overflow-wrap: anywhere; }
@media (max-width: 480px) { main { padding-top: 3rem; padding-bottom: 3rem; } footer { flex-direction: column; } }