:root{--paper:#f4f1ea;--paper-deep:#ebe7de;--ink:#17212a;--muted:#667077;--accent:#4b7599;--accent-rgb:75,117,153;--edge:rgba(23,33,42,.14);--pad:clamp(1.4rem,4.2vw,4.75rem);--font:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:auto}body{min-width:320px;min-height:100svh;margin:0;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.72),transparent 42%),linear-gradient(135deg,var(--paper),#f8f6f1 52%,var(--paper-deep));font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit}.page{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-height:100svh;isolation:isolate}.header,.footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--pad)}.header{min-height:7.5rem;border-bottom:1px solid var(--edge)}.brand{text-decoration:none;font-size:1.28rem;font-weight:600;letter-spacing:.18em}.header p,.footer{color:var(--muted);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}.hero{position:relative;min-height:clamp(38rem,calc(100svh - 12rem),58rem);overflow:hidden}.geometry{position:absolute;inset:0;touch-action:pan-y}svg{display:block;width:100%;height:100%;overflow:hidden}.mesh line,.active-triangle polygon,.angle-mark{vector-effect:non-scaling-stroke}.mesh line{stroke:rgba(var(--accent-rgb),.14);stroke-width:1}.points circle{fill:rgba(var(--accent-rgb),.2)}.active-triangle polygon{fill:rgba(var(--accent-rgb),.035);stroke:#4b7599;stroke-width:2;stroke-linejoin:round}.angle-mark{fill:none;stroke:#4b7599;stroke-width:1.35;stroke-linecap:round;opacity:.58}.navigation{pointer-events:auto}.nav-item{cursor:pointer;outline:none}.nav-hit{fill:transparent}.nav-node{fill:#4b7599;stroke:var(--paper);stroke-width:3;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;transition:transform .2s ease}.nav-label{fill:#4b7599;font-family:var(--font);font-size:18px;font-weight:500;letter-spacing:.045em;paint-order:stroke;stroke:var(--paper);stroke-width:6px;stroke-linejoin:round;user-select:none}.nav-item:hover .nav-node,.nav-item:focus-visible .nav-node,.nav-item.is-active .nav-node{transform:scale(1.38)}.footer{min-height:4.5rem;border-top:1px solid var(--edge)}.footer p{margin:0}.footer nav{display:flex;gap:clamp(1.1rem,3vw,2.75rem)}.footer a{text-decoration:none;text-underline-offset:.35rem}.footer a:hover,.footer a:focus-visible{color:var(--accent);text-decoration:underline}
@media(max-width:900px){.header{min-height:6.25rem}.header p{display:none}.hero{min-height:calc(100svh - 10.75rem)}.geometry{inset:0 -8%}}
@media(max-width:600px){.header{min-height:5rem}.hero{min-height:calc(100svh - 13rem)}.geometry{inset:0 -28%}.footer{align-items:flex-start;flex-direction:column;gap:1.15rem;min-height:8rem;padding-block:1.5rem}.footer nav{flex-wrap:wrap;row-gap:.8rem}}
/* Nodren perspective-depth network v6 */
@media(prefers-reduced-motion:reduce){.nav-node{transition:none}}