:root{--font-display:"Fraunces", "Iowan Old Style", serif;--font-body:"Inter", -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", monospace;--cloud:#f7f2e8;--cloud-dim:#f7f2e8b8;--ink:#101815;--ink-soft:#101815ad;--frost-bg:#121a166b;--frost-border:#f7f2e829;--gold:#e9b768;--ease-standard:cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;color:var(--cloud);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#0b1512;margin:0;padding:0;overflow:hidden}button{font-family:inherit}a{color:inherit}.app-root{touch-action:none;width:100vw;height:100dvh;position:relative;overflow:hidden}.scene-canvas-layer{position:absolute;inset:0}.hud-layer{pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.hud-layer a,.hud-layer button{pointer-events:auto}.intro{text-align:center;opacity:0;transition:opacity .9s var(--ease-standard), visibility .9s;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;padding:0 1.5rem;display:flex;position:absolute;inset:0;transform:translateY(0)}.intro[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto}.intro-kicker{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--cloud-dim);font-size:.68rem}.intro-logo{font-family:var(--font-display);letter-spacing:-.01em;color:var(--cloud);text-shadow:0 2px 24px #00000059;font-size:clamp(2.2rem,7vw,4.2rem);font-weight:500}.intro-welcome{color:var(--cloud-dim);max-width:34ch;font-size:clamp(.9rem,1.6vw,1.05rem);font-weight:300;line-height:1.5}.intro-cue{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--cloud-dim);flex-direction:column;align-items:center;gap:.4rem;margin-top:2.4rem;font-size:.7rem;animation:2.4s ease-in-out infinite cue-bob;display:flex}@keyframes cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.placard{background:var(--frost-bg);border:1px solid var(--frost-border);-webkit-backdrop-filter:blur(18px)saturate(140%);opacity:0;max-width:min(360px,100vw - 3rem);transition:opacity .48s var(--ease-standard), transform .48s var(--ease-standard), visibility .48s;visibility:hidden;border-radius:14px;padding:1.1rem 1.3rem 1rem;position:absolute;bottom:1.5rem;left:1.5rem;transform:translateY(10px)}.placard[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.placard-year{font-family:var(--font-mono);letter-spacing:.12em;color:var(--cloud-dim);text-transform:uppercase;font-size:.65rem}.placard-name{font-family:var(--font-display);color:var(--cloud);margin:.15rem 0 .35rem;font-size:1.5rem;font-weight:500}.placard-medium{font-family:var(--font-mono);letter-spacing:.03em;color:var(--gold);margin-bottom:.55rem;font-size:.68rem}.placard-tagline{color:var(--cloud-dim);margin:0 0 .7rem;font-size:.85rem;font-weight:300;line-height:1.5}.placard-link{color:var(--cloud);transition:border-color .2s var(--ease-standard), opacity .2s;border-bottom:1px solid #0000;align-items:center;gap:.35rem;font-size:.78rem;font-weight:500;text-decoration:none;display:inline-flex}.placard-link:hover,.placard-link:focus-visible{border-color:var(--gold);color:var(--gold)}.placard-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}.progress-dots{opacity:0;transition:opacity .48s var(--ease-standard), visibility .48s;visibility:hidden;align-items:center;gap:.55rem;display:flex;position:absolute;bottom:1.5rem;right:1.5rem}.progress-dots[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto}.progress-dot{border:1px solid var(--frost-border);cursor:pointer;width:8px;height:8px;transition:background .22s var(--ease-standard), transform .22s var(--ease-standard);background:#f7f2e82e;border-radius:50%;padding:0}.progress-dot:hover{transform:scale(1.2)}.progress-dot:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.progress-dot[data-active=true]{background:var(--cloud);transform:scale(1.25)}.about-panel{opacity:0;visibility:hidden;transition:opacity .62s var(--ease-standard), visibility .62s;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.about-panel[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto}.about-card{background:var(--frost-bg);border:1px solid var(--frost-border);-webkit-backdrop-filter:blur(22px)saturate(140%);text-align:left;border-radius:18px;max-width:480px;padding:2.1rem 2.2rem}.about-kicker{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem;font-size:.65rem}.about-title{font-family:var(--font-display);margin:0 0 .9rem;font-size:1.9rem;font-weight:500}.about-body{color:var(--cloud-dim);margin:0 0 1.3rem;font-size:.94rem;font-weight:300;line-height:1.65}.about-contact{font-family:var(--font-mono);color:var(--cloud);border-bottom:1px solid var(--frost-border);align-items:center;gap:.4rem;padding-bottom:2px;font-size:.82rem;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.about-contact:hover,.about-contact:focus-visible{color:var(--gold);border-color:var(--gold)}.about-back{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cloud-dim);margin-top:1.4rem;font-size:.68rem}.footer-credit{font-family:var(--font-mono);letter-spacing:.06em;color:var(--cloud-dim);opacity:.75;font-size:.66rem;position:absolute;top:1.4rem;left:1.5rem}.fallback-page{background:linear-gradient(#101f1b 0%,#0b1512 60%);min-height:100vh;padding:3rem 1.5rem 5rem;overflow-y:auto}.fallback-header{text-align:center;margin-bottom:3rem}.fallback-logo{font-family:var(--font-display);font-size:clamp(2rem,6vw,3rem)}.fallback-welcome{color:var(--cloud-dim);max-width:40ch;margin:.8rem auto 0;font-weight:300}.fallback-stack{flex-direction:column;gap:1.6rem;max-width:640px;margin:0 auto;display:flex}.fallback-card{border:1px solid var(--frost-border);background:var(--frost-bg);border-radius:16px;overflow:hidden}.fallback-card-art{width:100%;height:220px}.fallback-card-body{padding:1.2rem 1.4rem 1.4rem}@media (width<=640px){.placard{max-width:none;bottom:1rem;left:1rem;right:1rem}.progress-dots{top:1.4rem;bottom:auto;right:1rem}}.compass-widget{pointer-events:none;z-index:100;-webkit-backdrop-filter:blur(8px);background:#0c171633;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;padding:4px;display:flex;position:absolute;bottom:2.5rem;right:2.5rem;box-shadow:0 4px 16px #0000004d}.compass-glass{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.compass-dial{will-change:transform;border-radius:50%;width:100%;height:100%;position:absolute}.compass-tick{font-family:var(--font-mono,monospace);color:#ffffffb3;transform-origin:50%;font-size:10px;font-weight:600;position:absolute;top:50%;left:50%}.compass-tick.n{color:#fffffff2;transform:translate(-50%,-50%)translateY(-28px)}.compass-tick.s{transform:translate(-50%,-50%)translateY(28px)rotate(180deg)}.compass-tick.e{transform:translate(-50%,-50%)translate(28px)rotate(90deg)}.compass-tick.w{transform:translate(-50%,-50%)translate(-28px)rotate(270deg)}.compass-arrow{filter:drop-shadow(0 0 4px #fce4c880);border-bottom:10px solid #fce4c8;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-4px}