@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@800&display=swap";:root{--base-100: #fafafa;--base-400: #1a1a1a;--base-900: #0a0a0a;--accent-50: #f5f7fa;--accent-100: #e8edf2;--accent-400: #4a5568;--accent-600: #2d3748;--text-light: #ffffff;--text-dark: #1a1a1a;--bg-primary: #0f1419;--bg-secondary: #fafafa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif}img{width:100%;height:100%;object-fit:cover}h1{text-transform:uppercase;font-size:6rem;font-weight:600;line-height:1}p{text-transform:uppercase;font-size:13px;font-weight:500}.preloader,.split-overlay,.tags-overlay{position:fixed;width:100vw;height:100svh}.preloader,.split-overlay{background-color:var(--bg-primary);color:var(--text-light)}.preloader,.tags-overlay{z-index:2}.split-overlay{z-index:1}.intro-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}.outro-title{position:absolute;top:50%;left:calc(50% + 10rem);transform:translate(-50%,-50%)}.tag{position:absolute;width:max-content;color:var(--accent-400);overflow:hidden}.tag-1{top:15%;left:15%}.tag-2{bottom:15%;left:25%}.tag-3{bottom:30%;right:15%}.container{position:relative;width:100%;height:100%;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;clip-path:polygon(0 48%,0 48%,0 52%,0 52%);z-index:2}.container .hero-img{position:absolute;width:100%;height:100%}nav,footer{position:relative;width:100vw;padding:2em;display:flex;justify-content:space-between;align-items:center;color:var(--text-light);z-index:2}.logo{font-family:PP Pangram Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:800;font-size:1.25rem;letter-spacing:-.02em;padding:.5rem 1rem;border-radius:.375rem;background-color:var(--base-100);color:var(--base-400);box-shadow:0 1px 3px #0000001a;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;display:inline-block;text-transform:lowercase;will-change:background-color,color}.logo.logo-inverted{background-color:var(--base-400);color:var(--base-100);box-shadow:0 1px 3px #ffffff1a}.card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:70%;display:flex;justify-content:center;align-items:center;background-color:var(--bg-secondary);clip-path:polygon(0% 50%,100% 50%,100% 50%,0% 50%)}.card h1{text-align:center;width:100%;font-size:3rem}.card .char span{position:relative;display:inline-block;transform:translateY(100%);will-change:transform}.intro-title .char,.outro-title .char,.card .char{position:relative;display:inline-block;overflow:hidden}.intro-title .char,.outro-title .char{margin-top:.75rem}.intro-title .char span,.outro-title .char span,.tag .word{position:relative;display:inline-block;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}.logo{font-size:1rem;padding:.4rem .8rem}}