.journey{position:relative;min-height:100dvh;background:var(--color-void);color:var(--color-ink)}.journey-header{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;gap:1rem;height:3rem;padding:0 1.25rem;background:#080b11d1;backdrop-filter:blur(8px);border-bottom:1px solid oklch(96% .006 262 / .08);pointer-events:none}.journey-header__mark{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;color:var(--color-ink);border:1px solid var(--color-ink-faint);padding:.2rem .5rem;pointer-events:auto}.journey-header__title{margin:0;font-weight:400;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--color-ink-faint)}.journey-scroller{position:relative}.journey-canvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;display:block;touch-action:pan-y}.journey-chapter{pointer-events:none;position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;padding:6rem 1.5rem 3rem}.journey-chapter__panel{max-width:34rem;padding:1.75rem 2rem;background:#080b11b8;backdrop-filter:blur(6px);border-left:2px solid var(--color-ink-faint);pointer-events:auto;opacity:.55;transform:translateY(8px);transition:opacity .5s var(--ease-out, ease),transform .5s var(--ease-out, ease),border-color .5s ease}.journey-chapter.is-active .journey-chapter__panel,.journey-chapter:focus-within .journey-chapter__panel{opacity:1;transform:translateY(0);border-left-color:var(--color-accent)}@media(prefers-reduced-motion:reduce){.journey-chapter__panel{transition:none}}.journey-chapter__eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-faint)}.journey-chapter__title{font-family:var(--font-display);font-size:clamp(1.6rem,3.4vw,2.4rem);margin-top:.4rem;color:var(--color-ink)}.journey-chapter__roles{margin-top:.5rem;font-family:var(--font-mono);font-size:.8rem;color:var(--color-accent-soft, var(--color-accent))}.journey-chapter__body{margin-top:.9rem;font-size:.95rem;line-height:1.6;color:var(--color-ink-muted)}.journey-metrics{margin-top:1.25rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem 1rem}.journey-metric dt{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-faint)}.journey-metric dd{margin:0;font-family:var(--font-display);font-size:1.4rem}.journey-cta{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:.75rem}.journey .journey-skyline{position:fixed;inset:0;z-index:0;display:flex;align-items:flex-end;gap:.5rem;padding:0 2rem;opacity:.55;pointer-events:none}.journey--scene .journey-skyline{transition:opacity .7s var(--ease-out)}.journey--scene.is-ready .journey-skyline{opacity:0}.journey-skyline__district{flex:1;display:flex;align-items:flex-end;gap:.25rem;height:70vh}.journey-skyline__building{flex:1;background:linear-gradient(to top,var(--district-color),transparent);opacity:.8}.journey-static__chapters{position:relative;z-index:1}@media(max-width:640px){.journey-chapter__panel{max-width:100%;padding:1.25rem}}.journey-built{margin-top:1.5rem;padding-top:1rem;border-top:1px solid oklch(96% .006 262 / .1)}.journey-built__title{font-family:var(--font-mono);font-size:.65rem;font-weight:400;text-transform:uppercase;letter-spacing:.14em;color:var(--color-ink-faint)}.journey-built__list{margin:.6rem 0 0;padding:0;list-style:none;display:grid;gap:.5rem}.journey-built__link{display:block;padding:.55rem .75rem;border-left:2px solid var(--color-ink-faint);overflow-wrap:anywhere;transition:border-color .2s ease,background .2s ease}.journey-built__link:hover{border-left-color:var(--color-accent);background:#f0f2f60d}.journey-built__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.journey-built__name{display:block;font-family:var(--font-display);font-size:.95rem;color:var(--color-ink)}.journey-built__sub{display:block;margin-top:.15rem;font-size:.8rem;line-height:1.45;color:var(--color-ink-muted)}.landmark-card{position:fixed;z-index:20;width:min(20rem,calc(100vw - 16px));padding:.9rem 1.1rem;background:#080b11eb;backdrop-filter:blur(6px);border-left:2px solid var(--color-accent);pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.landmark-card.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.landmark-card{transition:none;transform:none}}.landmark-card p{margin:0}.landmark-card__name{font-family:var(--font-display);font-size:1rem;color:var(--color-ink)}.landmark-card__sub{margin-top:.25rem!important;font-size:.8rem;line-height:1.45;color:var(--color-ink-muted)}.landmark-card__metric{margin-top:.6rem!important}.landmark-card__metric b{font-family:var(--font-display);font-size:1.4rem;font-weight:400;color:var(--color-accent)}.landmark-card__metric span{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-faint)}.landmark-card__tech{margin:.6rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.3rem}.landmark-card__tech li{font-family:var(--font-mono);font-size:.65rem;padding:.1rem .4rem;border:1px solid var(--color-ink-faint);color:var(--color-ink-muted)}.landmark-card__hint{margin-top:.7rem!important;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;color:var(--color-ink-faint)}.journey{animation:journey-enter .6s var(--ease-out) backwards}@keyframes journey-enter{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.journey{animation-duration:.15s}}.journey-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.landmark-card--sheet{inset:auto 0 0;width:auto;max-height:60dvh;overflow-y:auto;padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom));pointer-events:auto;border-left:0;border-top:2px solid var(--color-accent);animation:sheet-in .22s var(--ease-out) backwards}@keyframes sheet-in{0%{opacity:0;transform:translateY(16px)}}.landmark-card__actions{margin-top:.9rem;display:flex;gap:.75rem}.landmark-card__open,.landmark-card__dismiss{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1rem;white-space:nowrap;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;color:var(--color-ink);border:1px solid var(--color-ink-faint);background:transparent;cursor:pointer;transition:none}.landmark-card__open{flex:1;border-color:var(--color-accent);color:var(--color-accent)}.landmark-card__open:focus-visible,.landmark-card__dismiss:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.landmark-card--sheet{animation:none}}