:root{font-family:Arial Narrow,DIN Condensed,Helvetica Neue,Arial,sans-serif;color:#f2f2ed;background:#070707;font-synthesis:none}*{box-sizing:border-box}html{background:#070707}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;overflow:hidden;background:#070707}.button,button,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.experience{width:100vw;height:100dvh;min-height:680px;position:relative;overflow:hidden;background:#070707;isolation:isolate}.site-header{position:absolute;z-index:20;inset:0 0 auto 0;height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 34px;border-bottom:1px solid #242424}.wordmark{color:#f2f2ed;text-decoration:none;display:flex;align-items:baseline;gap:16px}.wordmark span{font-size:20px;font-weight:700;letter-spacing:.12em}.wordmark small,.eyebrow,.detail-en,.orbit-label{font-size:9px;letter-spacing:.2em;color:#73736d}.era{display:flex;align-items:center;gap:11px}.era>span{color:#070707;background:#d8ff4f;border-radius:50%;width:30px;aspect-ratio:1;display:grid;place-items:center;font-size:10px;font-weight:700}.era p{margin:0;font-size:10px;line-height:1.45;color:#a2a29b;letter-spacing:.08em}.motion-control{justify-self:end;border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:10px 0;cursor:pointer;color:#8f8f88;font-size:10px;letter-spacing:.1em}.motion-control svg{color:#d8ff4f;width:14px;height:14px}.field{position:absolute;top:88px;right:0;bottom:72px;left:0}.axis-nav{position:absolute;z-index:15;left:34px;top:36px;width:154px;display:flex;flex-direction:column;align-items:stretch}.axis-nav .eyebrow{margin:0 0 17px;font-size:10px}.axis-nav>button{border:0;border-top:1px solid #282828;background:transparent;padding:12px 0;text-align:left;color:#66665f;cursor:pointer;font-size:14px;letter-spacing:.08em;transition:color .18s ease,padding-left .18s ease}.axis-nav>button span{display:inline-block;width:28px;font-size:9px;color:var(--axis-color, #d8ff4f)}.axis-nav>button:hover,.axis-nav>button.active{color:#f2f2ed;padding-left:8px}.axis-hint{display:flex;gap:10px;color:#54544f;margin-top:26px}.axis-hint svg{width:18px;height:18px;flex:0 0 auto}.axis-hint p{margin:0;font-size:10px;line-height:1.6;letter-spacing:.06em}.speed-panel{margin-top:25px;padding-top:14px;border-top:1px solid #282828}.speed-panel>.eyebrow{margin:0 0 10px}.speed-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;min-height:48px;padding:7px 0;border-top:1px solid #1e1e1e}.speed-row>span{color:#777770;font-size:11px;letter-spacing:.1em}.speed-row output{color:var(--axis-color);text-align:right;font-size:9px;letter-spacing:.05em}.speed-row input[type=range]{grid-column:1 / -1;width:100%;height:14px;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize}.speed-row input[type=range]::-webkit-slider-runnable-track{height:2px;border:0;background:#3b3b36}.speed-row input[type=range]::-webkit-slider-thumb{width:12px;height:12px;margin-top:-5px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid #070707;border-radius:50%;background:var(--axis-color);box-shadow:0 0 8px color-mix(in srgb,var(--axis-color) 48%,transparent)}.speed-row input[type=range]::-moz-range-track{height:2px;border:0;background:#3b3b36}.speed-row input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid #070707;border-radius:50%;background:var(--axis-color);box-shadow:0 0 8px color-mix(in srgb,var(--axis-color) 48%,transparent)}.speed-row input[type=range]:focus-visible{outline:1px solid var(--axis-color);outline-offset:4px}.orbit-stage{position:absolute;left:12%;right:21%;top:3%;bottom:2%;perspective:900px;perspective-origin:52% 46%;transform-style:preserve-3d}.stage-title{position:absolute;z-index:1;left:50%;top:49%;transform:translate(-50%,-50%);display:flex;align-items:flex-end;gap:12px;opacity:.13}.stage-title span{font-size:clamp(92px,12vw,190px);line-height:.8;font-weight:500;letter-spacing:-.065em}.stage-title:not(.is-selected) span{width:max-content;font-family:Microsoft YaHei UI,PingFang SC,Noto Sans SC,sans-serif;font-size:clamp(30px,3.8vw,54px);font-weight:300;letter-spacing:.12em}.stage-title p{font-size:9px;line-height:1.35;letter-spacing:.16em;margin:0 0 4px}.orbit{position:absolute;z-index:2;left:50%;top:50%;border:4px solid color-mix(in srgb,var(--axis-color) 58%,transparent);border-radius:50%;pointer-events:none;transform-style:preserve-3d;backface-visibility:visible;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--axis-color) 78%,transparent)) drop-shadow(0 0 14px color-mix(in srgb,var(--axis-color) 48%,transparent)) drop-shadow(0 0 28px color-mix(in srgb,var(--axis-color) 24%,transparent));transform:translate(-50%,-50%) rotateX(var(--rx)) rotateY(var(--ry)) rotate(var(--tilt));transition:opacity .3s ease}.orbit-design{width:72%;aspect-ratio:1;--rx: 67deg;--ry: -14deg}.orbit-society{width:84%;aspect-ratio:1;--rx: 57deg;--ry: 27deg}.orbit-culture{width:66%;aspect-ratio:1;--rx: 72deg;--ry: -34deg}.orbit:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--axis-color);left:14%;top:8%;box-shadow:0 0 16px var(--axis-color)}.orbit-label{position:absolute;left:8%;top:16%;color:var(--axis-color);opacity:.8}.orbit.is-muted{opacity:.08}.nodes{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0}.event-node{position:absolute;transform:translate(-50%,-50%) scale(var(--depth-scale, 1));border:0;background:transparent;padding:0;cursor:pointer;text-align:left;display:grid;grid-template-columns:auto 24px auto;gap:7px;align-items:center;opacity:0;animation:node-in .7s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--delay);transition:opacity .25s ease,filter .25s ease,transform .36s cubic-bezier(.2,.8,.2,1)}@keyframes node-in{0%{opacity:0}to{opacity:.72}}.node-year{writing-mode:vertical-rl;transform:rotate(180deg);color:#797971;font-size:8px;letter-spacing:.14em}.node-thumb{width:24px;height:24px;display:block;border-radius:50%;overflow:hidden;border:1px solid color-mix(in srgb,var(--axis-color) 72%,#070707);background:#11110f;box-shadow:0 0 0 3px #070707;transition:width .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.node-thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.75) brightness(.7) contrast(1.12);transition:filter .25s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.node-copy{display:flex;flex-direction:column;width:max-content;max-width:112px;gap:2px}.node-copy strong{font-size:clamp(7px,.58vw,9px);line-height:1.2;font-weight:500;letter-spacing:.06em;color:#a9a9a2}.node-copy small{font-size:5px;letter-spacing:.13em;color:#555550}.event-node:hover,.event-node:focus-visible,.event-node.is-linked,.event-node.is-selected{opacity:1;z-index:10}.event-node:hover,.event-node:focus-visible{transform:translate(-50%,-50%) scale(calc(var(--depth-scale, 1) * 1.12))}.event-node:hover .node-thumb,.event-node:focus-visible .node-thumb,.event-node.is-selected .node-thumb{width:30px;height:30px;box-shadow:0 0 16px color-mix(in srgb,var(--axis-color) 50%,transparent)}.event-node:hover .node-thumb img,.event-node:focus-visible .node-thumb img,.event-node.is-selected .node-thumb img{filter:grayscale(.2) brightness(.92) contrast(1.04);transform:scale(1.08)}.event-node.is-selected .node-copy strong,.event-node.is-linked .node-copy strong{color:#f5f5ef}.event-node.is-muted{opacity:.08!important;pointer-events:none}.node-preview{position:fixed;z-index:40;right:28px;top:50%;width:292px;min-height:118px;transform:translateY(-50%);display:grid;grid-template-columns:94px 1fr;gap:14px;padding:11px;border-top:1px solid var(--axis-color);background:color-mix(in srgb,#11110f 94%,transparent);box-shadow:0 16px 45px #000;pointer-events:none;animation:node-preview-in .22s cubic-bezier(.2,.8,.2,1) both}.node-preview>img{width:94px;height:96px;object-fit:cover;filter:grayscale(.65) contrast(1.08) brightness(.76)}.node-preview>div{min-width:0}.node-preview p{margin:2px 0 9px;color:var(--axis-color);font-size:7px;letter-spacing:.12em}.node-preview h2{margin:0 0 5px;color:#eeeeea;font-size:14px;line-height:1.25;font-weight:400;letter-spacing:.04em}.node-preview small{display:-webkit-box;overflow:hidden;color:#8f8f88;font-family:Microsoft YaHei UI,PingFang SC,sans-serif;font-size:9px;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical}@keyframes node-preview-in{0%{opacity:0;margin-top:6px}to{opacity:1;margin-top:0}}.detail-card{position:absolute;z-index:15;right:34px;bottom:26px;width:min(330px,29vw);border-top:2px solid var(--axis-color);background:#11110f;padding:14px 16px 15px;box-shadow:0 24px 80px #000;animation:detail-in .26s cubic-bezier(.2,.8,.2,1) both}.detail-image{position:relative;margin:13px 0 0;height:128px;overflow:hidden;background:#191916}.detail-image img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.82) contrast(1.08) brightness(.72);transition:filter .24s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.detail-card:hover .detail-image img{filter:grayscale(.35) contrast(1.05) brightness(.82);transform:scale(1.025)}.detail-image figcaption{position:absolute;left:9px;bottom:8px;padding:4px 6px;color:#efefe8;background:#070707;font-size:7px;letter-spacing:.14em}@keyframes detail-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-topline,.detail-card footer{display:flex;align-items:center;justify-content:space-between}.detail-topline>span,.detail-card footer>span{color:var(--axis-color);font-size:8px;letter-spacing:.16em}.detail-topline button,.detail-card footer button{border:0;background:transparent;padding:3px;color:#777770;cursor:pointer}.detail-topline svg,.detail-card footer svg{width:14px;height:14px}.detail-year{margin-top:10px;font-size:58px;line-height:.9;letter-spacing:-.07em;font-weight:700;color:#e8e8e1}.detail-card h1{font-size:18px;font-weight:500;letter-spacing:.06em;margin:14px 0 3px}.detail-en{margin:0 0 13px;color:var(--axis-color)}.detail-note{margin:0;color:#9a9a93;font-family:Helvetica Neue,Arial,sans-serif;font-size:11px;line-height:1.7}.detail-card footer{border-top:1px solid #2b2b27;margin-top:15px;padding-top:10px}.detail-card footer div{display:flex;gap:7px}.year-rail{position:absolute;z-index:20;left:0;right:0;bottom:0;height:72px;padding:0 34px;display:flex;align-items:center;gap:22px;border-top:1px solid #242424;background:#070707}.rail-caption{font-size:10px;color:#777770}.rail-years{flex:1;display:flex;justify-content:space-between;position:relative}.rail-years:before{content:"";position:absolute;top:6px;left:0;right:0;height:1px;background:#31312e}.rail-years button{position:relative;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:8px;padding:2px 6px;color:#55554f;font-size:8px;cursor:pointer}.rail-years i{position:relative;z-index:1;display:block;width:8px;height:8px;border:2px solid #070707;border-radius:50%;background:#55554f}.rail-years button:hover,.rail-years button.active{color:#f4f4ee}.rail-years button.active i{background:#d8ff4f;box-shadow:0 0 14px #d8ff4f}@media(max-width:900px){.site-header{grid-template-columns:1fr 1fr}.era{display:none}.orbit-stage{left:12%;right:20%}.detail-card{width:220px;right:24px}}@media(max-width:640px){body{overflow:hidden}.experience{width:100vw;min-width:0;min-height:640px}.site-header{height:70px;padding:0 16px}.wordmark{gap:8px}.wordmark span{font-size:17px}.wordmark small,.motion-control span{display:none}.field{top:70px;right:0;bottom:58px;left:0}.axis-nav{left:16px;right:16px;top:13px;width:auto;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #282828}.axis-nav .eyebrow{grid-column:1 / -1;margin:0 0 8px}.axis-nav>button{border-top:0;padding:9px 0;font-size:10px;white-space:nowrap}.axis-nav>button span{display:none}.axis-nav>button:hover,.axis-nav>button.active{padding-left:0;color:var(--axis-color, #d8ff4f)}.axis-hint,.speed-panel{display:none}.orbit-stage{left:-21%;right:-21%;top:80px;bottom:206px}.stage-title span{font-size:76px}.stage-title:not(.is-selected) span{font-size:26px;letter-spacing:.08em}.stage-title p{display:none}.node-copy{max-width:74px}.node-copy strong{font-size:6px}.node-copy small,.node-year,.node-preview{display:none}.event-node{grid-template-columns:18px auto;gap:5px}.node-thumb{width:18px;height:18px}.event-node:hover .node-thumb,.event-node:focus-visible .node-thumb,.event-node.is-selected .node-thumb{width:23px;height:23px}.orbit-label{font-size:7px}.detail-card{left:16px;right:16px;bottom:10px;width:auto;min-height:318px;padding:12px 14px}.detail-year{display:none}.detail-image{height:112px;margin-top:12px}.detail-card h1{margin-top:12px;max-width:65%;font-size:16px;font-weight:500}.detail-note{max-width:75%;font-size:10px;line-height:1.55}.detail-card footer{position:absolute;left:14px;right:14px;bottom:10px}.year-rail{height:58px;padding:0 14px;gap:8px}.rail-caption{display:none}.rail-years button{padding-inline:2px;font-size:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}