/* Clear Frame / intro redesign 1. All layout is isolated from legacy intro styles. */
#siteIntro.sd-intro{
  --intro-ink:#f7f5ff;--intro-muted:#b9b7ca;--intro-accent:#b2a0ff;
  position:fixed;inset:0;z-index:2147482100;box-sizing:border-box;
  display:flex;flex-direction:column;overflow:auto;isolation:isolate;
  padding:clamp(22px,4vw,64px);color:var(--intro-ink);
  background:radial-gradient(ellipse at 78% 44%,#25203f 0,transparent 49%),#0b0c14;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  opacity:1;transform:none;filter:none;perspective:none;
  transition:opacity 260ms ease!important;
}
#siteIntro.sd-intro[hidden]{display:none!important}
#siteIntro.sd-intro *{box-sizing:border-box}
#siteIntro.sd-intro::before{content:"";position:absolute;inset:20px;border:1px solid #ffffff0d;pointer-events:none}
#siteIntro .sd-intro-top,#siteIntro .sd-intro-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0}
#siteIntro .sd-intro-signature{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.16em;font-weight:600;color:#d4cde9}
#siteIntro .sd-intro-dot{width:9px;height:9px;border-radius:50%;background:#b7a0ff;box-shadow:0 0 16px #b7a0ff40}
#siteIntro .sd-intro-skip{min-height:44px;padding:10px 16px;border:1px solid #ffffff26;border-radius:999px;background:#ffffff08;color:#f7f5ff;font:inherit;font-size:13px;cursor:pointer;box-shadow:none;white-space:nowrap}
#siteIntro .sd-intro-skip:hover{background:#ffffff14;border-color:#c6b8ff80}
#siteIntro .sd-intro-skip:focus-visible{outline:2px solid #c6b8ff;outline-offset:4px}
#siteIntro .sd-intro-main{position:relative;flex:1;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(20px,4vw,72px);align-items:center;width:min(1120px,100%);margin:auto;padding:36px 0}
#siteIntro .sd-intro-copy{position:relative;z-index:1}
#siteIntro .sd-intro-eyebrow{margin:0 0 20px;font-size:13px;letter-spacing:.16em;color:var(--intro-accent)}
#siteIntro .sd-intro-title{margin:0;color:var(--intro-ink);font-size:clamp(48px,6.5vw,88px);font-weight:650;line-height:1.02;letter-spacing:-.055em;text-wrap:balance}
#siteIntro .sd-intro-title span{display:block;color:var(--intro-accent)}
#siteIntro .sd-intro-tagline{margin:28px 0 12px;font-size:clamp(18px,2.1vw,26px);font-weight:400;letter-spacing:.08em;color:#eeebf7}
#siteIntro .sd-intro-tools{margin:0;font-size:13px;letter-spacing:.1em;color:var(--intro-muted)}
#siteIntro .sd-intro-art{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;margin:0}
#siteIntro .sd-intro-art::before{content:"";position:absolute;width:90%;height:90%;border:1px solid #c2adff20;border-radius:50%;background:radial-gradient(circle,#a78cff0a,transparent 68%)}
#siteIntro .sd-intro-art img{position:relative;width:100%;max-width:460px;height:auto;object-fit:contain;display:block;filter:none;transform:none}
#siteIntro .sd-intro-fallback{font-size:clamp(96px,16vw,180px);line-height:1;font-weight:600;color:#c4b5fd}
#siteIntro .sd-intro-fallback[hidden]{display:none}
#siteIntro .sd-intro-bottom{color:var(--intro-muted);font-size:12px;letter-spacing:.1em;padding-top:16px}
#siteIntro .sd-intro-cue{display:flex;align-items:center;gap:14px}
#siteIntro .sd-intro-line{display:block;width:92px;height:2px;background:#ffffff15;overflow:hidden}
#siteIntro .sd-intro-line i{display:block;width:100%;height:100%;background:var(--intro-accent);transform-origin:left;animation:sdIntroCue 2200ms linear both}
#siteIntro.sd-intro.is-present .sd-intro-copy{animation:sdIntroReveal 420ms cubic-bezier(.2,.7,.2,1) both}
#siteIntro.sd-intro.is-present .sd-intro-art{animation:sdIntroReveal 520ms cubic-bezier(.2,.7,.2,1) both}
#siteIntro.sd-intro.is-leaving{opacity:0;pointer-events:none}
@keyframes sdIntroReveal{from{opacity:.35;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes sdIntroCue{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:640px){
  #siteIntro.sd-intro{padding:24px;min-height:0}
  #siteIntro.sd-intro::before{inset:12px}
  #siteIntro .sd-intro-signature{font-size:10px;letter-spacing:.12em;gap:8px}
  #siteIntro .sd-intro-skip{font-size:12px;padding:8px 12px}
  #siteIntro .sd-intro-main{grid-template-columns:1fr;gap:18px;padding:24px 0;text-align:center;align-content:center}
  #siteIntro .sd-intro-art{grid-row:1;width:clamp(150px,46vw,230px);margin:auto}
  #siteIntro .sd-intro-eyebrow{margin-bottom:12px;font-size:11px}
  #siteIntro .sd-intro-title{font-size:clamp(34px,9vw,48px);letter-spacing:-.045em}
  #siteIntro .sd-intro-title span{display:inline}
  #siteIntro .sd-intro-tagline{font-size:17px;margin:18px 0 10px}
  #siteIntro .sd-intro-bottom{font-size:11px;justify-content:center}
  #siteIntro .sd-intro-edition{display:none}
}
@media(max-height:520px) and (min-width:641px){
  #siteIntro.sd-intro{padding:18px 36px}
  #siteIntro .sd-intro-main{padding:12px 0;max-width:850px}
  #siteIntro .sd-intro-art{width:min(28vw,260px);justify-self:center}
  #siteIntro .sd-intro-title{font-size:48px}
  #siteIntro .sd-intro-tagline{margin-top:16px;font-size:18px}
}
@media(prefers-reduced-motion:reduce){
  #siteIntro.sd-intro,#siteIntro.sd-intro *{animation:none!important;transition:none!important}
}
#siteIntro .sd-intro-art img[hidden]{display:none!important}

/* White portal continuation; isolated from the user's app theme. */
#siteIntro.sd-intro{--intro-ink:#242035;--intro-muted:#79718b;--intro-accent:#8262bf;background:#fff;color:var(--intro-ink)}
#siteIntro.sd-intro::before{border-color:#75629115}
#siteIntro .sd-intro-signature{color:#756486}
#siteIntro .sd-intro-dot{background:#997ac7;box-shadow:0 0 16px #b7a0ff30}
#siteIntro .sd-intro-skip{background:#f7f4fa;color:#655474;border-color:#8e74b329}
#siteIntro .sd-intro-skip:hover{background:#eee7f6;border-color:#ac91c8}
#siteIntro .sd-intro-tagline{color:#665873}
#siteIntro .sd-intro-art::before{border-color:#a98bbb24;background:radial-gradient(circle,#daceed22,transparent 68%)}
#siteIntro .sd-intro-line{background:#b29bcc26}
#siteIntro .sd-intro-fallback{color:#9372b8}
#siteIntro.sd-intro.is-present .sd-intro-copy,#siteIntro.sd-intro.is-present .sd-intro-art,#siteIntro.sd-intro.is-present .sd-intro-top,#siteIntro.sd-intro.is-present .sd-intro-bottom{animation:sdWhiteReveal 750ms ease both}
#siteIntro.sd-intro.is-present .sd-intro-art{animation-delay:120ms}
@keyframes sdWhiteReveal{from{opacity:0;translate:0 8px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:blur(0)}}
html.login-white-entry::after{content:"";position:fixed;inset:0;background:#fff;z-index:2147482200;pointer-events:none}
@media(prefers-reduced-motion:reduce){#siteIntro.sd-intro *{animation:none!important}}