/* Final beam and name fix */
.hero-beam {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  border: 2px solid transparent;
  background: linear-gradient(120deg, transparent 20%, rgba(232,213,183,0.9) 50%, transparent 80%);
  background-size: 250% 250%;
  animation: beamSlide 2.5s linear infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}

@keyframes beamSlide {
  0% { background-position: 0% 50%; }
  100% { background-position: 250% 50%; }
}

.hero-profile .profile-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.8rem;
  line-height: 1.1;
}

@media (max-width: 768px) {
  .hero-profile .profile-name {
    white-space: normal;
    font-size: 0.9rem;
  }
}