@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";@font-face{font-family:Villagers;src:url(/fonts/villagers.otf)format("opentype");font-weight:400;font-style:normal}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-card:#141414;--accent-yellow:#ffd600;--accent-orange:#ff6b35;--accent-primary:#ffd600;--accent-secondary:#ff6b35;--accent-muted:#888;--accent-danger:#ff6b35;--text-primary:#f5f5f0;--text-secondary:#888;--text-muted:#555;--border-subtle:#ffffff0f;--border-strong:#ffffff26;--border-dark:#3d3d3d;--glass-bg:#ffffff0a;--glass-border:#ffffff14;--font-display:"Space Grotesk", sans-serif;--font-mono:"IBM Plex Mono", monospace;--section-padding:clamp(5rem, 10vw, 10rem);--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--transition-medium:.4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-display);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent-yellow)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px)saturate(120%);border:1px solid var(--glass-border);border-radius:4px}.section-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent-yellow);margin-bottom:1.5rem;font-size:.7rem;font-weight:600;display:block}.btn-primary{background:var(--accent-yellow);color:#000;font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;transition:var(--transition-fast);text-transform:uppercase;border:none;border-radius:0;align-items:center;gap:.6rem;padding:1rem 2.5rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary:hover{background:#ffe033;transform:translateY(-2px)}.btn-outline{color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.1em;border:1px solid var(--border-dark);transition:var(--transition-fast);text-transform:uppercase;background:0 0;border-radius:0;align-items:center;gap:.6rem;padding:.95rem 2.4rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-outline:hover{border-color:var(--text-primary);background:#ffffff0a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes float-cursor{0%,to{transform:translate(0)}25%{transform:translate(15px,-10px)}50%{transform:translate(-5px,15px)}75%{transform:translate(-15px,-5px)}}.grid-bg{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px}.card-dark{background:var(--bg-secondary);border:1px solid var(--border-dark);transition:border-color var(--transition-fast);padding:2rem}.card-dark:hover{border-color:var(--accent-yellow)}.section{padding:var(--section-padding) 2rem;max-width:1400px;margin:0 auto}.noise:after{content:"";pointer-events:none;z-index:9999;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}.infinite-menu-wrapper{width:100%;height:clamp(400px,60vh,750px);position:relative}@media (width<=768px){.infinite-menu-wrapper{height:100vw}}#infinite-grid-menu-canvas{cursor:grab;outline:none;width:100%;height:100%;position:relative;overflow:hidden}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{z-index:10;cursor:pointer;background:#ffd600;border:4px solid #0a0a0a;border-radius:0;place-items:center;width:60px;height:60px;display:grid;position:absolute;left:50%}.face-title{-webkit-user-select:none;user-select:none;font-family:var(--font-display);text-transform:uppercase;color:#f5f5f0;pointer-events:none;font-size:3rem;font-weight:700;position:absolute;top:50%;left:1.6em}.action-button-icon{-webkit-user-select:none;user-select:none;color:#0a0a0a;font-size:26px;font-weight:900;position:relative}.face-title{position:absolute;top:50%;transform:translate(20%,-50%)}.face-title.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translate(20%,-50%)}.face-title.inactive{pointer-events:none;opacity:0;transition:all .1s}.face-description{-webkit-user-select:none;user-select:none;font-family:var(--font-mono);letter-spacing:.05em;color:#888;max-width:15ch;font-size:.9rem;position:absolute;top:50%;right:1%;transform:translateY(-50%)}.face-description.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translate(-90%,-50%)}.face-description.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translate(-60%,-50%)}.action-button{position:absolute;left:50%}.action-button.active{opacity:1;pointer-events:auto;transition:all .5s;bottom:2em;transform:translate(-50%)scale(1)}.action-button.inactive{opacity:0;pointer-events:none;transition:all .1s;bottom:-80px;transform:translate(-50%)scale(0)}@media (width<=1500px){.face-title,.face-description{display:none}}