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