.name{position:relative;display:inline-block;line-height:1.2;isolation:isolate}
.nav-logo-reserve{visibility:hidden}
.nav-logo-wordmark{position:absolute;left:0;top:0;display:inline-flex;align-items:baseline;gap:.28em;white-space:nowrap}
.nav-logo-surname{display:inline-flex;align-items:baseline}
.nav-logo-middle{display:inline-grid;grid-template-columns:1fr;opacity:1;transition:grid-template-columns .85s cubic-bezier(.65,0,.2,1),opacity .65s ease}
.nav-logo-middle>span{min-width:0;overflow:hidden}
.name:is(:hover,:focus-visible) .nav-logo-middle{grid-template-columns:0fr;opacity:0}
.name>.liquid-canvas{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);pointer-events:none;opacity:0}
.name.liquid-active>.nav-logo-wordmark{opacity:0}
.name.liquid-active>.liquid-canvas{opacity:1}
@media(prefers-reduced-motion:reduce){.nav-logo-middle{transition:none}.name:is(:hover,:focus-visible) .nav-logo-middle{grid-template-columns:1fr;opacity:1}.name>.liquid-canvas{display:none}.name.liquid-active>.nav-logo-wordmark{opacity:1}}