body{background-color:var(--color-bg);background-image:repeating-linear-gradient(0deg, var(--color-grid-line) 0, var(--color-grid-line) 1px, transparent 1px, transparent 100px), repeating-linear-gradient(90deg, var(--color-grid-line) 0, var(--color-grid-line) 1px, transparent 1px, transparent 100px);background-size:100px 100px}.site-header{top:var(--space-4);left:var(--space-4);right:var(--space-4);z-index:100;width:min(calc(100% - var(--space-8)), 1160px);min-height:var(--nav-height);border:1px solid var(--color-border);box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--blur-glass);color:var(--color-text);background:#0a42678c;border-radius:999px;margin-inline:auto;position:fixed}main{padding-top:calc(var(--nav-height) + var(--space-8))}@keyframes intro-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.site-header,.intro{animation:.6s cubic-bezier(.16,1,.3,1) both intro-rise}.intro-delay-1{animation-delay:80ms}.intro-delay-2{animation-delay:.16s}.intro-delay-3{animation-delay:.24s}.intro-delay-4{animation-delay:.32s}@media (prefers-reduced-motion:reduce){.site-header,.intro{animation:none}}.canvas{width:100%;padding:0 var(--space-8)}@media (max-width:768px){.canvas{padding:0 var(--space-4)}}