.site-intro {
  --intro-blue: #2769bb;
  --intro-cyan: #71c8f2;
  --intro-ink: #173b67;
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  min-height: 100vh;
  min-height: 100dvh;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  color: var(--intro-ink);
  background:
    radial-gradient(circle at 50% 45%, rgba(255, 255, 255, 0.98) 0 5rem, rgba(242, 250, 255, 0.76) 18rem, transparent 34rem),
    radial-gradient(ellipse at 8% 2%, rgba(113, 198, 242, 0.35), transparent 36rem),
    radial-gradient(ellipse at 94% 96%, rgba(75, 142, 218, 0.24), transparent 39rem),
    linear-gradient(145deg, #f9fcff 0%, #edf7ff 48%, #e4f1fc 100%);
  opacity: 1;
  transition: opacity 440ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 440ms;
}

.site-intro[hidden] {
  display: none;
}

.site-intro::before,
.site-intro::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
}

.site-intro::before {
  z-index: 0;
  background:
    linear-gradient(105deg, transparent 29%, rgba(255, 255, 255, 0.52) 46%, rgba(97, 179, 232, 0.09) 51%, transparent 68%);
  opacity: 0;
  transform: translateX(-120%);
}

.site-intro::after {
  z-index: 4;
  background:
    radial-gradient(ellipse at center, transparent 42%, rgba(62, 112, 162, 0.08) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 22%, transparent 78%, rgba(70, 125, 179, 0.05));
}

.site-intro.is-visible::before {
  animation: site-intro-field-sweep 2.8s 180ms cubic-bezier(0.2, 0.72, 0.2, 1) both;
}

.site-intro.is-leaving {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.site-intro__canvas,
.site-intro__decor {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.site-intro__canvas {
  z-index: 1;
  opacity: 0;
  transition: opacity 300ms ease;
}

.site-intro.is-visible .site-intro__canvas {
  opacity: 1;
}

.site-intro__decor {
  z-index: 0;
  overflow: hidden;
}

.site-intro__grid {
  position: absolute;
  inset: -12%;
  background-image:
    linear-gradient(rgba(45, 114, 175, 0.085) 1px, transparent 1px),
    linear-gradient(90deg, rgba(45, 114, 175, 0.085) 1px, transparent 1px),
    radial-gradient(circle, rgba(43, 111, 177, 0.13) 1px, transparent 1.45px);
  background-position: center;
  background-size: 74px 74px, 74px 74px, 18.5px 18.5px;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, 0.58) 43%, transparent 78%);
  mask-image: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, 0.58) 43%, transparent 78%);
  opacity: 0;
  transform: scale(1.08);
}

.site-intro.is-visible .site-intro__grid {
  animation: site-intro-grid-focus 2.15s 120ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

.site-intro__beam {
  position: absolute;
  width: min(74vw, 64rem);
  aspect-ratio: 1.45;
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0;
}

.site-intro__beam--left {
  top: -25%;
  left: -19%;
  background:
    radial-gradient(ellipse at 62% 55%, rgba(100, 193, 240, 0.31), transparent 37%),
    conic-gradient(from 211deg at 52% 52%, transparent 4%, rgba(126, 204, 244, 0.2), transparent 39%);
  transform: rotate(-12deg) translate3d(-5%, -3%, 0);
}

.site-intro__beam--right {
  right: -22%;
  bottom: -30%;
  background:
    radial-gradient(ellipse at 39% 38%, rgba(61, 139, 217, 0.22), transparent 39%),
    conic-gradient(from 24deg at 48% 48%, transparent 7%, rgba(163, 220, 249, 0.31), transparent 42%);
  transform: rotate(13deg) translate3d(5%, 4%, 0);
}

.site-intro.is-visible .site-intro__beam--left {
  animation: site-intro-beam-left 3.1s 80ms cubic-bezier(0.2, 0.65, 0.2, 1) both;
}

.site-intro.is-visible .site-intro__beam--right {
  animation: site-intro-beam-right 3.25s 120ms cubic-bezier(0.2, 0.65, 0.2, 1) both;
}

.site-intro__horizon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(92vw, 78rem);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(75, 153, 213, 0.08) 18%, rgba(255, 255, 255, 0.84) 50%, rgba(75, 153, 213, 0.08) 82%, transparent);
  box-shadow: 0 0 1rem rgba(90, 178, 231, 0.24);
  opacity: 0;
  transform: translate(-50%, -50%) scaleX(0.12);
}

.site-intro.is-visible .site-intro__horizon {
  animation: site-intro-horizon 1.8s 650ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.site-intro__content {
  position: relative;
  z-index: 3;
  display: flex;
  box-sizing: border-box;
  width: min(calc(100% - 2rem), 38rem);
  max-height: calc(100vh - 2rem);
  max-height: calc(100dvh - 2rem);
  padding: 0.5rem 1rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: transform 440ms cubic-bezier(0.2, 0.7, 0.2, 1), filter 440ms ease;
}

.site-intro.is-leaving .site-intro__content {
  filter: blur(1px);
  transform: scale(1.035);
}

.site-intro__lens {
  --intro-shift-x: 0px;
  --intro-shift-y: 0px;
  position: relative;
  display: grid;
  width: clamp(13.5rem, 25vw, 18.5rem);
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.74);
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.78) 0 7%, transparent 33%),
    radial-gradient(circle at 55% 58%, rgba(214, 240, 255, 0.33), rgba(171, 219, 248, 0.13) 53%, rgba(72, 147, 207, 0.08) 72%, transparent 73%),
    rgba(255, 255, 255, 0.1);
  box-shadow:
    0 2.1rem 5rem rgba(45, 105, 161, 0.16),
    0 0 3rem rgba(109, 197, 240, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1.2rem 2.4rem rgba(64, 135, 196, 0.08),
    inset 0 0 2.7rem rgba(255, 255, 255, 0.55);
  -webkit-backdrop-filter: blur(18px) saturate(132%);
  backdrop-filter: blur(18px) saturate(132%);
  opacity: 0;
  filter: blur(16px);
  transform: scale(0.38);
  will-change: transform, filter, opacity;
}

.site-intro__lens::before,
.site-intro__lens::after {
  position: absolute;
  content: "";
  border-radius: 50%;
  pointer-events: none;
}

.site-intro__lens::before {
  inset: -1px;
  padding: 1.5px;
  background: conic-gradient(from 218deg, rgba(255, 255, 255, 0.98), rgba(111, 199, 243, 0.48) 14%, rgba(255, 255, 255, 0.11) 28%, rgba(63, 136, 204, 0.18) 46%, rgba(255, 255, 255, 0.64) 67%, rgba(146, 218, 250, 0.2) 82%, rgba(255, 255, 255, 0.98));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: 0.86;
}

.site-intro__lens::after {
  top: 7%;
  left: 11%;
  width: 47%;
  height: 26%;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.22) 46%, transparent 72%);
  filter: blur(7px);
  opacity: 0.72;
  transform: translate(var(--intro-shift-x), var(--intro-shift-y)) rotate(-22deg);
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

.site-intro.is-visible .site-intro__lens {
  animation: site-intro-lens-focus 1.4s 1s cubic-bezier(0.18, 0.82, 0.25, 1) both;
}

.site-intro.is-waiting .site-intro__lens::before {
  animation: site-intro-lens-breathe 1.8s ease-in-out infinite;
}

.site-intro__orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
}

.site-intro__orbit--outer {
  width: 126%;
  aspect-ratio: 1;
  border: 1px solid rgba(64, 143, 207, 0.18);
  border-right-color: rgba(255, 255, 255, 0.86);
  border-bottom-color: rgba(111, 196, 239, 0.42);
  box-shadow: 0 0 2.6rem rgba(83, 166, 222, 0.08);
  transform: translate(-50%, -50%) rotate(-48deg) scale(0.68);
}

.site-intro__orbit--inner {
  width: 108%;
  aspect-ratio: 1;
  border: 1px dashed rgba(59, 132, 196, 0.23);
  transform: translate(-50%, -50%) rotate(32deg) scale(0.8);
}

.site-intro.is-visible .site-intro__orbit--outer {
  animation: site-intro-orbit-outer 1.75s 720ms cubic-bezier(0.18, 0.82, 0.25, 1) both;
}

.site-intro.is-visible .site-intro__orbit--inner {
  animation: site-intro-orbit-inner 1.55s 900ms cubic-bezier(0.18, 0.82, 0.25, 1) both;
}

.site-intro.is-leaving .site-intro__orbit--outer {
  animation: site-intro-orbit-release 460ms cubic-bezier(0.2, 0.6, 0.2, 1) both;
}

.site-intro__reticle {
  position: absolute;
  inset: 11%;
  border: 1px solid rgba(75, 151, 210, 0.11);
  border-radius: 50%;
  opacity: 0;
  transform: rotate(-22deg) scale(1.28);
}

.site-intro__reticle::before,
.site-intro__reticle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(70, 145, 204, 0.2), transparent);
  transform: translate(-50%, -50%);
}

.site-intro__reticle::before {
  width: 122%;
  height: 1px;
}

.site-intro__reticle::after {
  width: 1px;
  height: 122%;
  background: linear-gradient(180deg, transparent, rgba(70, 145, 204, 0.2), transparent);
}

.site-intro.is-visible .site-intro__reticle {
  animation: site-intro-reticle 1.1s 1.35s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

.site-intro__emblem {
  position: relative;
  display: grid;
  width: 72%;
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
  filter: drop-shadow(0 0.7rem 1.1rem rgba(47, 116, 178, 0.15));
}

.site-intro__emblem::before {
  position: absolute;
  inset: 6%;
  content: "";
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.5), rgba(184, 226, 250, 0.12) 60%, transparent 72%);
  opacity: 0;
}

.site-intro.is-visible .site-intro__emblem::before {
  animation: site-intro-emblem-flare 1.25s 1.45s ease-out both;
}

.site-intro__emblem img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(34%) sepia(31%) saturate(1690%) hue-rotate(174deg) brightness(91%) contrast(91%);
}

.site-intro__emblem-base {
  opacity: 0;
  transform: scale(0.96);
}

.site-intro.is-visible .site-intro__emblem-base {
  animation: site-intro-emblem-base 1.05s 1.55s ease-out both;
}

.site-intro__emblem-reveal {
  position: absolute;
  inset: 0;
  overflow: hidden;
  clip-path: inset(100% 0 0 0);
  filter: drop-shadow(0 0 0.52rem rgba(54, 143, 207, 0.31));
}

.site-intro.is-visible .site-intro__emblem-reveal {
  animation: site-intro-emblem-reveal 1.15s 1.65s cubic-bezier(0.2, 0.72, 0.2, 1) both;
}

.site-intro__scan {
  position: absolute;
  top: -18%;
  left: -8%;
  z-index: 2;
  width: 116%;
  height: 18%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.92);
  border-radius: 50%;
  background: linear-gradient(180deg, transparent, rgba(87, 180, 232, 0.22), rgba(255, 255, 255, 0.5), transparent);
  box-shadow: 0 0.45rem 1rem rgba(58, 149, 211, 0.22);
  filter: blur(1px);
  opacity: 0;
  transform: rotate(-3deg);
}

.site-intro.is-visible .site-intro__scan {
  animation: site-intro-scan 1.15s 1.65s cubic-bezier(0.25, 0.7, 0.25, 1) both;
}

.site-intro.is-logo-unavailable .site-intro__emblem {
  opacity: 0.12;
}

.site-intro__name {
  position: relative;
  margin: clamp(1.2rem, 2.8vh, 1.65rem) 0 0;
  color: #173c69;
  font-size: clamp(1.2rem, 2.15vw, 1.58rem);
  font-weight: 650;
  line-height: 1.45;
  letter-spacing: 0.085em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.86), 0 0.65rem 1.7rem rgba(51, 107, 159, 0.12);
  opacity: 0;
  filter: blur(6px);
  transform: translateY(0.7rem);
}

.site-intro.is-visible .site-intro__name {
  animation: site-intro-copy-in 800ms 2.45s cubic-bezier(0.2, 0.75, 0.2, 1) both;
}

.site-intro__loading {
  position: relative;
  width: min(74vw, 17.5rem);
  margin-top: 1.15rem;
  opacity: 0;
  transform: translateY(0.45rem) scaleX(0.82);
}

.site-intro.is-visible .site-intro__loading {
  animation: site-intro-progress-in 650ms 2.78s cubic-bezier(0.2, 0.75, 0.2, 1) both;
}

.site-intro__status,
.site-intro__percent {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.site-intro__progress {
  position: relative;
  height: 2px;
  overflow: visible;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(68, 137, 195, 0.19) 11%, rgba(68, 137, 195, 0.19) 89%, transparent);
}

.site-intro__progress::before,
.site-intro__progress::after {
  position: absolute;
  top: 50%;
  width: 3px;
  aspect-ratio: 1;
  content: "";
  border-radius: 50%;
  background: rgba(64, 139, 201, 0.42);
  box-shadow: 0 0 0.5rem rgba(68, 157, 218, 0.3);
  transform: translateY(-50%);
}

.site-intro__progress::before { left: 0; }
.site-intro__progress::after { right: 0; }

.site-intro__progress-value {
  position: relative;
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(49, 112, 199, 0.7), #5dafdf 72%, #d4f2ff 100%);
  box-shadow: 0 0 0.65rem rgba(62, 153, 218, 0.5);
  transition: width 90ms linear;
}

.site-intro__progress-value::after {
  position: absolute;
  top: 50%;
  right: -2px;
  width: 5px;
  aspect-ratio: 1;
  content: "";
  border-radius: 50%;
  background: #f8fdff;
  box-shadow: 0 0 0.8rem 0.18rem rgba(89, 184, 234, 0.62);
  transform: translateY(-50%);
}

.site-intro__skip {
  position: absolute;
  top: max(1rem, env(safe-area-inset-top));
  right: max(1rem, env(safe-area-inset-right));
  z-index: 5;
  min-width: 3.2rem;
  padding: 0.48rem 0.78rem;
  border: 1px solid rgba(255, 255, 255, 0.76);
  border-radius: 999px;
  color: #315b86;
  background: rgba(255, 255, 255, 0.38);
  box-shadow: 0 0.45rem 1.2rem rgba(52, 106, 157, 0.08), inset 0 0 0 1px rgba(71, 132, 185, 0.07);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
  backdrop-filter: blur(14px) saturate(125%);
  font: inherit;
  font-size: 0.82rem;
  letter-spacing: 0.05em;
  cursor: pointer;
  opacity: 0;
  transform: translateY(-0.35rem);
  transition: border-color 180ms ease, color 180ms ease, background 180ms ease, transform 180ms ease;
}

.site-intro.is-visible .site-intro__skip {
  animation: site-intro-skip-in 420ms 950ms ease-out both;
}

.site-intro__skip:hover,
.site-intro__skip:focus-visible {
  border-color: rgba(91, 159, 216, 0.48);
  color: #174c87;
  background: rgba(243, 250, 255, 0.78);
  outline: none;
  transform: translateY(-1px);
}

@keyframes site-intro-field-sweep {
  0% { opacity: 0; transform: translateX(-120%); }
  16% { opacity: 0.8; }
  100% { opacity: 0; transform: translateX(120%); }
}

@keyframes site-intro-grid-focus {
  0% { opacity: 0; transform: scale(1.08); }
  55% { opacity: 0.48; }
  100% { opacity: 0.36; transform: scale(1); }
}

@keyframes site-intro-beam-left {
  0% { opacity: 0; transform: rotate(-12deg) translate3d(-5%, -3%, 0) scale(0.92); }
  55% { opacity: 0.82; }
  100% { opacity: 0.58; transform: rotate(-7deg) translate3d(3%, 3%, 0) scale(1.04); }
}

@keyframes site-intro-beam-right {
  0% { opacity: 0; transform: rotate(13deg) translate3d(5%, 4%, 0) scale(0.92); }
  58% { opacity: 0.75; }
  100% { opacity: 0.5; transform: rotate(8deg) translate3d(-3%, -2%, 0) scale(1.05); }
}

@keyframes site-intro-horizon {
  0% { opacity: 0; transform: translate(-50%, -50%) scaleX(0.12); }
  55% { opacity: 0.85; }
  100% { opacity: 0.34; transform: translate(-50%, -50%) scaleX(1); }
}

@keyframes site-intro-lens-focus {
  0% { opacity: 0; filter: blur(16px); transform: scale(0.38); }
  55% { opacity: 0.88; filter: blur(3px); transform: scale(1.035); }
  76% { filter: blur(0); transform: scale(0.985); }
  100% { opacity: 1; filter: blur(0); transform: scale(1); }
}

@keyframes site-intro-lens-breathe {
  0%, 100% { opacity: 0.7; filter: brightness(1); }
  50% { opacity: 1; filter: brightness(1.08); }
}

@keyframes site-intro-orbit-outer {
  0% { opacity: 0; transform: translate(-50%, -50%) rotate(-48deg) scale(0.68); }
  50% { opacity: 0.92; }
  100% { opacity: 0.56; transform: translate(-50%, -50%) rotate(24deg) scale(1); }
}

@keyframes site-intro-orbit-inner {
  0% { opacity: 0; transform: translate(-50%, -50%) rotate(32deg) scale(0.8); }
  100% { opacity: 0.38; transform: translate(-50%, -50%) rotate(-22deg) scale(1); }
}

@keyframes site-intro-orbit-release {
  0% { opacity: 0.56; transform: translate(-50%, -50%) rotate(24deg) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -50%) rotate(72deg) scale(2.9); }
}

@keyframes site-intro-reticle {
  0% { opacity: 0; transform: rotate(-22deg) scale(1.28); }
  100% { opacity: 0.72; transform: rotate(0) scale(1); }
}

@keyframes site-intro-emblem-flare {
  0% { opacity: 0; transform: scale(0.45); }
  48% { opacity: 0.92; }
  100% { opacity: 0.42; transform: scale(1.2); }
}

@keyframes site-intro-emblem-base {
  0% { opacity: 0; filter: blur(5px); transform: scale(0.96); }
  100% { opacity: 0.3; filter: blur(1.2px); transform: scale(1); }
}

@keyframes site-intro-emblem-reveal {
  0% { clip-path: inset(100% 0 0 0); }
  100% { clip-path: inset(0 0 0 0); }
}

@keyframes site-intro-scan {
  0% { top: -18%; opacity: 0; }
  12%, 82% { opacity: 0.94; }
  100% { top: 102%; opacity: 0; }
}

@keyframes site-intro-copy-in {
  0% { opacity: 0; filter: blur(6px); transform: translateY(0.7rem); }
  100% { opacity: 1; filter: blur(0); transform: translateY(0); }
}

@keyframes site-intro-progress-in {
  0% { opacity: 0; transform: translateY(0.45rem) scaleX(0.82); }
  100% { opacity: 1; transform: translateY(0) scaleX(1); }
}

@keyframes site-intro-skip-in {
  to { opacity: 1; transform: translateY(0); }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .site-intro__lens {
    background:
      radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.92) 0 7%, transparent 33%),
      rgba(236, 248, 255, 0.92);
  }

  .site-intro__skip {
    background: rgba(248, 252, 255, 0.94);
  }
}

@media (max-width: 540px) {
  .site-intro__grid {
    background-size: 56px 56px, 56px 56px, 14px 14px;
    opacity: 0.8;
  }

  .site-intro__canvas {
    filter: saturate(0.9);
  }

  .site-intro__lens {
    width: clamp(11.25rem, 51vw, 14rem);
    -webkit-backdrop-filter: blur(13px) saturate(122%);
    backdrop-filter: blur(13px) saturate(122%);
  }

  .site-intro__orbit--inner {
    display: none;
  }

  .site-intro__name {
    max-width: 19rem;
    margin-top: 1.15rem;
    font-size: clamp(1.02rem, 5vw, 1.16rem);
    letter-spacing: 0.052em;
  }

  .site-intro__loading {
    width: min(68vw, 15rem);
    margin-top: 1rem;
  }

  .site-intro__skip {
    top: max(0.75rem, env(safe-area-inset-top));
    right: max(0.75rem, env(safe-area-inset-right));
  }
}

@media (max-height: 620px) {
  .site-intro__content {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .site-intro__lens {
    width: clamp(8.5rem, 38vh, 12.5rem);
  }

  .site-intro__name {
    margin-top: 0.72rem;
    font-size: 1rem;
  }

  .site-intro__loading {
    margin-top: 0.65rem;
  }
}

@media (max-width: 300px) {
  .site-intro__content {
    width: calc(100% - 1rem);
    padding-right: 0.35rem;
    padding-left: 0.35rem;
  }

  .site-intro__lens {
    width: min(10.5rem, 62vw);
  }

  .site-intro__name {
    font-size: 0.92rem;
    letter-spacing: 0.025em;
  }

  .site-intro__loading {
    width: min(72vw, 12rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-intro {
    transition-duration: 140ms;
  }

  .site-intro::before,
  .site-intro__canvas,
  .site-intro__beam,
  .site-intro__horizon,
  .site-intro__orbit,
  .site-intro__reticle,
  .site-intro__scan {
    display: none;
  }

  .site-intro__grid,
  .site-intro__lens,
  .site-intro__lens::before,
  .site-intro__emblem::before,
  .site-intro__emblem-base,
  .site-intro__emblem-reveal,
  .site-intro__name,
  .site-intro__loading,
  .site-intro__skip {
    animation: none !important;
  }

  .site-intro__grid {
    opacity: 0.28;
    transform: none;
  }

  .site-intro__lens,
  .site-intro__name,
  .site-intro__loading,
  .site-intro__skip {
    opacity: 1;
    filter: none;
    transform: none;
  }

  .site-intro__emblem-base {
    opacity: 0.25;
    transform: none;
  }

  .site-intro__emblem-reveal {
    clip-path: inset(0);
  }
}