.st-logo-image img{display:block;width:106px;height:46px;object-fit:contain;filter:invert(1)}
.st-hero-logo{width:min(70vw,980px);height:min(68vh,720px)}
.st-hero-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 0 #444) drop-shadow(0 30px 30px #000)}
.st-footer-wordmark img{display:block;width:min(80vw,1100px);height:32vw;max-height:430px;object-fit:contain;object-position:left center}
.st-intro-logo{position:absolute;z-index:5;width:min(74vw,940px);opacity:0;object-fit:contain;filter:drop-shadow(0 24px 32px #000);animation:stLogoForm 1.7s cubic-bezier(.16,1,.3,1) .18s forwards}
.st-intro-logo-echo{z-index:4;filter:sepia(1) saturate(8) hue-rotate(305deg) drop-shadow(0 0 24px #8f0e2d);animation:stLogoEcho 1.25s cubic-bezier(.16,1,.3,1) .08s forwards}
@keyframes stLogoForm{0%{opacity:0;transform:translate3d(0,20vh,-900px) rotateX(76deg) rotateZ(-20deg) scale(.18);filter:blur(20px)}38%{opacity:1}70%{opacity:1;transform:translate3d(0,0,80px) rotateX(0) rotateZ(0) scale(1.05);filter:blur(0)}100%{opacity:1;transform:translate3d(0,-42vh,0) scale(.13);filter:blur(0)}}
@keyframes stLogoEcho{0%{opacity:0;transform:translate3d(-48vw,-10vh,-650px) rotateY(82deg) rotateZ(-20deg) scale(.22)}48%{opacity:.65}100%{opacity:0;transform:translate3d(10vw,0,80px) rotateY(-8deg) scale(1.1)}}
@media(max-width:760px){.st-logo-image img{width:80px;height:38px}.st-hero-logo{width:94vw;height:56vh}.st-intro-logo{width:96vw}.st-footer-wordmark img{width:94vw;height:54vw}}