/* Sensus Communis | subpage.css
   Unterseiten: gemeinsame Grundlage (Reset, Grundtypografie, Seitenrahmen).
   Geladen von: annual-en, annual, colloquium-en, colloquium, contact-en, contact, danke, datenschutz-en, datenschutz, fellows-en, fellows, impressum-en, impressum, papers-en, papers, podcast-en, podcast, thank-you, zeitgeist-en, zeitgeist
   Reihenfolge je Seite: fonts, tokens, [subpage], Seite, glass-cards, motion, Seite.layers, site */

/* ===== ohne id ===== */
:root {
  --navy-deep: #050D2E;
  --navy: #0A1A4F;
  --cream: #F5F1E8;
  --paper: #FAF7F0;
  --ink: #1A1F2E;
  --ink-mute: #5B6173;
  --coral: #FF6E5A;
  --rust: #B92C08;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Manrope",system-ui,sans-serif;
  color: var(--ink);
  line-height: 1.62;
  background: var(--navy);
}

.serif {
  font-family: "EB Garamond",Georgia,serif;
}

a {
  color: inherit;
}

.poster-stars .nstar {
  fill: var(--c-cream);
  animation: tw var(--td,3.4s) ease-in-out var(--dl,0s) infinite;
}

@keyframes tw{0%,100%{opacity:.25;}50%{opacity:1;}}

@media (prefers-reduced-motion: reduce) {
  .poster-stars .nstar {
    animation: none;
  }
}

.panel a:hover {
  border-bottom-color: var(--rust);
}