@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap";
:root{--bg:#0b0d10;--surface:#11151a;--surface-2:#171c22;--text:#f1f3f4;--muted:#8f9aa8;--line:#28303a;--line-strong:#3c4856;--accent:#69e0c5;--accent-2:#f0c578;--blue:#8fb6ff;--shadow:#00000047}:root[data-theme=light]{--bg:#f4f5f1;--surface:#fff;--surface-2:#e8ece8;--text:#15191d;--muted:#69747a;--line:#d8dedc;--line-strong:#aeb9b5;--accent:#087f78;--accent-2:#a36e2d;--blue:#4166a5;--shadow:#1828221f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Space Grotesk,PingFang SC,Microsoft YaHei,sans-serif;transition:background .35s,color .35s}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}.site-shell{max-width:1440px;margin:0 auto;padding:0 48px;overflow:hidden}.site-header{border-bottom:1px solid var(--line);z-index:3;justify-content:space-between;align-items:center;height:92px;display:flex;position:relative}.brand{letter-spacing:.02em;align-items:center;gap:12px;display:flex}.brand-mark{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--accent);place-items:center;font:600 11px IBM Plex Mono,monospace;display:grid}.brand strong{font-size:15px;font-weight:600;display:block}.brand small{color:var(--muted);letter-spacing:.1em;margin-top:3px;font:10px IBM Plex Mono,monospace;display:block}.main-nav{gap:32px;margin-left:auto;margin-right:40px;display:flex}.main-nav a{color:var(--muted);letter-spacing:.1em;font:11px IBM Plex Mono,monospace;transition:color .2s}.main-nav a:hover{color:var(--text)}.theme-toggle{border:1px solid var(--line);min-width:82px;height:34px;color:var(--muted);background:0 0;justify-content:center;align-items:center;gap:8px;display:flex}.theme-toggle span{color:var(--accent-2);font-size:16px;line-height:1}.theme-toggle small{letter-spacing:.12em;font:10px IBM Plex Mono,monospace}.hero{grid-template-columns:1fr 1.15fr;align-items:center;gap:7vw;min-height:720px;padding:110px 0 76px;display:grid;position:relative}.hero-copy{align-self:center}.eyebrow,.section-kicker,.visual-label,.coordinate,.hero-meta,.card-meta,.timeline-year,.timeline-tag,.footer-bottom{letter-spacing:.12em;font:10px IBM Plex Mono,monospace}.eyebrow{color:var(--muted);align-items:center;gap:9px;display:flex}.status-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%, transparent);display:inline-block}h1,h2,h3,p{margin:0}.hero h1{letter-spacing:-.04em;margin:30px 0 32px;font-size:clamp(72px,11vw,156px);font-weight:500;line-height:.85}.hero h1 em{color:var(--accent);margin-left:.8em;font-style:normal}.hero-lead{color:var(--muted);margin-bottom:38px;font-size:17px;line-height:1.8}.text-link,.card-link{color:var(--text);letter-spacing:.1em;font:11px IBM Plex Mono,monospace}.text-link span,.card-link span{color:var(--accent);vertical-align:-1px;margin-left:7px;font-size:16px}.hero-visual{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);width:min(100%,600px);box-shadow:24px 24px 0 var(--surface-2);justify-self:end;position:relative;overflow:hidden}.hero-visual:before,.hero-visual:after{content:"";border:1px solid var(--line);position:absolute;inset:8%}.hero-visual:after{border-color:var(--line-strong);inset:17%}.visual-label{color:var(--muted);z-index:2;position:absolute}.visual-label-top{top:22px;left:24px}.visual-label-bottom{bottom:22px;right:24px}.scan-line{background:var(--accent);opacity:.65;z-index:1;height:1px;animation:5s linear infinite scan;position:absolute;left:9%;right:9%}.scan-line-one{top:30%}.scan-line-two{opacity:.3;animation-delay:2.5s;top:67%}@keyframes scan{0%,to{opacity:0;transform:translateY(-22px)}20%,80%{opacity:.65}50%{transform:translateY(180px)}}.archive-orbit{border:1px solid var(--line-strong);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)}.orbit-one{width:56%;height:30%;animation:16s linear infinite orbit}.orbit-two{border-color:var(--accent);opacity:.6;width:35%;height:65%;animation:12s linear infinite orbit-reverse;transform:translate(-50%,-50%)rotate(42deg)}.archive-orbit span{background:var(--accent-2);width:9px;height:9px;box-shadow:0 0 18px color-mix(in srgb,var(--accent-2) 65%, transparent);border-radius:50%;position:absolute;top:-5px;left:50%}@keyframes orbit{to{transform:translate(-50%,-50%)rotate(335deg)}}@keyframes orbit-reverse{to{transform:translate(-50%,-50%)rotate(-318deg)}}.archive-core{border:1px solid var(--accent);background:var(--bg);width:132px;height:132px;color:var(--accent);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.core-index{color:var(--accent-2);margin-bottom:10px;font:11px IBM Plex Mono,monospace}.core-name{text-align:center;letter-spacing:.13em;font:600 13px/1.2 IBM Plex Mono,monospace}.coordinate{color:var(--muted);line-height:1.6;position:absolute}.coordinate-a{text-align:right;top:33%;right:11%}.coordinate-b{bottom:29%;left:11%}.hero-meta{color:var(--muted);align-items:center;gap:14px;display:flex;position:absolute;bottom:8px;left:0}.scroll-line{background:var(--line-strong);width:52px;height:1px}.section-grid{border-top:1px solid var(--line);grid-template-columns:180px 1fr;column-gap:7vw;padding:100px 0;display:grid}.section-kicker{color:var(--muted);gap:12px;display:flex}.section-kicker span:first-child{color:var(--accent)}.prologue-content{max-width:780px}.prologue h2,.section-heading-row h2{letter-spacing:-.025em;font-size:clamp(32px,4.3vw,64px);font-weight:500;line-height:1.1}h2 span{color:var(--muted)}.prologue-content p{max-width:500px;color:var(--muted);margin-top:38px;font-size:16px;line-height:1.9}.prologue-aside{text-align:right;color:var(--muted);flex-direction:column;justify-self:end;gap:9px;font:11px/1.55 IBM Plex Mono,monospace;display:flex}.aside-number{color:var(--accent-2);font-size:60px;line-height:.9}.section-heading-row{justify-content:space-between;align-items:flex-end;margin-bottom:56px;display:flex}.section-heading-row>p{color:var(--muted);max-width:240px;font-size:13px;line-height:1.7}.timeline-list{border-top:1px solid var(--line);grid-column:2}.timeline-item{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--text);background:0 0;grid-template-columns:50px 140px 1.2fr 1.1fr 110px 22px;align-items:center;gap:16px;padding:25px 0;transition:padding .25s,background .25s;display:grid}.timeline-item:hover,.timeline-item.is-active{background:var(--surface);padding-left:14px;padding-right:14px}.timeline-index{color:var(--accent);font:12px IBM Plex Mono,monospace}.timeline-year,.timeline-tag{color:var(--muted)}.timeline-title{font-size:18px}.timeline-copy{color:var(--muted);font-size:13px}.timeline-arrow{color:var(--accent);font-size:18px}.timeline-detail{border:1px solid var(--line);background:var(--surface);grid-column:2;grid-template-columns:74px 1fr;gap:24px;margin-top:18px;padding:26px 28px;display:grid}.timeline-detail-index{color:var(--accent-2);font:500 38px/1 IBM Plex Mono,monospace}.timeline-detail-meta{color:var(--muted);letter-spacing:.12em;gap:18px;font:10px IBM Plex Mono,monospace;display:flex}.timeline-detail-meta span:last-child{color:var(--accent)}.timeline-detail h3{margin-top:13px;font-size:25px;font-weight:500}.timeline-detail p{max-width:620px;color:var(--muted);margin-top:12px;font-size:14px;line-height:1.8}.exhibition-heading{align-items:flex-end}.filter-wrap{flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:420px;display:flex}.filter-wrap button{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;background:0 0;padding:8px 10px;font:10px IBM Plex Mono,monospace}.filter-wrap button:hover,.filter-wrap .is-filter-active{color:var(--text);border-color:var(--accent)}.exhibition-grid{grid-column:2;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.exhibition-card{border:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:330px;transition:transform .25s,border-color .25s;display:flex}.exhibition-card:hover{border-color:var(--line-strong);transform:translateY(-5px)}.card-art{background:var(--surface-2);border-bottom:1px solid var(--line);justify-content:center;align-items:center;height:150px;margin:0;display:flex;position:relative;overflow:hidden}.card-art:before{content:"";border:1px solid var(--line-strong);position:absolute;inset:16px;transform:rotate(12deg)}.card-art:after{content:"";opacity:.5;border:1px solid;border-radius:50%;width:110px;height:110px;position:absolute}.tone-teal .card-art{color:var(--accent)}.tone-gold .card-art{color:var(--accent-2)}.tone-violet .card-art{color:#b3a1ed}.tone-blue .card-art{color:var(--blue)}.tone-coral .card-art{color:#e99a7d}.art-code{letter-spacing:.1em;font:10px IBM Plex Mono,monospace;position:absolute;top:14px;left:16px}.art-symbol{letter-spacing:.24em;z-index:1;font:28px IBM Plex Mono,monospace}.card-body{flex-direction:column;flex:1;padding:20px 18px 18px;display:flex}.card-meta{color:var(--muted);justify-content:space-between;display:flex}.card-body h3{margin:25px 0 10px;font-size:24px;font-weight:500}.card-body p{color:var(--muted);font-size:13px;line-height:1.7}.card-link{text-align:left;background:0 0;border:0;margin-top:auto;padding:28px 0 0}.archive-drawer-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#06090c9e;justify-content:flex-end;animation:.2s ease-out drawer-backdrop-in;display:flex;position:fixed;inset:0}.archive-drawer{border-left:1px solid var(--line-strong);background:var(--bg);width:min(520px,100vw);height:100%;box-shadow:-24px 0 48px var(--shadow);padding:28px;animation:.28s ease-out drawer-in;overflow-y:auto}.drawer-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.drawer-kicker{color:var(--muted);letter-spacing:.12em;gap:16px;font:10px IBM Plex Mono,monospace;display:flex}.drawer-kicker span:first-child{color:var(--accent)}.drawer-close{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:0 0;flex:none;font-size:22px;line-height:1}.drawer-close:hover{color:var(--text);border-color:var(--accent)}.drawer-art{aspect-ratio:1.55;height:auto;margin-top:30px}.drawer-content{padding-top:28px}.drawer-content h2{font-size:48px;font-weight:500;line-height:1}.drawer-copy{max-width:420px;color:var(--muted);margin-top:22px;font-size:16px;line-height:1.9}.drawer-record{border-top:1px solid var(--line);gap:0;margin:34px 0 0;display:grid}.drawer-record div{border-bottom:1px solid var(--line);grid-template-columns:86px 1fr;gap:16px;padding:14px 0;display:grid}.drawer-record dt{color:var(--muted);letter-spacing:.12em;font:10px IBM Plex Mono,monospace}.drawer-record dd{color:var(--text);margin:0;font-size:13px}.drawer-note{border-top:1px solid var(--line-strong);margin-top:34px;padding-top:16px}.drawer-note>span{color:var(--accent-2);letter-spacing:.12em;font:10px IBM Plex Mono,monospace}.drawer-note p{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.7}@keyframes drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes drawer-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.stats-grid{grid-column:2;grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stats-grid div{border-top:1px solid var(--line-strong);flex-direction:column;gap:10px;padding-top:16px;display:flex}.stats-grid strong{color:var(--accent);font:500 clamp(42px,5vw,72px)/.9 Space Grotesk,sans-serif}.stats-grid span{color:var(--muted);font:11px IBM Plex Mono,monospace}.site-footer{border-bottom:0;padding-bottom:42px}.footer-main{min-width:0}.footer-main>p{letter-spacing:-.025em;font-size:clamp(32px,4vw,58px);font-weight:500;line-height:1.15}.footer-main>p span{color:var(--muted)}.footer-bottom{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:86px;padding-top:22px;display:flex}@media (max-width:900px){.site-shell{padding:0 24px}.main-nav{gap:18px;margin-right:22px}.hero{grid-template-columns:1fr 1fr;gap:34px;min-height:620px;padding:80px 0 60px}.timeline-item{grid-template-columns:38px 110px 1fr 22px}.timeline-copy,.timeline-tag{display:none}.exhibition-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.site-shell{padding:0 18px}.site-header{height:76px}.main-nav{display:none}.theme-toggle{min-width:70px}.hero{flex-direction:column;align-items:stretch;gap:54px;min-height:auto;padding:64px 0 72px;display:flex}.hero h1{margin-top:24px;font-size:86px}.hero-visual{width:100%;box-shadow:12px 12px 0 var(--surface-2)}.hero-meta{bottom:16px}.section-grid{padding:72px 0;display:block}.section-kicker{margin-bottom:32px}.prologue-aside{display:none}.section-heading-row{margin-bottom:38px;display:block}.section-heading-row>p{margin-top:24px}.timeline-list{margin-top:32px}.timeline-item{grid-template-columns:34px 1fr 22px;gap:12px;padding:22px 0}.timeline-year{grid-area:1/2}.timeline-title{grid-area:2/2;font-size:17px}.timeline-index{grid-area:1/1/span 2;align-self:start;padding-top:2px}.timeline-arrow{grid-area:1/3/span 2}.timeline-detail{padding:22px;display:block}.timeline-detail-index{margin-bottom:18px}.exhibition-grid{grid-template-columns:1fr;gap:14px;display:grid}.filter-wrap{justify-content:flex-start;margin-top:30px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:36px 18px}.footer-bottom{flex-wrap:wrap;margin-top:56px}.archive-drawer-backdrop{align-items:flex-end}.archive-drawer{border-top:1px solid var(--line-strong);border-left:0;width:100%;height:auto;max-height:92vh;padding:22px 18px 28px;animation:.28s ease-out drawer-up}.drawer-art{margin-top:22px}.drawer-content{padding-top:22px}.drawer-content h2{font-size:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}