.v3 { --maroon: #4e1b15; background: var(--maroon); color: #fff; }
.v3 .masthead, .v3 .masthead .wordmark { color: #fff; }
.v3 .board { position: absolute; inset: 0; }
.dim {
  position: absolute; inset: 0; z-index: 3; pointer-events: none;
  background:
    linear-gradient(rgba(30, 10, 8, .45), transparent 14%),
    radial-gradient(ellipse 95% 24% at 50% 49%, rgba(30, 10, 8, .5), rgba(30, 10, 8, .12));
}
:is(.pre-intro, .is-intro) .dim:not(.on) { visibility: hidden; }
.center {
  position: absolute; left: var(--gutter); right: var(--gutter); top: 49%; z-index: 4;
  transform: translateY(-50%);
  text-align: center;
  text-shadow: 0 1px 14px rgba(0, 0, 0, .35);
}
.v3 h1 { font: 400 min(11.6vw, 46px)/1.02 var(--display); letter-spacing: .16em; }
.v3 h1 > span { display: block; white-space: nowrap; }
.date { margin-top: 14px; font: 18px/1 var(--display); letter-spacing: .2em; }
.copy { margin-top: 8px; font-size: 13px; letter-spacing: .02em; }
