.Logo{position:relative}.Logo svg{color:var(--six-pen-color);height:auto;transition:width .6s cubic-bezier(.65,0,.35,1),transform .6s cubic-bezier(.65,0,.35,1),color .4s ease;width:100%;will-change:width}.Logo.Logo--large svg{width:68vw}@media(max-width:1023px){.Logo.Logo--large svg{width:60vw}}.Logo.Logo--small svg,.Logo.has-scrolled svg{width:180px}@media(max-width:1023px){.Logo.Logo--small svg,.Logo.has-scrolled svg{width:140px}}.Logo.has-scrolled{transform:translateY(-12px);transition:transform .3s cubic-bezier(.65,0,.35,1) .3s}@media(max-width:1023px){.Logo.has-scrolled{transform:translateY(-6px)}}.Logo.Logo--small{transform:translateY(-7px)}@media(max-width:1023px){.Logo.Logo--small{transform:translateY(-6px)}}