/* A light glass caption, sourced from the client record in both logo collections. */
.al-reference-card{position:relative;overflow:visible}
.al-reference-card:focus-visible{outline:3px solid var(--theme-palette-color-1,#0000ff);outline-offset:5px}
.al-reference-card:is(:hover,:focus-visible){z-index:2}
.al-reference-name{
  position:absolute;z-index:3;left:50%;bottom:-12px;
  width:max-content;max-width:calc(100% - 12px);box-sizing:border-box;
  padding:9px 15px;border:1px solid rgba(255,255,255,.9);border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(238,235,255,.8));
  -webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);
  box-shadow:inset 0 1px 0 #fff,0 6px 18px rgba(24,0,100,.16);
  color:var(--theme-palette-color-1,#0000ff);font-size:13px;font-weight:650;
  line-height:1.3;letter-spacing:0;text-align:center;white-space:normal;overflow-wrap:anywhere;
  opacity:0;visibility:hidden;transform:translate(-50%,5px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.al-reference-card:is(:hover,:focus-visible):not([data-name-dismissed]) .al-reference-name{
  opacity:1;visibility:visible;transform:translate(-50%,0);
}
/* Touch visitors can read the name without an extra tap or changing the logo link. */
@media(hover:none),(max-width:689px){
  .al-reference-name{opacity:1;visibility:visible;transform:translate(-50%,0);font-size:12px;padding:7px 12px}
}
@media(prefers-reduced-motion:reduce){.al-reference-name{transition:none}}
@media print{.al-reference-name{opacity:1;visibility:visible;transform:translate(-50%,0);background:#fff;box-shadow:none}}
