:root {
  color-scheme: light;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  --ink: #211d19;
  --muted: #71675d;
  --paper: #f3f0e9;
  --card: #fff;
  --accent: #927354;
  --accent-ink: #5d4330;
}
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; padding: 28px 18px; display: flex; justify-content: center; color: var(--ink); background: var(--paper); }
main { width: min(100%, 430px); margin: auto; text-align: center; }
.brand-logo { width: min(100%, 290px); height: 90px; display: block; margin: 0 auto 19px; padding: 12px 20px; border-radius: 14px; object-fit: contain; background: #2d261f; box-shadow: 0 0 0 5px color-mix(in srgb, var(--accent) 20%, transparent); }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.eyebrow { margin: 0 0 8px; color: var(--accent-ink); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(27px, 7vw, 35px); line-height: 1.1; letter-spacing: -.045em; }
.tagline { margin: 9px 0 22px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.maintenance { margin: 0 0 20px; padding: 16px 18px; border: 1px solid color-mix(in srgb, var(--accent) 44%, transparent); border-radius: 14px; background: var(--card); text-align: left; }
.maintenance strong { display: block; margin-bottom: 5px; font-size: 14px; }
.maintenance p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.links { display: grid; gap: 10px; }
.links a { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0 17px; border: 1px solid color-mix(in srgb, var(--accent) 48%, transparent); border-radius: 13px; color: var(--ink); background: var(--card); font-size: 14px; font-weight: 700; text-align: left; text-decoration: none; transition: transform .16s ease, border-color .16s ease; }
.links a:hover { transform: translateY(-2px); border-color: var(--accent); }
.links a span { color: var(--accent-ink); font-size: 18px; }
.foot { display: inline-block; margin: 22px 0 0; color: var(--muted); font-size: 11px; text-decoration: none; }
.address:hover { color: var(--accent-ink); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }