@import"https://fonts.googleapis.com/css2?family=PP+Pangram+Sans:wght@800&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";:root{--base-100: #fafaf9;--base-200: #f5f5f4;--base-300: #e7e5e4;--base-400: #292524;--base-500: #1c1917;--accent: #57534e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Mono,monospace;background-color:var(--base-100);color:var(--base-400)}img{width:100%;height:100%;object-fit:cover}.logo{position:fixed;top:2rem;left:2rem;font-family:PP Pangram Sans,sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.02em;padding:.5rem 1rem;background-color:var(--base-100);color:var(--base-400);border-radius:8px;box-shadow:0 2px 8px #00000014;z-index:10;transition:background-color .3s ease,color .3s ease}.logo.logo-inverted{background-color:var(--base-500);color:var(--base-100)}.slider{position:fixed;width:100vw;height:100svh;overflow:hidden}.slide{position:absolute;width:45vw;height:100vh;overflow:hidden}.slide-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--base-100);text-align:center;text-transform:uppercase;font-size:.8rem;font-weight:500;line-height:1;background-color:#1c1917d9;padding:.4rem .8rem;border-radius:4px;pointer-events:none;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.thumbnail-wheel{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.thumbnail-item{position:absolute;width:35px;height:50px;overflow:hidden;border-radius:2px;opacity:.6}@media (max-width: 1000px){.slide{width:75vw}.thumbnail-item{width:20px;height:30px}.logo{font-size:1.2rem;padding:.4rem .8rem;top:1.5rem;left:1.5rem}}