:root{--accent-blue:#080808;--space-unit:max(2vw, 20px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;font-family:Manrope,sans-serif;overflow:hidden}#root{width:100%;height:100%}.geometric-intervention{background-color:var(--accent-blue);z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}#canvas-container{z-index:1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .8s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}#canvas-container.visible{opacity:1}.ui-layer{z-index:10;width:100%;height:100%;padding:calc(var(--space-unit) * 2);pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:0;left:0}.ui-layer>*{pointer-events:auto}header{letter-spacing:.1em;text-transform:uppercase;color:#ffffffeb;justify-content:space-between;align-items:flex-start;font-size:.75rem;font-weight:500;display:flex}.logo{letter-spacing:.15em;text-transform:uppercase;font-family:Manrope,sans-serif;font-size:1.1rem;font-style:normal;font-weight:500}.nav-links{gap:calc(var(--space-unit) * 2);display:flex}.nav-link{cursor:pointer;padding-bottom:4px;position:relative;overflow:hidden}.nav-link:after{content:"";background-color:#ffffffeb;width:100%;height:1px;transition:transform .4s cubic-bezier(.19,1,.22,1);position:absolute;bottom:0;left:0;transform:translate(-101%)}.nav-link:hover:after{transform:translate(0)}.spacer{flex-grow:1}.tagline{letter-spacing:.25em;text-transform:uppercase;color:#ffffff8c;height:1.4em;font-family:Manrope,sans-serif;font-size:.85rem;font-weight:400;position:relative}.tagline-text{white-space:nowrap;opacity:0;transition:opacity 1s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}.tagline-text.active{opacity:1}@media (prefers-reduced-motion:reduce){#canvas-container{opacity:1;transition:none}.tagline-text{transition:none}}