.studio-logo{flex-direction:column;align-items:center;max-width:100%;padding-bottom:1px;text-decoration:none;transition:transform .12s,opacity .12s;display:flex}.studio-logo:active{opacity:.85;transform:scale(.97)}.studio-logo__text{font-size:var(--h3-size);font-weight:400;font-family:var(--font-heading);letter-spacing:.01em;color:var(--text-color);white-space:nowrap;display:inline-block}@media (max-width:320px){.studio-logo__text{font-size:var(--h4-size)}}.studio-logo__text .letter{transition:all .3s;display:inline-block}.studio-logo__text--animated{perspective:1000px}.studio-logo__text--animated .letter{--letter-scale:1;animation:6s ease-in-out infinite studio-logo-rotate-3d;animation-delay:calc(var(--char-index)*80ms);transform-style:preserve-3d;cursor:pointer;transition:color 1s 1s}@media (hover:hover) and (pointer:fine){.studio-logo__text--animated .letter:hover{--letter-scale:1.1;color:var(--accent-color,#f33);transition:color .2s}}@media (hover:none) and (pointer:coarse){.studio-logo__text--animated .letter:active{--letter-scale:1.1;color:var(--accent-color,#f33);transition:color .1s}}.studio-logo__line{background:var(--accent-color,red);border-radius:2px;width:90%;height:3px;margin-top:-5px;transition:background .5s;position:relative}@keyframes studio-logo-rotate-3d{0%{transform:rotateY(0deg) rotateX(0deg) scale(var(--letter-scale))}15%{transform:rotateY(360deg) rotateX(20deg) scale(var(--letter-scale))}25%{transform:rotateY(360deg) rotateX(0deg) scale(var(--letter-scale))}to{transform:rotateY(360deg) rotateX(0deg) scale(var(--letter-scale))}}