/* hex apothem (inscribed circle radius) = width/2 × √3 ≈ 51.96px  */
/* square half-diagonal must fit inside apothem:                     */
/*   side × (√2/2) ≤ apothem  →  side ≤ 73.5px                      */
/* use 60px to leave comfortable visible border                      */

.hex-wrap {
  width: 120px; height: 138.56px;
  display: inline-block; align-items: center; justify-content: center;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  background: black;
}

/* no clip on inner — image corners stay inside hex naturally */
.hex-icon { width: 80px; height: 80px; }

.hex-icon img { width: 100%; height: 100%; object-fit: cover; }