/* What every page on atrium.show shares: the ground, the type, the stage of works and the accent. */

@font-face { font-family: Figtree; src: url(fonts/figtree-normal.woff2) format('woff2'); font-weight: 300 700; font-display: swap; }

:root {
  --ground: #0a0a0b;
  --text: #f2f1ee;
  --text-2: #c9c8c4;
  --text-3: #8b8a86;
  --accent: #cab9f3;
  color-scheme: dark;
  background: var(--ground);
  color: var(--text);
  font-family: Figtree, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body { margin: 0; }
a { color: inherit; text-decoration: none; }
a:hover { color: #fff; }
:focus-visible { outline: 1px solid var(--accent); outline-offset: 4px; }
p, h1, h2, ul { margin: 0; padding: 0; font: inherit; }
section[data-work] { height: 100svh; }

/* The stage fades up from the ground once its first work can draw, so even the first paint is a crossfade. */
.stage { position: fixed; inset: 0; overflow: hidden; background: var(--ground); opacity: 0; transition: opacity 1.6s ease-in-out; }
.stage.is-ready { opacity: 1; }
.art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }

.medium { text-transform: uppercase; color: var(--own, var(--accent)); }
.download { color: var(--accent); }
.download--line { border-bottom: 1px solid var(--accent); padding-bottom: 2px; }