/* Company peek: magnifier cursor + hover card */
.bio a[data-company] {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><g stroke='white' stroke-linecap='round' fill='none'><path d='M19.6 19.6 26.4 26.4' stroke-width='7'/><circle cx='13' cy='13' r='8.5' stroke-width='4.5'/></g><path d='M19.6 19.6 26.4 26.4' stroke='%231b1b1b' stroke-width='3.75' stroke-linecap='round'/><circle cx='13' cy='13' r='8.5' fill='%231b1b1b' fill-opacity='.08' stroke='%231b1b1b' stroke-width='1.75'/><path d='M8.6 12a4.6 4.6 0 0 1 3.4-3.4' fill='none' stroke='%231b1b1b' stroke-opacity='.4' stroke-width='1.5' stroke-linecap='round'/></svg>") 13 13, zoom-in;
}
.bio a[data-company="rakuten"] {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><g stroke='white' stroke-linecap='round' fill='none'><path d='M19.6 19.6 26.4 26.4' stroke-width='7'/><circle cx='13' cy='13' r='8.5' stroke-width='4.5'/></g><path d='M19.6 19.6 26.4 26.4' stroke='%231b1b1b' stroke-width='3.75' stroke-linecap='round'/><circle cx='13' cy='13' r='8.5' fill='%237d00be' fill-opacity='.12' stroke='%231b1b1b' stroke-width='1.75'/><path d='M8.6 12a4.6 4.6 0 0 1 3.4-3.4' fill='none' stroke='%237d00be' stroke-opacity='.7' stroke-width='1.5' stroke-linecap='round'/></svg>") 13 13, zoom-in;
}
.bio a[data-company="thumbtack"] {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><g stroke='white' stroke-linecap='round' fill='none'><path d='M19.6 19.6 26.4 26.4' stroke-width='7'/><circle cx='13' cy='13' r='8.5' stroke-width='4.5'/></g><path d='M19.6 19.6 26.4 26.4' stroke='%231b1b1b' stroke-width='3.75' stroke-linecap='round'/><circle cx='13' cy='13' r='8.5' fill='%23009fd9' fill-opacity='.12' stroke='%231b1b1b' stroke-width='1.75'/><path d='M8.6 12a4.6 4.6 0 0 1 3.4-3.4' fill='none' stroke='%23009fd9' stroke-opacity='.7' stroke-width='1.5' stroke-linecap='round'/></svg>") 13 13, zoom-in;
}
.bio a[data-company="victoriassecret"] {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><g stroke='white' stroke-linecap='round' fill='none'><path d='M19.6 19.6 26.4 26.4' stroke-width='7'/><circle cx='13' cy='13' r='8.5' stroke-width='4.5'/></g><path d='M19.6 19.6 26.4 26.4' stroke='%231b1b1b' stroke-width='3.75' stroke-linecap='round'/><circle cx='13' cy='13' r='8.5' fill='%23ef6096' fill-opacity='.12' stroke='%231b1b1b' stroke-width='1.75'/><path d='M8.6 12a4.6 4.6 0 0 1 3.4-3.4' fill='none' stroke='%23ef6096' stroke-opacity='.7' stroke-width='1.5' stroke-linecap='round'/></svg>") 13 13, zoom-in;
}
.peek {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1500;
  box-sizing: border-box;
  width: 260px;
  padding: 14px 16px 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #1b1b1b;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(0,0,0,0.08);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-6px) scale(0.97);
  transform-origin: left center;
  transition: opacity .15s ease, transform .25s cubic-bezier(0.2, 0.7, 0.2, 1), top .3s cubic-bezier(0.2, 0.7, 0.2, 1), left .3s cubic-bezier(0.2, 0.7, 0.2, 1), visibility 0s linear .15s;
}
.peek[data-side="left"] {
  transform: translateX(6px) scale(0.97);
  transform-origin: right center;
}
.peek[data-side="above"] {
  transform: translateY(6px) scale(0.97);
  transform-origin: left bottom;
}
.peek[data-side="below"] {
  transform: translateY(-6px) scale(0.97);
  transform-origin: left top;
}
.peek.is-open {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity .15s ease, transform .25s cubic-bezier(0.2, 0.7, 0.2, 1), top .3s cubic-bezier(0.2, 0.7, 0.2, 1), left .3s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.peek-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.peek-dot {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--peek-accent, #1b1b1b);
}
.peek-name {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.peek-meta {
  margin-left: auto;
  font-size: 11px;
  font-weight: 300;
  color: #9a9a9a;
}
.peek-body {
  margin: 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #4a4a4a;
}
@media (prefers-reduced-motion: reduce) {
  .peek,
  .peek[data-side],
  .peek.is-open {
    transform: none;
    transition: opacity .15s ease, visibility 0s linear .15s;
  }
}
