#tmqIntro{position:fixed;inset:0;z-index:2147483646;background:#100e10;color:white;display:grid;place-items:center;isolation:isolate;overflow:hidden;font-family:Outfit,'Arial Black',Arial,sans-serif;animation:tmqExit .65s ease 5.85s forwards}
#tmqIntro .introStage{position:absolute;inset:-32px;display:grid;place-items:center;background:#100e10;animation:tmqQuake .65s linear .55s both,tmqQuakeStrong .85s linear 1.65s;will-change:transform}
#tmqIntro .introAura{position:absolute;inset:0;background:radial-gradient(ellipse at center,#c11b2870 0%,#6c101a35 35%,transparent 67%);animation:tmqEmber 6s ease both;pointer-events:none}
#tmqIntro .introName{position:absolute;inset:32px;display:grid;place-items:center;text-align:center}
#tmqIntro strong{display:flex;flex-direction:column;align-items:center;gap:0;font-size:clamp(34px,9vw,88px);line-height:.82;font-weight:900;letter-spacing:-.065em}
#tmqIntro .introTop{display:flex;align-items:center;gap:0;white-space:nowrap;animation:tmqSlam .26s cubic-bezier(.12,.8,.2,1) .55s both,tmqFlyRight .65s cubic-bezier(.65,0,.8,.3) 3.1s forwards}
#tmqIntro .introManges{margin-left:.09em}
#tmqIntro strong b{display:flex;align-self:center;justify-content:center;font-size:1.28em;font-weight:900;line-height:.9;letter-spacing:-.07em;color:#f0443e;margin-top:-.025em;white-space:nowrap;animation:tmqSlam .3s cubic-bezier(.12,.8,.2,1) 1.65s both,tmqFlyLeft .65s cubic-bezier(.65,0,.8,.3) 3.1s forwards}
#tmqIntro .introMark{margin-left:.06em}
#tmqIntro .introTu,#tmqIntro .introManges,#tmqIntro .introQuoi,#tmqIntro .introMark{display:inline-block}
#tmqIntro .introLettering{height:1em;overflow:hidden;vertical-align:middle}
#tmqIntro .introHat{position:absolute;width:min(94vw,82vh,660px);height:auto;filter:url(#tmqLogoCutout);animation:tmqSymbolRise 2s cubic-bezier(.16,1,.3,1) 3.72s both;will-change:transform,opacity}
#tmqIntro .introShock{position:absolute;width:30vmin;height:30vmin;border:2px solid #f0443e45;box-shadow:0 0 50px #e62c3225,inset 0 0 40px #e62c3215;border-radius:50%;pointer-events:none;opacity:0}
#tmqIntro .introShockFirst{animation:tmqShock .9s ease-out .55s both}#tmqIntro .introShockSecond{animation:tmqShock 1.15s ease-out 1.65s both;border-width:3px}
body.tmq-opening>:not(#tmqIntro):not(script){animation:tmqQuake .65s linear .55s,tmqQuakeStrong .85s linear 1.65s}
@keyframes tmqSlam{0%{opacity:0;transform:scale(1.75);filter:blur(7px)}65%{opacity:1;transform:scale(.96);filter:blur(0)}100%{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes tmqQuake{0%,100%{transform:translate(0)}10%{transform:translate(-12px,7px) rotate(-.7deg)}20%{transform:translate(11px,-9px) rotate(.6deg)}30%{transform:translate(-9px,-4px) rotate(-.5deg)}42%{transform:translate(8px,6px) rotate(.4deg)}55%{transform:translate(-5px,-5px) rotate(-.25deg)}70%{transform:translate(4px,3px)}85%{transform:translate(-2px,-1px)}}
@keyframes tmqQuakeStrong{0%,100%{transform:translate(0)}8%{transform:translate(-18px,10px) rotate(-1deg)}17%{transform:translate(16px,-12px) rotate(.9deg)}27%{transform:translate(-14px,-5px) rotate(-.7deg)}38%{transform:translate(12px,9px) rotate(.6deg)}50%{transform:translate(-9px,-7px) rotate(-.4deg)}62%{transform:translate(7px,5px) rotate(.3deg)}74%{transform:translate(-4px,-3px)}87%{transform:translate(2px,1px)}}
@keyframes tmqShock{0%{opacity:0;transform:scale(.2)}10%{opacity:.8}100%{opacity:0;transform:scale(6)}}
@keyframes tmqEmber{0%{opacity:0;transform:scale(.8)}10%{opacity:.6}27%{opacity:.8}35%{opacity:1;transform:scale(1.12)}65%{opacity:.85}100%{opacity:.35;transform:scale(1)}}
@keyframes tmqFlyRight{to{transform:translateX(120vw);opacity:0}}@keyframes tmqFlyLeft{to{transform:translateX(-120vw);opacity:0}}
@keyframes tmqSymbolRise{0%{opacity:0;transform:scale(.15)}20%{opacity:1}75%,100%{opacity:1;transform:scale(1)}}
@keyframes tmqExit{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){#tmqIntro{animation:tmqExit .15s .4s forwards}#tmqIntro .introStage,body.tmq-opening>:not(#tmqIntro):not(script){animation:none}#tmqIntro .introShock,#tmqIntro .introName{display:none}#tmqIntro .introAura{animation:none;opacity:.25}#tmqIntro .introHat{animation:none;width:min(75vw,70vh)}}
@media print{#tmqIntro{display:none!important}}