.landing-animation{font-family:DM Sans,sans-serif;left:0;position:absolute}.landing-animation h1{font-size:6rem;font-weight:600;line-height:1}.landing-animation p{font-size:13px;font-weight:500;text-transform:uppercase}img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.preloader,.split-overlay,.tags-overlay{height:100svh;position:fixed;width:100vw}.preloader,.split-overlay{background-color:#0a0a0a;color:#fff}.preloader,.tags-overlay{z-index:2}.split-overlay{font-family:DM Sans;z-index:1}.intro-title{left:50%;text-align:center;width:100%}.intro-title,.outro-title{position:absolute;top:50%;transform:translate(-50%,-50%)}.outro-title{left:calc(50% + 10rem)}.tag{color:#5a5a5a;overflow:hidden;position:absolute;width:-moz-max-content;width:max-content}.tag-1{left:15%;top:15%}.tag-2{bottom:15%;left:25%}.tag-3{bottom:30%;right:15%}.main-container{clip-path:polygon(0 42%,0 42%,0 44%,0 44%);display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;z-index:2}.main-container,.main-container .hero-img{height:100%;position:absolute;width:100%}.main-container footer,.main-container nav{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:2em;position:relative;width:100vw;z-index:2}.card{align-items:center;background-color:#fff;clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);display:flex;height:70%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30%}.card h1{font-size:3rem;text-align:center;width:100%}.card .char span{display:inline-block;position:relative;transform:translateY(100%);will-change:transform}.card .char,.intro-title .char,.outro-title .char{display:inline-block;overflow:hidden;position:relative}.intro-title .char,.outro-title .char{margin-top:.75rem}.intro-title .char span,.outro-title .char span,.tag .word{display:inline-block;position:relative;transform:translateY(-100%);will-change:transform}.intro-title .first-char{transform-origin:top left}@media (max-width:1000px){h1{font-size:2.5rem}.outro-title{left:calc(50% + 4rem)}.card{width:75%}.card h1{font-size:2.5rem}.intro-title .char,.outro-title .char{margin-top:.5rem}}
