#tristan-intro{position:fixed;inset:0;z-index:2147483647;background:#0d0d0f;display:grid;place-items:center;pointer-events:auto;animation:intro-failsafe .3s 7s forwards}
#tristan-intro img{display:block;width:372px;max-width:65vw;height:auto;opacity:0}
#tristan-intro.playing img{animation:tristan-logo 2.5s ease-in-out both}
#tristan-intro.leaving{opacity:0;transition:opacity .3s ease;pointer-events:none}
@keyframes tristan-logo{0%{opacity:0}40%,80%{opacity:1}100%{opacity:0}}
@keyframes intro-failsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:639px){#tristan-intro img{width:220px}}
@media(max-width:479px){#tristan-intro img{width:174px}}
@media(prefers-reduced-motion:reduce){#tristan-intro.playing img{animation:none;opacity:1}#tristan-intro.leaving{transition:none}}