/* ==========================================================================
   PROFILE WIDGET (avatar + "soon" sticker) — Desktop (1280px – 1920px)
   Shared across every desktop page that has a hero-style first screen
   (same idea as menu.desktop.css). Design reference: 1920 width.
   Sits top-right, just left of the burger menu button.
   ========================================================================== */

.profile-widget {
    position: absolute;
    top: 5rem;
    right: 11.1rem;
    width: 4.6rem;
    height: 4.6rem;
    z-index: 3;
    transition: top 0.2s ease, width 0.2s ease, height 0.2s ease;
}

.profile-widget:hover {
    top: 4rem;
    width: 5.6rem;
    height: 5.6rem;
}

.profile-widget__photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0.1rem solid rgba(0, 0, 0, 0.3);
    border-radius: 5rem 5rem 2rem 5rem;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.profile-widget__photo.is-active {
    opacity: 1;
}

.profile-widget__sticker {
    position: absolute;
    top: 3rem;
    right: 2.9rem;
    width: 5.2rem;
    height: 1.7rem;
    z-index: 1;
    filter: drop-shadow(-0.2rem 0.3rem 1rem rgba(0, 0, 0, 0.2));
    animation: profile-sticker-wiggle 1.6s ease-in-out infinite alternate;
}

@keyframes profile-sticker-wiggle {
    from { transform: translateX(0); }
    to   { transform: translateX(-1rem); }
}