.grand-logo{min-height:40px;color:var(--rose);-webkit-user-select:none;user-select:none;margin-top:clamp(32px,5vw,56px)}.grand-logo svg{cursor:default;width:100%;height:auto;display:block;overflow:visible}.grand-logo path{fill:currentColor;transform-box:fill-box;transform-origin:50%}.grand-logo .nom{opacity:.07}.grand-logo .pierre{stroke:currentColor;stroke-linejoin:round;opacity:.14;transition:opacity .6s}.grand-logo .quake .pierre{opacity:.22;animation:.9s cubic-bezier(.37,0,.63,1) both grand-logo-quake;animation-delay:calc(var(--k) * 28ms)}@keyframes grand-logo-quake{0%,to{transform:none}16%{transform:translate(var(--qx),calc(var(--qy) * -1)) rotate(var(--qr))}34%{transform:translate(calc(var(--qx) * -.75),calc(var(--qy) * .75)) rotate(calc(var(--qr) * -.75))}52%{transform:translate(calc(var(--qx) * .45),calc(var(--qy) * -.4)) rotate(calc(var(--qr) * .45))}70%{transform:translate(calc(var(--qx) * -.2),calc(var(--qy) * .2)) rotate(calc(var(--qr) * -.2))}86%{transform:translate(calc(var(--qx) * .06)) rotate(calc(var(--qr) * .06))}}.grand-logo .lock .pierre{opacity:.24;animation:.7s cubic-bezier(.22,1,.36,1) both grand-logo-clack}.grand-logo .lock .pierre.key{opacity:.9;animation:.9s cubic-bezier(.22,1,.36,1) both grand-logo-cle}@keyframes grand-logo-clack{0%{transform:scale(1.015)}to{transform:none}}@keyframes grand-logo-cle{0%{transform:scale(.97)}to{transform:none}}@media(prefers-reduced-motion:reduce){.grand-logo .pierre,.grand-logo .quake .pierre,.grand-logo .lock .pierre,.grand-logo .lock .pierre.key{animation:none}}