:root { color-scheme: dark; background: #000; color: #f3eade; font-family: Georgia, 'Times New Roman', serif; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 280px; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; }
main { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 0 20px; }
.brand-scene { width: min(88%, 720px); }
.brand-scene img { display: block; width: 100%; height: auto; }
.announcement { position: relative; text-align: center; margin-top: 24px; padding: 0 16px 30px; }
h1 { margin: 0; font-size: clamp(1.65rem, 3.5vw, 3.5rem); font-weight: 400; line-height: 1.4; letter-spacing: .22em; padding-left: .22em; }
.announcement p { margin: 22px 0 0; color: #c5a56c; font-family: Arial, Helvetica, sans-serif; font-size: .75rem; line-height: 1.6; letter-spacing: .5em; padding-left: .5em; }
footer { display: flex; align-items: center; justify-content: flex-end; gap: 26px; padding: 20px max(32px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)); }
.footer-logo { width: 96px; height: auto; }
nav { display: flex; gap: 8px; }
a { display: grid; place-items: center; width: 44px; height: 44px; color: #bda77e; border-radius: 3px; transition: color .2s, background-color .2s; }
a svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
a .dot { fill: currentColor; stroke: none; }
a:hover { color: #ffe3ac; background: #17130c; }
a:focus-visible { outline: 2px solid #f5d59e; outline-offset: 4px; }
@media (max-width: 600px) {
  main { padding-top: 32px; }
  .brand-scene { width: 94%; }
  .brand-scene img { width: 100%; }
  .announcement { margin-top: 28px; padding-bottom: 32px; }
  h1 { font-size: clamp(1.35rem, 6vw, 2.1rem); letter-spacing: .18em; }
  .announcement p { margin-top: 18px; letter-spacing: .4em; }
  footer { padding-right: max(20px, env(safe-area-inset-right)); gap: 18px; }
}
@media (prefers-reduced-motion: reduce) { a { transition: none; } }
