/* ═══════════════════════════════════════════════════════════════════════════ urs-2035.css — the shared look-and-feel layer for URS Network. Version 1 · created alongside the rebuilt explore.html. HOW TO LOAD IT -------------- LAST in , after the page's own Bump the ?v= query whenever this file changes. TWO TIERS --------- TIER A — applies to EVERY page that loads this file, including the live app pages (map, seek, projects, inbox, profile, coordinator …). Frosted sticky nav, refined shadows and radii, better focus rings, smoother buttons. It is deliberately restrained: no ambient light, no scroll animation, nothing that could fight Leaflet, a dialog, or a dense list. TIER B — the full explore.html treatment. OPT IN by putting `urs-rich` on , and load urs-2035.js. Adds the ambient light field, film grain, scroll-progress bar, glass section cards, the collapsible accordion + sticky rail, scroll-reveal, and the screenshot lightbox. Static/marketing pages only. Everything here is presentation. No page's markup or behaviour depends on it; remove the and every page still works, just plainer. ═══════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════ TOKENS ════════════════════════════ */ :root{ /* Refined elevation ramp. --shadow is intentionally overridden: every page * already uses it, so redefining it here lifts all of them at once. */ --shadow: 0 14px 40px -26px rgba(80,55,30,.5); --u-shadow-sm: 0 6px 18px -12px rgba(80,55,30,.45); --u-shadow: 0 14px 40px -26px rgba(80,55,30,.5); --u-shadow-lift:0 30px 70px -34px rgba(80,55,30,.62); --u-shadow-deep:0 44px 90px -40px rgba(60,40,20,.55); --u-ease: cubic-bezier(.22,.61,.36,1); --u-fast: .18s; --u-med: .32s; --u-ink-soft:#5a4a3a; --u-glass: rgba(255,253,248,.72); --u-glass-up:rgba(255,253,248,.86); } /* ═══════════════════════════════════════════════════════════════════════════ TIER A — every page, including the app ═══════════════════════════════════════════════════════════════════════════ */ /* ---- frosted sticky top bar ------------------------------------------------- * Every page builds its bar as .top or .topbar with the same children. Making * it translucent + blurred is the single biggest "this is current software" * signal, and it costs no layout change. */ .top, .topbar{ background: var(--u-glass); -webkit-backdrop-filter: saturate(1.5) blur(16px); backdrop-filter: saturate(1.5) blur(16px); border-bottom: 1px solid rgba(231,220,201,.85); transition: box-shadow var(--u-med) var(--u-ease), background var(--u-med); } /* A hairline shadow appears only once the page has scrolled, so the bar reads * as a layer above the content rather than a permanent band. urs-2035.js sets * the attribute; without the JS the bar simply stays flat. */ [data-urs-scrolled="true"] .top, [data-urs-scrolled="true"] .topbar{ background: var(--u-glass-up); box-shadow: 0 10px 30px -22px rgba(80,55,30,.55); } /* ---- the canonical public top bar ------------------------------------------ * Every public page used to build its own header: some put the nav in a