/* ---------------- ABOUT (portrait layout) ---------------- */
@media (max-width:820px){
  section[aria-label="About Auri"] > article.card{ grid-template-columns:1fr !important; gap:14px; }
  section[aria-label="About Auri"] > article.card figure{ justify-self:center }
  section[aria-label="About Auri"] > article.card figure img{ max-width:300px }
}
section[aria-label="About Auri"] figure img {
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  box-shadow: 0 0 20px rgba(196, 75, 255, 0.35), 0 0 40px rgba(90, 107, 255, 0.25);
  backdrop-filter: saturate(120%) blur(2px);
}