/* Aikya welcome: isolated from site layout and native scrolling. */
html.rfx-intro-active::before {
  content: ''; position: fixed; inset: 0; z-index: 2147483646;
  background: #000; pointer-events: none;
  animation: rfx-gate-expire 0s 4s forwards;
}
html.rfx-intro-mounted::before { display: none; }
@keyframes rfx-gate-expire { to { visibility: hidden; } }

.rfx-intro {
  position: fixed; inset: 0; width: 100%; height: 100%;
  max-width: none; max-height: none; margin: 0; padding: 24px;
  border: 0; background: #000; color: #C7A253; overflow: hidden;
  opacity: 1; transition: opacity 550ms cubic-bezier(.23,1,.32,1);
}
.rfx-intro[open] { display: grid; place-items: center; }
.rfx-intro::backdrop { background: #000; transition: opacity 550ms cubic-bezier(.23,1,.32,1); }
.rfx-intro.is-leaving, .rfx-intro.is-leaving::backdrop { opacity: 0; }
.rfx-intro-mark { width: clamp(128px, 18vw, 176px); height: auto; overflow: visible; }
.rfx-intro-line { stroke-dasharray: 1; stroke-dashoffset: 0; animation: rfx-intro-draw 1.55s cubic-bezier(.4,0,.2,1) both; }
.rfx-intro-line--lower { animation-delay: 120ms; }
.rfx-intro-center { transform-origin: 256px 256px; animation: rfx-intro-center 450ms 1.15s both; }
@keyframes rfx-intro-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes rfx-intro-center { from { opacity: 0; transform: scale(.92); } to { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  html.rfx-intro-active::before { display: none; }
  .rfx-intro { display: none !important; }
  .rfx-intro, .rfx-intro::backdrop { transition: none; }
  .rfx-intro-line, .rfx-intro-center { animation: none; }
}