/* PersonaScope V567: About page branding and approved introduction image */
#aboutPersonaScope{
  padding:0 0 max(24px,env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 50% 0,rgba(77,125,209,.10),transparent 36%),
    linear-gradient(180deg,rgba(248,251,255,.04),transparent 42%);
}
#aboutPersonaScope .about-personascope-page{
  width:min(100%,760px);
  margin:0 auto;
  padding:clamp(8px,2vw,18px) clamp(4px,1.4vw,12px) 28px;
}
#aboutPersonaScope .about-personascope-media,
#aboutPersonaScope .about-personascope-letter{
  border:1px solid rgba(148,177,224,.24);
  border-radius:clamp(12px,2vw,18px);
  box-shadow:0 16px 42px rgba(2,8,20,.22);
}
#aboutPersonaScope .about-personascope-media{
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:16/9;
  background:#07101f;
}
#aboutPersonaScope .about-personascope-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
#aboutPersonaScope .about-personascope-media video{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#07101f;
}
#aboutPersonaScope .about-personascope-letter{
  display:block;
  width:100%;
  height:auto;
  margin:clamp(10px,2vw,16px) 0 0;
  object-fit:contain;
  background:#fff;
}
@media (max-width:640px){
  #aboutPersonaScope .about-personascope-page{padding:8px 4px 22px}
  #aboutPersonaScope .about-personascope-media,
  #aboutPersonaScope .about-personascope-letter{
    border-radius:12px;
    box-shadow:0 10px 26px rgba(2,8,20,.18);
  }
  #aboutPersonaScope .about-personascope-letter{margin-top:8px}
}
@media (prefers-reduced-motion:reduce){
  #aboutPersonaScope .about-personascope-media video{animation:none!important}
}
@media (forced-colors:active){
  #aboutPersonaScope .about-personascope-media,
  #aboutPersonaScope .about-personascope-letter{border:1px solid CanvasText}
}


/* V567: keep the approved letter visually dominant and stable */
#aboutPersonaScope .about-personascope-letter{image-rendering:auto;content-visibility:auto;contain-intrinsic-size:1024px 1536px}
#aboutPersonaScope .about-personascope-media:focus-within{outline:3px solid rgba(126,167,255,.52);outline-offset:3px}
@media(max-width:420px){#aboutPersonaScope .about-personascope-page{padding-inline:0}}