/* AOS Trading: the farewell page shown while SITE_CLOSED is on (src/closed.mjs). It loads only the
   files in CLOSED_FILES there. Fonts are self-hosted (SIL Open Font License, see /fonts). */
@font-face { font-family: 'Jacquard 24'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/jacquard-24-latin.woff2) format('woff2'); }
@font-face { font-family: 'Alegreya'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/fonts/alegreya-latin.woff2) format('woff2'); }
@font-face { font-family: 'Alegreya'; font-style: italic; font-weight: 400; font-display: swap; src: url(/fonts/alegreya-italic-latin.woff2) format('woff2'); }
@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/alegreya-sans-500-latin.woff2) format('woff2'); }

:root {
  color-scheme: dark;
  --night: #0c1a24; --deep: #070f16;
  --lantern: #f4ce98; --gold: #d9a441; --gold-hi: #ffe7a3; --gate: #4aa8ff;
  --text: #ece3cf; --muted: #a9b8bf;
  --line-2: rgba(236, 227, 207, .17);
  --f-display: 'Jacquard 24', 'Old English Text MT', 'UnifrakturMaguntia', Georgia, serif;
  --f-ui: 'Alegreya Sans', 'Gill Sans', 'Segoe UI', system-ui, sans-serif;
  --f-read: 'Alegreya', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
}
* { box-sizing: border-box; }
html { background: var(--deep); }
body {
  margin: 0; min-width: 320px; min-height: 100vh; min-height: 100dvh;
  display: grid; place-items: center;
  padding: calc(clamp(24px, 6vw, 64px) + env(safe-area-inset-top, 0px)) clamp(20px, 5vw, 56px) calc(clamp(24px, 6vw, 64px) + env(safe-area-inset-bottom, 0px));
  background:
    radial-gradient(60rem 36rem at 12% 8%, rgba(232, 163, 60, .10), transparent 62%),
    radial-gradient(52rem 40rem at 96% 100%, rgba(74, 168, 255, .09), transparent 60%),
    var(--night);
  color: var(--text); font: 400 19px/1.62 var(--f-read); -webkit-font-smoothing: antialiased;
}
.closed { display: grid; grid-template-columns: minmax(0, 400px) minmax(0, 34rem); gap: clamp(28px, 5vw, 68px); align-items: center; width: 100%; max-width: 1060px; }
.closed-art { margin: 0; }
.closed-art img { display: block; width: 100%; height: auto; border-radius: 14px; box-shadow: 0 0 0 1px rgba(255, 231, 163, .22), 0 30px 80px rgba(0, 0, 0, .55); }
.closed-letter p { margin: 0 0 16px; text-wrap: pretty; }
.closed-eyebrow { font: 500 14px/1 var(--f-ui); letter-spacing: .16em; text-transform: uppercase; color: var(--gold); }
h1 { margin: 0 0 18px; font: 400 clamp(48px, 7.4vw, 78px)/.94 var(--f-display); letter-spacing: .01em; color: var(--gold-hi); text-wrap: balance; }
.closed-letter .closed-lead { margin-bottom: 22px; font-size: 1.2em; line-height: 1.45; color: var(--lantern); text-wrap: balance; }
.closed-letter .closed-sign { margin: 26px 0 0; padding-top: 20px; border-top: 1px solid var(--line-2); font-style: italic; color: var(--muted); }

@media (max-width: 820px) {
  body { place-items: start center; font-size: 18px; }
  .closed { grid-template-columns: minmax(0, 1fr); gap: 26px; max-width: 34rem; }
  .closed-art { max-width: 220px; }
}