/* =========================================================
   V28 — circular avatar outline
   ========================================================= */

body.liquid-glass .resume-photo-card {
  width: min(100%, 300px);
  max-width: 300px;
  aspect-ratio: 1;
  padding: 8px;
  border-radius: 50%;
  corner-shape: round;
  overflow: hidden;
}

body.liquid-glass .resume-photo-card .resume-photo {
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  corner-shape: round;
}

body.liquid-glass .resume-photo-card .resume-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 28%;
}

body.liquid-glass .resume-photo-label {
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  white-space: nowrap;
}

@media (max-width: 760px) {
  body.liquid-glass .resume-photo-card {
    width: min(100%, 260px);
    max-width: 260px;
  }

  body.liquid-glass .resume-photo-label {
    bottom: 11px;
  }
}