:root { color-scheme: light; background: #f6f3eb; color: #272921; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; font-family: Georgia, serif; }
main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5rem 1.5rem; text-align: center; }
h1 { margin: 0; line-height: 0; }
h1 img { width: clamp(215px, 32vw, 365px); max-width: 100%; }
main p { font-size: clamp(16px, 2vw, 21px); margin: 2.8rem 0 1.3rem; line-height: 1.5; }
a { color: inherit; text-underline-offset: .28em; text-decoration-thickness: 1px; text-decoration-color: #a09c90; }
main a { font: 11px Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
a:hover { text-decoration-color: currentColor; }
a:focus-visible { outline: 2px solid #756654; outline-offset: 5px; }
footer { margin-inline: 6vw; padding: 1.4rem 0; border-top: 1px solid #d7d3c8; display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #57594e; font-size: 13px; }
footer p { margin: 0; }
@media(max-width: 430px) { footer { flex-direction: column; gap: .7rem; } }