/* Shared aura artwork, including future pages in the Aura cluster. */
.page-hero.aura-visual-hero,.topic-hero.aura-visual-hero{
  position:relative;isolation:isolate;display:flex;align-items:center;
  width:min(var(--max),calc(100% - 32px));min-height:350px;margin:8px auto 0;padding:0;
  overflow:hidden;border:1px solid rgba(57,53,123,.12);border-radius:26px;
  background:#fdfdff;box-shadow:0 16px 44px rgba(33,31,66,.08);
}
.aura-visual-hero::after{display:none}
.aura-visual-hero>.aura-hero-image{
  position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;
  object-fit:cover;object-position:center;margin:0;
}
.aura-visual-hero>.topic-hero-copy{
  position:relative;z-index:1;width:55%;box-sizing:border-box;padding:36px 32px;
}
.aura-visual-hero h1{font-size:clamp(32px,3.8vw,46px);line-height:1.08;max-width:100%;text-wrap:balance}
.aura-visual-hero p{font-size:15px;line-height:1.65;max-width:100%}
.aura-visual-hero .aura-meta{font-size:10px;line-height:1.6}
@media(max-width:700px){
  .page-hero.aura-visual-hero,.topic-hero.aura-visual-hero{display:flex;flex-direction:column;min-height:0}
  .aura-visual-hero>.topic-hero-copy{order:0;width:100%;padding:28px 23px 12px;background:#fdfdff}
  .aura-visual-hero>.aura-hero-image{order:1;position:relative;inset:auto;width:100%;height:230px;object-fit:cover;object-position:85% center}
  .aura-visual-hero h1{font-size:clamp(30px,8.2vw,38px)}
  .aura-visual-hero p{font-size:14px}
  .aura-visual-hero .aura-meta{margin-top:14px}
}