/* DESIGN CODE - the front page's intro. Release B9-2026-10-30 (DEC-0051).
   On black, the mark fades in at 40% of the smaller side of the screen, holds,
   and the black fades away to reveal the home page. 0.8 s black, 1.6 s fade,
   0.7 s hold, 1.0 s reveal: 4.1 s in all. Opacity only, nothing moves. */
#dc-intro { display: none; }
.dc-intro #dc-intro {
  display: flex; position: fixed; inset: 0; z-index: 1000;
  align-items: center; justify-content: center;
  background: #000000; color: #ffffff; cursor: default;
  animation: dc-reveal 1000ms ease-in-out 3100ms both;
}
.dc-intro #dc-intro svg {
  display: block; width: min(40vw, 40vh); height: min(40vw, 40vh);
  animation: dc-mark-in 1600ms ease-in-out 800ms both;
}
.dc-intro.dc-intro-skip #dc-intro { animation: dc-skip 400ms ease-in-out 0ms both; }
.dc-intro body { overflow: hidden; }
@keyframes dc-mark-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes dc-reveal { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } }
@keyframes dc-skip { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } }