:root{--um-midnight: #011b3c;--um-earth: #a9955c;--um-coral: #ea7c69;--um-sky: #6ed2ec;--um-white: #ffffff;--radius: 32px;--font-display: "Aptos", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body: var(--font-display);--text: var(--um-white);--text-dim: rgba(255, 255, 255, .62)}[data-theme=dark]{--text: var(--um-white);--text-dim: rgba(255, 255, 255, .62)}[data-theme=light]{--text: var(--um-midnight);--text-dim: rgba(1, 27, 60, .6)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--text);background:var(--um-midnight);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:color .6s ease}body.no-webgl{background:linear-gradient(160deg,#011b3c,#0a2d52,#ea7c69 70%,#6ed2ec)}#ink{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;display:block;pointer-events:none}body.no-webgl #ink{display:none}#app{position:relative;z-index:1}.brand-logo{position:fixed;top:clamp(16px,3vw,36px);left:clamp(16px,3vw,36px);z-index:3;display:block;width:clamp(96px,9vw,150px)}.brand-logo img{width:100%;height:auto;display:block;transition:opacity .6s ease;filter:drop-shadow(0 1px 6px rgba(0,0,0,.25))}[data-theme=light] .brand-logo img{filter:drop-shadow(0 1px 6px rgba(255,255,255,.35))}.brand-logo__white{position:absolute;top:0;right:0;bottom:0;left:0}[data-theme=dark] .brand-logo__blue{opacity:0}[data-theme=dark] .brand-logo__white,[data-theme=light] .brand-logo__blue{opacity:1}[data-theme=light] .brand-logo__white{opacity:0}.scene{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(24px,6vw,96px)}.scene__inner{max-width:64ch;width:100%}[data-theme=dark] .scene{text-shadow:0 1px 22px rgba(0,8,20,.45)}[data-theme=light] .scene{text-shadow:0 1px 22px rgba(238,249,253,.55)}.hero .kicker{font-size:clamp(.8rem,1.4vw,1rem);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin:0 0 1.4rem}.hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,7vw,5.4rem);line-height:1.02;letter-spacing:-.02em;margin:0;white-space:pre-line}.hero .subtitle{font-size:clamp(1rem,2vw,1.5rem);color:var(--text-dim);margin-top:1.6rem}.hero .scrollcue{margin-top:3rem;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.chapter .num{font-size:clamp(.85rem,1.4vw,1.05rem);letter-spacing:.3em;color:var(--um-sky);margin:0 0 1.2rem;font-variant-numeric:tabular-nums}.chapter h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.015em;margin:0 0 1.6rem}.chapter p{font-size:clamp(1.05rem,2.1vw,1.6rem);line-height:1.5;margin:0;color:var(--text);max-width:50ch}.outro{flex-direction:column;gap:1rem;text-align:center}.outro .sig{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,4vw,3rem);letter-spacing:-.01em;margin:0}.outro .org{font-size:clamp(1rem,2vw,1.4rem);color:var(--text-dim);margin:0}.outro .rule{width:64px;height:4px;border-radius:var(--radius);background:var(--um-sky);margin:1.2rem auto 0}.anim{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){.anim{opacity:1!important;transform:none!important}.brand-logo img,body{transition:none}}:root{--um-staalblauw: #000933;--um-green: #2e7d6b;--um-warm-light: #eee3c6;--accent: var(--um-sky)}[data-world=north]{--accent: var(--um-sky)}[data-world=east]{--accent: var(--um-earth)}[data-world=south]{--accent: var(--um-coral)}[data-world=west]{--accent: var(--um-green)}.chapter .num{color:var(--accent)}[data-theme=light] .chapter .num{color:var(--um-coral)}.outro .rule{background:var(--accent)}.intro .kicker{font-size:clamp(.8rem,1.4vw,1rem);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin:0 0 1.4rem}.intro h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,6.6vw,5rem);line-height:1.03;letter-spacing:-.02em;margin:0;white-space:pre-line}.intro .subtitle{font-size:clamp(1rem,2vw,1.5rem);color:var(--text-dim);margin-top:1.6rem}.intro .scrollcue{margin-top:3rem;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.return{flex-direction:column;gap:1.6rem;text-align:center}.return .return-line{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,4vw,3rem);letter-spacing:-.01em;margin:0}.return-btn,.continue-btn{font:inherit;font-weight:600;cursor:pointer;color:var(--text);background:transparent;border:1.5px solid currentColor;border-radius:var(--radius);padding:.7em 1.4em;letter-spacing:.02em;transition:background .3s ease,color .3s ease,transform .2s ease}.continue-btn{margin-top:2rem}.return-btn:hover,.continue-btn:hover,.return-btn:focus-visible,.continue-btn:focus-visible{background:var(--text);color:var(--um-midnight);outline:none;transform:translateY(-1px)}.compass{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;align-items:center;gap:clamp(16px,4vh,48px);padding:clamp(24px,6vw,80px);text-align:center}.compass[hidden]{display:none}.compass__quote{align-self:end;max-width:26ch;margin:0}.compass__quote blockquote{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,4.2vw,3rem);line-height:1.12;letter-spacing:-.015em;margin:0}.compass__quote figcaption{margin-top:.9rem;font-size:clamp(.8rem,1.6vw,1rem);color:var(--text-dim)}.rose{position:relative;width:min(64vmin,460px);height:min(64vmin,460px);will-change:transform}.rose__ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--text-dim);border-radius:50%;opacity:.6}.rose__ring:after{content:"";position:absolute;top:16%;right:16%;bottom:16%;left:16%;border:1px dashed var(--text-dim);border-radius:50%;opacity:.5}.rose__needle{position:absolute;left:50%;top:8%;width:2px;height:42%;transform:translate(-50%);transform-origin:bottom center;background:linear-gradient(to top,transparent,var(--accent));opacity:.8}.rose-arm{position:absolute;display:grid;place-items:center;width:clamp(64px,16vmin,110px);height:clamp(64px,16vmin,110px);border-radius:50%;border:1.5px solid currentColor;background:color-mix(in srgb,var(--um-midnight) 35%,transparent);color:var(--text);cursor:pointer;transition:background .3s ease,transform .2s ease,border-color .3s ease}.rose-arm--north{top:-6%;left:50%;margin-left:calc(clamp(64px,16vmin,110px)/-2)}.rose-arm--south{bottom:-6%;left:50%;margin-left:calc(clamp(64px,16vmin,110px)/-2)}.rose-arm--east{right:-6%;top:50%;margin-top:calc(clamp(64px,16vmin,110px)/-2)}.rose-arm--west{left:-6%;top:50%;margin-top:calc(clamp(64px,16vmin,110px)/-2)}.rose-arm:hover,.rose-arm:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--um-midnight);outline:none;transform:scale(1.06)}.rose-arm__label{display:grid;gap:2px;line-height:1;will-change:transform}.rose-arm__dir{font-family:var(--font-display);font-weight:800;font-size:clamp(1.1rem,3vw,1.6rem)}.rose-arm__meta{font-size:.66rem;letter-spacing:.06em;opacity:.85;max-width:8ch}.compass__back{align-self:start;justify-self:center;font:inherit;font-weight:600;cursor:pointer;color:var(--text);background:transparent;border:1.5px solid var(--text-dim);border-radius:var(--radius);padding:.55em 1.2em;letter-spacing:.02em;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .2s ease}.compass__back:hover,.compass__back:focus-visible{background:var(--text);color:var(--um-midnight);border-color:var(--text);outline:none;transform:translateY(-1px)}@media (prefers-reduced-motion: reduce){.compass__back{transition:none}}.heading-indicator{position:fixed;right:clamp(16px,3vw,36px);bottom:clamp(16px,3vw,36px);z-index:3}.heading-indicator[hidden]{display:none}.heading-indicator__btn{display:inline-flex;align-items:center;gap:.6em;font:inherit;font-weight:600;color:var(--text);background:color-mix(in srgb,var(--um-midnight) 45%,transparent);border:1.5px solid var(--text-dim);border-radius:var(--radius);padding:.5em .9em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .3s ease,transform .2s ease}.heading-indicator__btn:hover,.heading-indicator__btn:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-1px)}.heading-indicator__rose{position:relative;width:22px;height:22px;border:1.5px solid currentColor;border-radius:50%}.heading-indicator__needle{position:absolute;left:50%;top:2px;width:2px;height:9px;transform:translate(-50%);transform-origin:bottom center;background:var(--accent)}.heading-indicator__text{font-size:.85rem;letter-spacing:.08em}.scene[data-motif] .scene__inner{position:relative;z-index:1}.scene[data-motif=north-star]:before{content:"✦";position:absolute;top:10%;left:50%;transform:translate(-50%);font-size:clamp(2rem,6vw,4rem);color:var(--accent);opacity:.5}.scene[data-motif=strata]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(115deg,transparent 0 22px,var(--accent) 22px 23px)}.scene[data-motif=channel-map]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 38px,var(--accent) 38px 39px)}.scene[data-motif=tier-ladder]:before{content:"";position:absolute;left:8%;top:18%;bottom:18%;width:10px;pointer-events:none;background:linear-gradient(to bottom,var(--um-green) 0 33%,var(--um-earth) 33% 66%,var(--um-coral) 66% 100%);border-radius:var(--radius);opacity:.7}body.no-webgl[data-world=north]{background:linear-gradient(170deg,#000933,#011b3c 55%,#6ed2ec)}body.no-webgl[data-world=east]{background:linear-gradient(170deg,#011b3c,#a9955c 55%,#eee3c6)}body.no-webgl[data-world=south]{background:linear-gradient(170deg,#011b3c,#ea7c69 45%,#2e7d6b 75%,#6ed2ec)}body.no-webgl[data-world=west]{background:linear-gradient(180deg,#011b3c,#2e7d6b 45%,#a9955c 72%,#ea7c69)}@media (prefers-reduced-motion: reduce){.rose,.rose-arm,.rose-arm__label,.return-btn,.continue-btn,.heading-indicator__btn{transition:none}}