/* The W mark stays above any future campaign image, keeping the reel cohesive. */
.highlight-card::after {
  width: auto;
  height: auto;
  aspect-ratio: auto;
  top: -7%;
  right: auto;
  left: var(--mark-x, -12%);
  background: none;
  clip-path: inset(0 12% 0 0);
  color: rgba(255, 255, 255, 0.27);
  content: "W";
  filter: none;
  font-family: Arial, sans-serif;
  font-size: clamp(17rem, 32vw, 30rem);
  font-weight: 900;
  letter-spacing: -0.2em;
  line-height: 0.7;
  opacity: 1;
  transform: rotate(-5deg);
  transition:
    color 450ms ease,
    transform 450ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.highlight-card:hover::after,
.highlight-card:focus-visible::after {
  color: rgba(255, 255, 255, 0.36);
  transform: rotate(-5deg) scale(1.07) translate(-4%, -2%);
}

.highlight-card--linkedin::after {
  color: rgba(255, 255, 255, 0.35);
}

.highlight-card b {
  color: #f9d28e;
  font-size: 0.8em;
  font-weight: 500;
}

@media (max-width: 700px) {
  .highlight-card::after {
    font-size: clamp(17rem, 80vw, 26rem);
  }
}