.mr-intro { display: none; }
html.mr-intro-pending { overflow: hidden; }
html.mr-intro-pending #page { visibility: hidden; }
html.mr-intro-pending .wmn-widget { visibility: hidden; }
html.mr-intro-pending .mr-intro {
  display: grid; place-items: center; position: fixed; inset: 0; z-index: 2147483000;
  min-height: 100svh; overflow: hidden; color: #e9f1eb;
  background: radial-gradient(ellipse at 50% 47%, #164a38 0%, #092b20 35%, #03130e 76%);
  font-family: "DM Sans", Arial, sans-serif; isolation: isolate;
}
.mr-intro::after { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 57%, transparent 25%, #0006); z-index: -1; pointer-events: none; }
.mr-intro-stage { width: min(1180px, 100%); padding: 20px; text-align: center; transform: translateY(-12px); }
.mr-arrival { width: clamp(260px, 35vw, 440px); margin: 0 auto; position: relative; opacity: 0; }
.mr-sprite { width: 100%; aspect-ratio: 1; background-size: 400% 200%; background-repeat: no-repeat; filter: url(#mr-sprite-matte); }
.mr-km-shield { position: absolute; left: 43.3%; top: 34%; width: 22%; height: 27%; overflow: hidden; pointer-events: none; }
.mr-horse-shadow { position: absolute; left: 13%; right: 9%; bottom: 4%; height: 17px; border-radius: 50%; background: #0009; filter: blur(13px); z-index: -1; }
.mr-wordmark { width: min(780px, 90vw); margin: -7px auto 0; opacity: 0; }
.mr-wordmark svg { display: block; width: 100%; height: auto; overflow: hidden; filter: brightness(0) invert(.92) sepia(.12) drop-shadow(0 2px 15px #b5d6c42b); }
.mr-brandline { margin: 16px 0 0; color: #c4d9ce; font: 400 clamp(14px, 1.35vw, 18px)/1.6 "DM Sans", Arial, sans-serif; letter-spacing: .09em; opacity: 0; }
.mr-brandline span { white-space: nowrap; }
.mr-rule { height: 1px; width: min(360px, 66%); margin: 24px auto 0; background: linear-gradient(90deg, transparent, #abd4bf, transparent); opacity: 0; transform: scaleX(.25); }
.mr-impact-ring { position: absolute; left: 50%; top: 46%; width: 120px; aspect-ratio: 1; border: 1px solid #c3ecd57d; border-radius: 50%; opacity: 0; pointer-events: none; }
.mr-intro-controls { position: absolute; left: 0; right: 0; bottom: max(28px, env(safe-area-inset-bottom)); display: flex; justify-content: center; gap: 12px; padding: 0 16px; }
.mr-intro .mr-control { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 10px 19px; border: 1px solid #a6c7b52d; border-radius: 999px; color: #c5d9ce; background: #0c291d80; font: 500 14px/1.3 "DM Sans", Arial, sans-serif; cursor: pointer; transition: background .2s, border-color .2s; }
.mr-intro .mr-control:hover { background: #204733; border-color: #b5d5c47d; }
.mr-intro .mr-control:focus-visible { outline: 2px solid #d0eadc; outline-offset: 5px; }
.mr-control svg { width: 17px; height: 17px; flex: none; }
.mr-control[aria-pressed="true"] { border-color: #8bbea890; color: #f1fff6; }
.mr-control[hidden] { display: none; }
.mr-intro-meter { position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background: #aed2bf9e; transform: scaleX(0); transform-origin: left; }
.mr-intro[data-state="reduced"] .mr-arrival, .mr-intro[data-state="reduced"] .mr-wordmark, .mr-intro[data-state="reduced"] .mr-brandline, .mr-intro[data-state="reduced"] .mr-rule { opacity: 1; }
.mr-intro[data-state="reduced"] .mr-rule { transform: none; }
.mr-intro[data-state="leaving"] { pointer-events: none; }
@media (max-width: 600px) {
  .mr-intro-stage { padding: 16px; }
  .mr-arrival { width: min(80vw, 330px); }
  .mr-wordmark { width: min(90vw, 480px); }
  .mr-brandline { margin-top: 13px; letter-spacing: .035em; }
  .mr-intro-controls { bottom: max(24px, env(safe-area-inset-bottom)); }
  .mr-intro .mr-control { padding-inline: 15px; }
}
@media (max-height: 560px) and (min-width: 601px) {
  .mr-arrival { width: 220px; }
  .mr-wordmark { width: 420px; }
  .mr-brandline { margin-top: 10px; font-size: 14px; }
  .mr-rule { margin-top: 16px; }
  .mr-intro-controls { bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .mr-impact-ring, .mr-intro-meter { display: none; }
}