.lamp,.lockup{--lamp-off:var(--ink);--lamp-on:var(--klein);--name-c:var(--ink)}.night .lamp,.night .lockup,.success .lamp{--lamp-off:#fff;--lamp-on:var(--klein-tint);--name-c:var(--paper)}.lamp-svg{color:var(--lamp-off);will-change:transform;transition:color .3s;display:block;overflow:visible}.lamp.on .lamp-svg,.lockup.on .lamp-svg{color:var(--lamp-on)}.lamp{cursor:pointer;display:inline-block}.lamp .lamp-svg{width:auto;height:100%}.lockup{--h:52px;align-items:center;gap:calc(var(--h) * .17);color:var(--name-c);text-decoration:none;display:inline-flex}.lockup .lamp-svg{height:var(--h);width:calc(var(--h) * 372 / 639);flex:none}.lk-name{font-family:var(--f-logo);font-weight:300;font-size:calc(var(--h) * .34);letter-spacing:-.02em;white-space:nowrap;color:var(--name-c);line-height:1}.lk-name .n-b{color:var(--name-c);transition:color .4s}.lk-name .n-gh{vertical-align:top;opacity:0;max-width:0;color:var(--klein);transition:max-width .45s cubic-bezier(.9,0,.1,1),opacity .3s;display:inline-block;overflow:clip visible}.lockup.on .lk-name .n-b{color:var(--klein)}.lockup.on .lk-name .n-gh{opacity:1;max-width:1.3em}.logo.on .lk-name .n-gh{opacity:0;max-width:0}.logo.on .lk-name .n-b{color:var(--name-c)}.logo.on:hover .lk-name .n-gh,.logo.on:focus-visible .lk-name .n-gh{opacity:1;max-width:1.3em}.logo.on:hover .lk-name .n-b,.logo.on:focus-visible .lk-name .n-b{color:var(--klein)}.logo{--h:56px}@media (width<=600px){.logo{--h:46px}}.ok-lamp{align-self:flex-start;height:64px}.wordmark{-webkit-user-select:none;user-select:none;justify-content:center;margin:clamp(3.5rem,8vw,6rem) 0 clamp(1.5rem,3vw,2.5rem);display:flex}.lockup-xl{--h:clamp(112px, 30vw, 430px)}