:root{--ti-light:#f6f1e9;--ti-slate:#223d4d}
html.ti-pre:before{content:"";position:fixed;inset:0;z-index:99998;background:var(--ti-light);animation:tiFallback .45s ease 2.15s forwards;pointer-events:none}
@keyframes tiFallback{to{opacity:0;visibility:hidden}}
#ti-intro{position:fixed;inset:0;z-index:99999;overflow:hidden;background:var(--ti-light);cursor:pointer;display:grid;place-items:center;contain:strict}
.ti-curtain{position:absolute;inset:0;background:var(--ti-light);transition:transform .42s cubic-bezier(.7,0,.2,1)}
.ti-curtain.top{bottom:50%}.ti-curtain.bottom{top:50%}.ti-open .ti-curtain.top{transform:translateY(-101%)}.ti-open .ti-curtain.bottom{transform:translateY(101%)}
.ti-grid{position:relative;z-index:2;width:min(78vw,620px);aspect-ratio:5/3;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(6,1fr);gap:3px;background:#d8d0c4;padding:3px;box-shadow:0 30px 70px rgba(34,61,77,.2);transition:opacity .22s ease}.ti-open .ti-grid{opacity:0}.ti-tile{--tile:#223D4D;background:var(--tile);opacity:0;transform:translateY(-14px) scale(.8);animation:tiLay .24s cubic-bezier(.34,1.56,.64,1) calc(var(--d)*22ms) forwards}.ti-tile:nth-child(4n){--tile:#E58D32}.ti-tile:nth-child(9n){--tile:#C96F16}.ti-tile:nth-child(3n){--tile:#304f60}.ti-logo{position:absolute;z-index:4;width:min(42vw,360px);padding:15px 22px;border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(22,42,53,.32);opacity:0;transform:scale(.82);animation:tiLogo .3s cubic-bezier(.34,1.56,.64,1) .7s forwards}.ti-open .ti-logo{opacity:0!important;transition:opacity .12s}.ti-logo img{display:block;width:100%;height:auto}
@keyframes tiLay{70%{opacity:1;transform:translateY(3px) scale(1.02)}100%{opacity:1;transform:none}}@keyframes tiLogo{to{opacity:1;transform:none}}
.ti-w{display:inline-block}.ti-w>i{display:inline-block;font-style:normal;transition:opacity .65s ease,transform .75s cubic-bezier(.2,.8,.2,1),filter .65s;transition-delay:calc(var(--i)*70ms)}html.ti-hide .ti-w>i{opacity:0;transform:translateY(.5em);filter:blur(5px);animation:tiWords .01s 2.6s forwards}@keyframes tiWords{to{opacity:1;transform:none;filter:none}}
@media(scripting:none){html.ti-pre:before,#ti-intro{display:none!important}}
@media(prefers-reduced-motion:reduce){html.ti-pre:before,#ti-intro{display:none!important}.ti-w>i,html.ti-hide .ti-w>i{opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important}}
@media(max-width:600px){.ti-grid{width:92vw;gap:2px;padding:2px}.ti-logo{width:65vw}}