/* Moya intro splash — see splash.js */
.moya-splash {
  --sp-bg: #FAF7F3;
  --sp-ink: #111111;
  --sp-accent: #C0602A;
  --sp-skip: rgba(42, 22, 17, .55);
  position: fixed; inset: 0; z-index: 9999;
  contain: strict; /* keep the splash's per-frame layout/paint isolated from the page loading underneath */
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.moya-splash[data-theme="dark"] {
  --sp-bg: #2A1611;
  --sp-ink: #FFFFFF;
  --sp-accent: #FBC764;
  --sp-skip: rgba(250, 245, 239, .6);
}
html.moya-splash-lock, html.moya-splash-lock body { overflow: hidden; }

.moya-splash__art { display: block; width: 100%; height: 100%; }
.moya-splash .msp-bg,
.moya-splash .msp-plug { fill: var(--sp-bg); }
/* the plug's stroke seals the anti-aliasing seam between it and the hole in .msp-bg */
.moya-splash .msp-plug { stroke: var(--sp-bg); stroke-width: 1.5px; vector-effect: non-scaling-stroke; }

/* fills + tagline are revealed by the ink-sweep mask; outlines are drawn by the pen */
.moya-splash .msp-line {
  fill: none; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round;
  stroke-dasharray: 1 2; stroke-dashoffset: 1.01; opacity: 0;
}
.moya-splash .msp-letter,
.moya-splash .msp-tag { fill: var(--sp-ink); }
.moya-splash .msp-line--ink { stroke: var(--sp-ink); }

.moya-splash__skip {
  position: absolute; right: 24px; bottom: 24px;
  padding: 8px 12px; border: 0; background: none; cursor: pointer;
  color: var(--sp-skip); font: 500 13px/1 var(--body, system-ui, sans-serif); letter-spacing: .08em; text-transform: uppercase;
  opacity: 0; animation: msp-skip-in .5s ease 1.2s forwards;
}
.moya-splash__skip:hover, .moya-splash__skip:focus-visible { color: var(--sp-ink); }
.moya-splash__skip:focus-visible { outline: 2px solid var(--sp-accent); outline-offset: 2px; }
@keyframes msp-skip-in { to { opacity: 1; } }

/* prefers-reduced-motion: no draw, no dive — the finished logo, then a fade */
.moya-splash.is-static .msp-line { display: none; }
.moya-splash.is-static .moya-splash__skip { animation: none; opacity: 1; }
