@import"https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@800&display=swap";:root{--base-100: #f8f7f4;--base-200: #e8e6e0;--base-300: #d4d1c8;--base-400: #2a2824;--base-500: #1f1d1a;--accent-light: #6b7280;--accent-dark: #374151}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Host Grotesk,sans-serif}.logo{position:fixed;top:1.5rem;left:1.5rem;z-index:1000;padding:.75rem 1.5rem;border-radius:8px;background-color:var(--base-100);color:var(--base-400);box-shadow:0 2px 8px #0000001a;transition:background-color .3s ease,color .3s ease}.logo span{font-family:PP Pangram Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:800;font-size:1.25rem;letter-spacing:-.02em;text-transform:lowercase}.logo.logo-inverted{background-color:var(--base-400);color:var(--base-100);box-shadow:0 2px 8px #0003}img{width:100%;height:100%;object-fit:cover}h1{font-size:7vw;font-weight:800;line-height:1}p{font-size:1.5rem;font-weight:400}section{position:relative;width:100vw;height:100svh;padding:1.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--base-500);color:var(--base-100);overflow:hidden}.hero{flex-direction:column;transition:background-color .3s ease}.hero-header{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:60%;text-align:center;display:flex;flex-direction:column;gap:2rem;will-change:transform,opacity}.animated-icons{position:fixed;bottom:1rem;left:1rem;right:1rem;display:flex;align-items:center;gap:1rem;will-change:transform;z-index:2}.animated-icon{flex:1;aspect-ratio:1;will-change:transform}.animated-text{position:relative;max-width:1000px;text-align:center;color:var(--base-400);font-size:clamp(2rem,5vw,4rem);font-weight:800;line-height:1}.outro{background-color:var(--base-200);color:var(--base-400)}.outro a{color:var(--base-400);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;transition:opacity .3s ease}.outro a:hover{opacity:.7}.text-segment{opacity:0}.placeholder-icon{margin-top:-10px;width:60px;height:60px;display:inline-block;vertical-align:middle;will-change:transform;visibility:hidden}@media (max-width: 1000px){h1{font-size:12vw;text-align:center}p{font-size:1.1rem}.hero-header{top:45%;width:100%}.placeholder-icon{margin-top:-4px;width:30px;height:30px}.logo{top:1rem;left:1rem;padding:.5rem 1rem}.logo span{font-size:1rem}}