@font-face{font-family:UKIJTor;src:url('../fonts/UKIJTor.woff2') format('woff2'),url('../fonts/UKIJTor.woff') format('woff'),url('../fonts/UKIJTor.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}

*{box-sizing:border-box}
html,body{width:100%;min-height:100%;margin:0}
body{font-family:UKIJTor,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#060606;color:#fff;overflow:hidden}
a{text-decoration:none;color:inherit}

.splash-page{position:relative;width:100%;min-height:100vh;min-height:100svh;overflow:hidden;background:#060606}
.splash-page::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(0, 0, 0, 0.372)}
.splash-page::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.24) 42%,rgba(0,0,0,.62) 100%)}

.splash-gallery{position:absolute;inset:-18vw 0;z-index:0;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;filter:grayscale(1) brightness(.52) contrast(1.08)}
.gallery-column{display:flex;flex-direction:column;width:100%;will-change:transform}
.gallery-column.move-up{animation:galleryMoveUp 86s linear infinite}
.gallery-column.move-down{animation:galleryMoveDown 92s linear infinite;transform:translateY(-50%)}
.gallery-item{width:100%;aspect-ratio:1/1;overflow:hidden;background:#111;flex:0 0 auto}
.gallery-item img{width:100%;height:100%;display:block;object-fit:cover;opacity:.86}

@keyframes galleryMoveUp{
    0%{transform:translateY(0)}
    100%{transform:translateY(-50%)}
}

@keyframes galleryMoveDown{
    0%{transform:translateY(-50%)}
    100%{transform:translateY(0)}
}

.splash-content{position:relative;z-index:3;min-height:100vh;min-height:100svh;padding:9vh 7vw 10vh;display:flex;flex-direction:column;align-items:center;text-align:center}
.brand-mark{width:23vw;aspect-ratio:1/1;margin-top:15vh;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ff172b;box-shadow:0 3vw 9vw rgba(0,0,0,.30);animation:brandMarkIn .72s cubic-bezier(.2,.8,.2,1) both}
.brand-mark img{width:66%;height:66%;object-fit:contain;display:block;animation:brandIconIn .82s cubic-bezier(.2,.8,.2,1) .18s both}
.brand-latin{margin:3.4vw 0 0;color:#ff2539;font-family:Arial,Helvetica,sans-serif;font-size:3.8vw;font-weight:800;line-height:1;letter-spacing:.35em;text-indent:.55em;animation:brandLatinIn .68s ease-out .34s both}

.brand-copy{width:100%;margin-top:10.5vh;display:flex;flex-direction:column;align-items:center}
.brand-copy img{width:64vw;display:block;animation:brandCopyIn .78s cubic-bezier(.2,.8,.2,1) .58s both}
.brand-copy p{margin:2vw 0 0;color:#fff;font-size:3.9vw;line-height:1.6;text-shadow:0 .5vw 3vw rgba(0,0,0,.58)}

@keyframes brandMarkIn{
    0%{opacity:0;transform:translateY(3vh) scale(.82)}
    70%{opacity:1;transform:translateY(0) scale(1.04)}
    100%{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes brandIconIn{
    0%{opacity:0;transform:scale(.68) rotate(-8deg)}
    100%{opacity:1;transform:scale(1) rotate(0)}
}

@keyframes brandLatinIn{
    0%{opacity:0;transform:translateY(2vh);letter-spacing:.8em}
    100%{opacity:1;transform:translateY(0);letter-spacing:.35em}
}

@keyframes brandCopyIn{
    0%{opacity:0;transform:translateY(4vh) scale(.96)}
    100%{opacity:1;transform:translateY(0) scale(1)}
}