/* FYR Content – Impressum und Datenschutz */

@font-face {
  font-family: "Archivo";
  src: url("../assets/fonts/archivo-latin-wdth-normal.woff2") format("woff2");
  font-weight: 100 900; font-stretch: 62% 125%; font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("../assets/fonts/instrument-serif-latin-400-italic.woff2") format("woff2");
  font-weight: 400; font-style: italic; font-display: swap;
}

:root { --bg: #060607; --paper: #f3ede4; --ink: #17140f; --muted: #625a4f; --glow: #ff9a3c; --glow-2: #ffc66e; }
*, *::before, *::after { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font-family: "Archivo", system-ui, sans-serif; font-size: clamp(16px, .95rem + .2vw, 18px); line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body, h1, h2, p, span, a { hyphens: manual; -webkit-hyphens: manual; overflow-wrap: normal; word-break: normal; }
h1, h2 { text-wrap: balance; }
p { text-wrap: pretty; }

.legal-nav {
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  padding: 18px clamp(16px, 4vw, 48px); color: #f1ece4;
}
.brand { display: inline-flex; align-items: baseline; gap: .35em; text-decoration: none; color: inherit; line-height: 1; }
.brand b { font-weight: 800; font-size: 1.35rem; letter-spacing: .04em; font-stretch: 120%; }
.brand i { font-family: "Instrument Serif", Georgia, serif; font-size: 1.3rem; color: var(--glow-2); }
.link { color: #a39d94; text-decoration: none; font-size: .95rem; }
.link:hover { color: #f1ece4; }

.legal {
  width: min(820px, 100% - 32px); margin: 16px auto 0;
  background: var(--paper); border-radius: 28px;
  padding: clamp(28px, 6vw, 72px) clamp(20px, 6vw, 72px);
}
.eyebrow { text-align: center; font-size: .78rem; letter-spacing: .16em; text-transform: uppercase; color: #c4610f; margin: 0 0 10px; }
.display { text-align: center; font-size: clamp(2.2rem, 1.4rem + 3vw, 3.6rem); line-height: 1.05; letter-spacing: -.02em; margin: 0 0 28px; font-stretch: 92%; }
.legal h2 { font-size: clamp(1.15rem, 1rem + .5vw, 1.4rem); margin: 36px 0 10px; }
.legal p { margin: 0 0 12px; }
.legal a { color: #c4610f; }
.legal__warn { background: #fff4e3; border: 1px solid rgba(196, 97, 15, .3); border-radius: 14px; padding: 14px 18px; text-align: center; }
.todo { background: rgba(255, 154, 60, .22); border-radius: 4px; padding: 0 4px; }
.fineprint { margin-top: 36px !important; font-size: .9rem; color: var(--muted); text-align: center; }

.footer { color: #a39d94; padding: 32px clamp(16px, 4vw, 48px); }
.footer__row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; font-size: .88rem; max-width: 820px; margin: 0 auto; }
.footer__row p { margin: 0; }
.footer__row nav { display: flex; gap: 20px; }
.footer__row a { color: inherit; text-decoration: none; }
.footer__row a:hover, .footer__row a[aria-current] { color: #f1ece4; }
@media (max-width: 600px) { .footer__row { justify-content: center; text-align: center; } .display { font-size: min(2.2rem, 8.4vw); } }
.nw { white-space: nowrap; }