@font-face {
  font-family: 'DM Sans';
  src: url('/shared/fonts/DMSans-Variable-latin.woff2?v=6fade13e23') format('woff2');
  font-weight: 100 1000;
  font-display: swap;
}
@font-face {
  font-family: 'EB Garamond';
  src: url('/shared/fonts/EBGaramond-publica.woff2?v=5f1a1f1750') format('woff2');
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
}
* { box-sizing: border-box; }
body { font-synthesis: none; margin: 0; background: #191520; color: #f4edf7; font: 16px/1.5 'DM Sans', sans-serif; }
main { max-width: 650px; min-height: 100svh; margin: auto; padding: 64px 24px; display: flex; flex-direction: column; justify-content: center; }
a { color: inherit; text-decoration: none; }
img { width: 174px; height: 42px; object-fit: cover; object-position: center; filter: brightness(0) invert(1); }
.status { margin-top: 70px; color: #c1b1cb; letter-spacing: .12em; }
h1 { font: 500 clamp(42px, 8vw, 64px)/1.04 'EB Garamond', serif; margin: 16px 0 36px; max-width: 550px; }
nav { display: grid; gap: 12px; }
nav a { min-height: 54px; border: 1px solid #a28ca7; border-radius: 17px; background: linear-gradient(120deg, #56475d88, #332b3d88); padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; }
a:focus-visible { outline: 2px solid #edc0d1; outline-offset: 4px; }
nav a:hover { background-color: #46384e; }