/* The site's shared tokens: the black sky the plates were drawn on. */
:root {
  --ground: #0B0D12; --surface: #141821; --rule: #2A2F3B;
  --bone: #E6DFCF; --bone-dim: #7F7B72; --rust: #7A1A14; --rust-bright: #A82A20; --gold: #C9A56E;
  color-scheme: dark;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--ground); color: var(--bone); font-family: "IM Fell English", Georgia, serif; -webkit-font-smoothing: antialiased; }
@font-face { font-family: "IM Fell English"; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/fell-regular.woff2) format("woff2"); }
@font-face { font-family: "IM Fell English"; font-style: italic; font-weight: 400; font-display: swap; src: url(fonts/fell-italic.woff2) format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/plex-mono-400.woff2) format("woff2"); }
@font-face { font-family: "UnifrakturCook"; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/unifraktur-cook-700.woff2) format("woff2"); }
@font-face { font-family: "Cinzel"; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/cinzel-600.woff2) format("woff2"); }
.threshold { min-height: 100vh; display: grid; place-content: center; gap: 40px; padding: 56px 16px; text-align: center; }
h1 { font-family: "Cinzel", serif; font-weight: 600; font-size: clamp(30px, 6vw, 56px); line-height: 1.1; margin: 0; letter-spacing: .06em; }
h1 em { font-family: "IM Fell English", serif; font-weight: 400; font-style: italic; letter-spacing: 0; color: var(--rust-bright); }
.doors { display: flex; flex-wrap: wrap; justify-content: center; gap: 1px; background: var(--rule); border: 1px solid var(--rule); }
.doors a { flex: 1 1 auto; padding: 14px 22px; background: var(--ground); color: var(--bone-dim); text-decoration: none; font-size: 15px; letter-spacing: .14em; text-transform: uppercase; }
.doors a[hidden] { display: none; }
.doors.entry { background: none; border: 0; gap: 18px; }
.doors.entry a { flex: 0 0 auto; padding: 6px 4px; font-size: 13px; background: none; }
.doors.entry a:hover { background: none; }
.doors a:hover { color: var(--bone); background: var(--surface); box-shadow: inset 0 -3px 0 var(--rust); }