/* WordPress owns the logo markup; this component owns its presentation. */
.site-logo {
    --logo-hover-scale: 2.5;
    --logo-crop-inset: -0.375rem;
    inline-size: 2rem;
}
.site-logo .custom-logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--control-min-size);
    min-block-size: var(--control-min-size);
    margin-inline-start: calc((2rem - var(--control-min-size)) / 2);
    /* Crop the zoom at the capsule edges without clipping navigation dropdowns. */
    clip-path: inset(var(--logo-crop-inset) -1.25rem);
}
.site-logo .custom-logo {
    inline-size: 2rem;
    block-size: 2rem;
    object-fit: contain;
    mix-blend-mode: multiply;
    transition: transform var(--dur-panel) var(--ease-standard);
}
.site-logo .custom-logo-link:focus-visible .custom-logo { transform: scale(var(--logo-hover-scale)); }
@media (hover: hover) and (pointer: fine) {
    .site-logo .custom-logo-link:hover .custom-logo { transform: scale(var(--logo-hover-scale)); }
}
@media (prefers-reduced-motion: reduce) {
    .site-logo .custom-logo-link .custom-logo { transition: none; }
}