/* Shared by all variants: the brand fonts and a reset. Excluded for headings,
   names, numbers and nav (no č ć š ž đ); Eurostar for dates, venues, text. */
@font-face { font-family: "Excluded"; src: url("fonts/Excluded.ttf"); font-display: block; }
@font-face { font-family: "Eurostar"; src: url("fonts/Eurostar-Regular.ttf"); font-display: block; }
:root { --fg: #f2f2f2; --mid: #8a8a8a; --low: #3a3a3a; --bg: #000; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--fg); }
body { font: 16px/1.4 "Eurostar", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible { outline: 1px solid var(--fg); outline-offset: 4px; }
img { display: block; }
.x { font-family: "Excluded", sans-serif; letter-spacing: .03em; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
/* Arrow for external links, drawn in the text colour (the fonts have no ↗,
   and the system fallback can turn it into an emoji). */
.ar { display: inline-block; width: .78em; height: .78em; margin-left: .3em; vertical-align: -.02em; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 1h8v8M11 1 1 11' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 1h8v8M11 1 1 11' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center / contain no-repeat; }