#karike-site-intro{position:fixed;inset:0;z-index:2147483000;background:#0b0d0e;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s ease,visibility .42s ease}
html.karike-intro-active,html.karike-intro-active body{overflow:hidden!important}
html.karike-intro-active #karike-site-intro{opacity:1;visibility:visible;pointer-events:auto}
#karike-site-intro .karike-intro-inner{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;transform:translateY(4px)}
#karike-site-intro .karike-intro-mark{width:190px;height:190px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.72) rotate(-4deg);animation:karikeMarkIn .58s cubic-bezier(.2,.8,.2,1) .12s forwards}
#karike-site-intro .karike-intro-logo{display:block;width:100%;height:100%;object-fit:contain}
#karike-site-intro .karike-intro-divider{width:2px;height:176px;background:#fff;opacity:.92;flex:0 0 2px}
#karike-site-intro .karike-intro-name{font-family:"Clash Display","Display Clash",Arial,sans-serif;font-weight:700;font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:.045em;color:#fff;text-align:left;width:430px;min-height:3em;white-space:pre-line;text-transform:uppercase}
#karike-site-intro .karike-intro-typed-text{white-space:pre-line}
#karike-site-intro .karike-intro-caret{font-style:normal;color:#fa4907;margin-left:4px;animation:karikeCaretBlink .62s steps(1,end) infinite}
#karike-site-intro.karike-intro-out{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@keyframes karikeMarkIn{to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes karikeCaretBlink{0%,48%{opacity:1}49%,100%{opacity:0}}
@media(max-width:700px){#karike-site-intro .karike-intro-inner{gap:14px;padding:0 20px}#karike-site-intro .karike-intro-mark{width:105px;height:105px}#karike-site-intro .karike-intro-divider{height:100px;width:1.5px;flex-basis:1.5px}#karike-site-intro .karike-intro-name{font-size:clamp(21px,7vw,30px);width:205px;letter-spacing:.035em}}
@media(max-width:390px){#karike-site-intro .karike-intro-inner{gap:10px;padding:0 14px}#karike-site-intro .karike-intro-mark{width:88px;height:88px}#karike-site-intro .karike-intro-divider{height:86px}#karike-site-intro .karike-intro-name{font-size:20px;width:178px}}
@media(prefers-reduced-motion:reduce){#karike-site-intro .karike-intro-mark{animation:none!important;opacity:1!important;transform:none!important}}