/* Small editorial previews live above the About scroller, without reflow. */
.about-link-preview {
  position:fixed; z-index:6; margin:0; padding:0; overflow:hidden;
  border-radius:8px; background:transparent;
  box-shadow:0 12px 36px rgb(0 0 0 / .22),0 2px 8px rgb(0 0 0 / .12);
  opacity:0; visibility:hidden; pointer-events:none;
  transform:translateY(6px) scale(.98); transform-origin:center;
  transition:opacity 180ms ease,transform 220ms cubic-bezier(.2,.65,.3,1),visibility 180ms;
}
.about-link-preview.is-visible {
  opacity:1; visibility:visible; transform:none;
}
/* Decorative previews never extend a link's hover target or intercept clicks. */
.about-link-preview, .about-link-preview * { pointer-events:none; }
.about-link-preview img { display:block; width:100%; height:100%; object-fit:contain; }
.about-link-preview[data-kind="website"] { border-radius:12px; background:#000; }
.about-link-preview[data-kind="website"] img { object-fit:cover; }
.about-link-preview[data-kind="record"] { border-radius:50%; }
/* Trim the photographed paper outside the record, keeping a circular silhouette. */
.about-link-preview[data-kind="record"] img { object-fit:cover; transform:scale(1.06); }
.about-link-preview[data-kind="portrait"] {
  border-radius:0; box-shadow:none; overflow:visible;
  filter:drop-shadow(0 8px 12px rgb(0 0 0 / .2));
}
@media(max-width:767px),(hover:none),(pointer:coarse) {
  .about-link-preview { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  .about-link-preview { transition:none; transform:none; }
}