.bio-hover.bio-link { cursor: pointer; }
.bio-hover-preview { position: fixed; left: 0; top: 0; width: clamp(260px, 23vw, 310px); z-index: 130; pointer-events: none; visibility: hidden; opacity: 0; transition: opacity 140ms ease, visibility 140ms; }
.bio-hover-preview.visible { visibility: visible; opacity: 1; }
.bio-hover-polaroid { position: relative; padding: 10px 10px 34px; border: 1px solid #e4e0d7; border-radius: 2px; background: linear-gradient(125deg, #fffefa, #f6f3eb 65%, #ede9df); transform: translateY(5px) rotate(var(--photo-tilt, -3deg)) scale(.98); transform-origin: 30% 20%; transition: transform 220ms cubic-bezier(.2,.7,.2,1); box-shadow: 0 1px 1px rgb(0 0 0 / .22), 2px 5px 8px -3px rgb(0 0 0 / .28), 8px 20px 32px -12px rgb(0 0 0 / .38), 20px 36px 60px -24px rgb(0 0 0 / .3), inset 0 1px 0 rgb(255 255 255 / .85); }
.visible .bio-hover-polaroid { transform: translateY(0) rotate(var(--photo-tilt, -3deg)) scale(1); }
.bio-hover-photo { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #d9d6cf; }
.bio-hover-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.is-portrait .bio-hover-photo { aspect-ratio: auto; }
.is-portrait .bio-hover-photo img { height: auto; }
.bio-hover-photo::after { content: ''; position: absolute; inset: 0; pointer-events: none; border: 1px solid rgb(0 0 0 / .14); background: linear-gradient(135deg, rgb(255 255 255 / .055), transparent 45%, rgb(0 0 0 / .035)); box-shadow: inset 0 1px 3px rgb(0 0 0 / .1); }
.bio-hover-photo img[src*="grammarly"] { filter: saturate(.85) contrast(.95) brightness(1.05); }
[data-theme="dark"] .bio-hover-polaroid { box-shadow: 0 1px 2px rgb(0 0 0 / .4), 2px 6px 10px -3px rgb(0 0 0 / .55), 8px 22px 36px -12px rgb(0 0 0 / .65), 20px 36px 60px -24px rgb(0 0 0 / .5), inset 0 1px 0 rgb(255 255 255 / .85); }
@media (prefers-reduced-motion: reduce) {
  .bio-hover-preview, .bio-hover-polaroid { transition: none; }
}
@media (max-width: 1023px), (hover: none), (pointer: coarse) {
  .bio-hover-preview { display: none; }
}