.profile-grid {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 2rem;
    align-items: start;
}
.profile-artifact {
    position: relative;
    margin-top: 4.5rem;
    padding: 3.5rem 1.5rem 1.5rem 1.5rem;
}



  .avatar-frame {
    position: absolute;
    top: -4.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    height: 140px;
    border-radius: 40% 60% 60% 40% / 50% 35% 65% 50%;
    border: 5px solid var(--color-snow-summit);
    box-shadow: var(--elevation-layer-3);
    overflow: hidden;
    background: var(--color-mountain-paper);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
  }

  .profile-artifact:hover .avatar-frame {
    transform: translateX(-50%) scale(1.03) rotate(2deg);
  }


  .avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .avatar-placeholder {
    color: var(--color-roerich-ultramarine);
    opacity: 0.4;
    width: 54px;
    height: 54px;
  }

@media (max-width: 768px) {
    .profile-grid {
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }
    .profile-artifact {
      margin-top: 3.5rem;
      padding: 3rem 1rem 1.25rem 1rem;
    }
    .avatar-frame {
      width: 110px;
      height: 110px;
      top: -3.5rem;
    }
}