/* Direction A · Mono from 13-directions.html, laid over studio.css for studies 14–16.
 * Black, white and one link blue. A wordmark and no symbol, so the work we show carries the colour. */
:root {
  --accent: #0066cc;
  --accent-hi: #2997ff;
  --accent-soft: #e8f1fb;
}
.brand i { display: none; }

/* actions are black on light and white on dark; blue is kept for links */
.btn, .nav .pill { background: var(--ink); color: #fff; }
.btn:hover, .nav .pill:hover { background: #000; }
[data-theme='dark'] .btn, .nav:not(.light) .pill { background: #f5f5f7; color: var(--ink); }
[data-theme='dark'] .btn:hover, .nav:not(.light) .pill:hover { background: #fff; }

.end::before { background: radial-gradient(70% 50% at 50% 110%, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05) 50%, transparent 72%); }

/* intro.js covers the page while it loads; the hero waits under it and rises when the cover lifts */
.loading body { overflow: hidden; }
.loading .rise { animation-play-state: paused; }