.pi-symbol{display:inline-flex;align-items:center;justify-content:center;font-weight:800;line-height:1;}
.pi-text{display:inline-flex;align-items:center;justify-content:center;font-weight:700;}
@media (min-width:769px){.pi-logo-horizontal .pi-symbol{font-size:1.6rem;margin-right:.4rem;}
.pi-logo-horizontal .pi-text{font-size:1.5rem;letter-spacing:-.05em;}
.pi-logo-horizontal{display:inline-flex;align-items:center;}
}
@media (max-width:768px){.pi-logo-horizontal{display:none;}
}


.nav-logo{
    display:inline-flex;
    align-items:center;
    gap:4px;
    text-decoration:none;
    cursor:pointer;
}

.pi-symbol,
.pi-text{
    display:inline-block;
    transform:translate3d(0,0,0);
    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        opacity .4s ease;
    will-change:transform;
}

/* Apple-like subtle movement */
.nav-logo:hover .pi-symbol{
    transform:translate3d(-3px,-3px,0) rotate(-8deg) scale(1.06);
}

.nav-logo:hover .pi-text{
    transform:translate3d(3px,3px,0) scale(1.03);
}

/* Smooth return */
.nav-logo:not(:hover) .pi-symbol,
.nav-logo:not(:hover) .pi-text{
    transform:translate3d(0,0,0) rotate(0) scale(1);
}