:root{--ink: #2f2f38;--paper: #fdfbf4}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;background:#0e0b08;font-family:Hiragino Maru Gothic ProN,Yu Gothic Medium,Yu Gothic,sans-serif;color:var(--ink)}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}#scroll{position:relative;height:3000vh;pointer-events:none}.scroll-cue{position:fixed;z-index:9;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:4px;color:#ffffffd1;font-size:12px;line-height:1.4;letter-spacing:.08em;text-align:center;white-space:nowrap;transform:translate(-50%);pointer-events:none;-webkit-user-select:none;user-select:none;animation:scroll-cue-fade 2.8s ease-in-out infinite}.scroll-cue-copy-mobile,.intro-copy-mobile{display:none}.scroll-cue{padding:10px 18px;border-radius:6px;background:#0b1e7ef0;animation:none}.mobile-projects{display:none}.scroll-cue strong{color:#fff}.scroll-cue.is-hidden{opacity:0;visibility:hidden;animation:none}.scroll-cue-arrow{font-size:20px;line-height:1;animation:scroll-cue-bob 1.3s ease-in-out infinite}.scroll-cue-arrow:before{content:"↓"}@keyframes scroll-cue-fade{0%,to{opacity:.48}50%{opacity:1}}@keyframes scroll-cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.hud{position:fixed;z-index:10}.hud-title{top:20px;left:26px;color:#fff;text-shadow:none;pointer-events:none}.hud-title h1{margin:0;font-size:12px;letter-spacing:.12em}.hud-title p{margin:5px 0 0;font-size:10px;opacity:.82}.hud-note{left:26px;bottom:28px;max-width:min(370px,76vw);background:#fdfbf4f5;border:1.6px solid var(--ink);border-radius:255px 15px 225px/15px 225px 15px 255px;box-shadow:3px 4px #0000004d;padding:14px 20px;font-size:13px;line-height:1.85;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s;pointer-events:none}.hud-note.show{opacity:1;transform:none}.hud-debug{top:8px;right:8px;font:11px/1.5 ui-monospace,monospace;color:#7dff9b;background:#0009;padding:5px 9px;border-radius:6px;pointer-events:none}.hud-loading{left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:13px;letter-spacing:.1em;opacity:.8;transition:opacity .4s}.hud-loading.done{opacity:0}.path-inspector{position:fixed;z-index:20;left:26px;bottom:12px;max-width:calc(100vw - 52px);font-size:11px}@media(max-width:600px){.hud-title{top:16px;left:18px}.hud-title h1{font-size:10px}}.project-card{position:fixed;z-index:30;right:28px;bottom:32px;width:min(350px,calc(100vw - 48px));padding:26px;background:#fff;color:#0b2f98;border-radius:4px;box-shadow:0 10px 40px #0003}.project-card[hidden]{display:none}.project-card button{float:right;border:0;background:none;color:inherit;cursor:pointer;padding:4px}.project-card h2{margin:18px 0;font-size:28px}.project-card p{font-size:14px;line-height:1.8}.project-card a{color:inherit;font-weight:700}@media(prefers-reduced-motion:reduce){.scroll-cue,.scroll-cue-arrow{animation:none}}@media(max-width:600px){.mobile-projects:not([hidden]){display:block;position:fixed;z-index:15;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;right:12px;background:#fff;color:#0b2088;border-radius:6px;box-shadow:0 4px 22px #0003}.mobile-projects summary{padding:14px 16px;min-height:48px;font-size:14px;font-weight:700;cursor:pointer}.mobile-project-links{max-height:32svh;overflow-y:auto;overscroll-behavior:contain}.mobile-project-links a,.mobile-project-links span{display:block;padding:12px 16px;min-height:44px;color:inherit;font-size:14px;line-height:1.5;border-top:1px solid #dfe5f8}.intro-copy-wide{display:none}.intro-copy-mobile{display:inline}#scroll{height:3000svh}.scroll-cue{bottom:calc(14px + env(safe-area-inset-bottom));font-size:12px}.scroll-cue-copy-pc{display:none}.scroll-cue-copy-mobile{display:inline}.scroll-cue-arrow:before{content:"↑"}.hud-title{top:calc(12px + env(safe-area-inset-top));left:14px;right:14px}.hud-title h1{font-size:12px}.hud-title p{font-size:12px;line-height:1.5}.hud-note{left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));max-width:none;padding:12px 16px;font-size:13px}.project-card{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100vw - 24px);max-height:calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;padding:18px}.project-card button{min-width:44px;min-height:44px;margin:-8px -8px 0 0;padding:8px;font-size:12px}.project-card h2{margin:12px 0;font-size:24px}.project-card p{font-size:13px}}.project-destination{font-size:12px;overflow-wrap:anywhere;margin:12px 0;opacity:.75}@media(max-width:600px)and (max-height:680px){.scroll-cue{flex-direction:row;gap:8px;padding:5px 10px;bottom:calc(3px + env(safe-area-inset-bottom));font-size:10px}.scroll-cue-copy-mobile{display:none}.scroll-cue-arrow{font-size:15px}}