/* Intro stays inside the brand panel. Live HTML/authentication is never covered. */
.core-entry-page #core-intro-panel { position: relative; isolation: isolate; }
.core-entry-page #core-intro-panel > :not(.core-intro-stage) { position: relative; z-index: 1; }
.core-entry-page .core-intro-stage { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.core-entry-page .core-intro-stage video { width: 100%; height: 100%; object-fit: cover; opacity: .45; }
.core-entry-page .core-intro-skip { align-self: flex-start; min-height: 44px; margin-top: 16px; background: var(--panel); color: var(--ink); border: 1px solid var(--line); }
.core-entry-page .core-entry-tagline { color: var(--gold); font-size: 13px; line-height: 1.7; }
.core-entry-page #core-intro-panel > .core-entry-copy { max-width: 38ch; font-size: 14px; line-height: 1.75; }
.core-entry-page #core-sign-in[data-intro-emphasis="subtle"] { outline: 1px solid var(--gold); outline-offset: 3px; }
.core-entry-page #core-sign-in[data-intro-emphasis="highlight"],
.core-entry-page #core-sign-in[data-intro-emphasis="hint"] { outline: 2px solid var(--gold); outline-offset: 3px; }
.core-entry-page #core-sign-in-hint { color: var(--muted); font-size: 13px; margin: 0; }
@media (prefers-reduced-motion: reduce) {
  .core-entry-page .core-intro-stage, .core-entry-page .core-intro-skip { display: none; }
}