/* ============================================================ Brutalist recolor / de-Lando pass. Loaded after the mirrored Webflow stylesheet so these rules win on equal specificity — kept mostly !important-free by matching the same selectors, since some of the underlying rules are themselves fairly specific (chained classes). ============================================================ */ :root { /* palette already got swapped to near-black + blue at the CSS-variable level in an earlier pass — these just sharpen contrast slightly and make sure every alias stays in lockstep */ --color--dark-green: #0a0a0a; --color--dark-green-tint-1: #1a1a1a; --color--dark-green-tint-2: #242424; --color--black: #0a0a0a; --color--white: #f4f4ed; --color--cream: #f4f4ed; --color--grey-1: #f4f4ed; --color--green-light: #f4f4ed; --color--grey-2: #b4b4ac; --color--grey-on-track: #b4b4ac; --color--green-off-white-1: #d6d6cd; --color--green-off-white-2: #9a9a91; --color--lime: #3a54ff; --color--lime-off: #7d8fff; --color--lime-zero: #3a54ff00; --color--orange: #3a54ff; } /* ---------- sharp corners everywhere: no pill shapes, no soft cards ---------- */ .btn-w, .nav-ham, .flag-w, .helmet-grid-item, .helmet-grid-frame, .video-stream, .callout-socials-card-w, .marquee-advanced__item-width, img, video, .w-slider-nav.w-round > div { border-radius: 0 !important; } /* ---------- primary button: outline, not a solid-fill badge ---------- the filled lime/blue pill (.btn-w) read as a store "sale" sticker — swap to a hard-edged outline that fills solid only on hover/focus */ .btn-w { background-color: transparent !important; border: 1.5px solid var(--color--white) !important; color: var(--color--white) !important; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; } .btn-w:hover, .btn-w:focus-visible { background-color: var(--color--white) !important; color: var(--color--black) !important; border-color: var(--color--white) !important; } .btn-w.tertiary { border: 1.5px solid currentColor !important; background-color: transparent !important; } /* nav hamburger removed from markup; if any stray instance remains (other pages), hide rather than let it flash a rounded lime chip */ .nav-ham { display: none !important; } /* the footer's "pages" link column was removed (dead internal routes, 404s on this static mirror) — center the one remaining column */ .footer-links-w { justify-content: center !important; } /* ---------- flatten decorative shadow/blur chrome ---------- */ .w-slider-nav.w-shadow > div, .w-slider-dot:focus { box-shadow: none !important; } /* ---------- kill the live WebGL background ---------- .gl-wrap / .gl-background / canvas.gl are a fixed, full-viewport Three.js scene (the moving topographic-line pattern) tied to the same helmet-material assets that 404 in this mirror. It's heavy, fragile, and was asked to go — replaced below with a flat static grid, pure CSS, no JS/WebGL dependency so it can't silently break or obscure foreground content again. */ .gl-wrap, .gl-background, canvas.gl { display: none !important; } body { /* JS sets an inline background-color on at runtime (theme-color sync as you scroll between sections) — inline styles beat any stylesheet rule except !important, so this needs it to actually win */ background-color: var(--color--dark-green) !important; background-image: linear-gradient(var(--color--dark-green-tint-1) 1px, transparent 1px), linear-gradient(90deg, var(--color--dark-green-tint-1) 1px, transparent 1px); background-size: 64px 64px; background-position: center top; }