.art-page{--bg:#f7f5ee;--bg-2:#efebe0;--ink:#1a1813;--ink-2:#5a554a;--ink-3:#8e8a7e;--line:#d8d3c5;--line-2:#1a1813;--accent:#9a3a1f;--accent-soft:#9a3a1f18;background:var(--bg);color:var(--ink);font-family:var(--font-mona-sans),system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.art-page *{box-sizing:border-box}.art-page .lang-toolbar{position:fixed;top:14px;right:14px;z-index:200;background:var(--bg);border:1px solid var(--line);padding:4px;display:flex;gap:2px;font:11px var(--font-jetbrains),monospace}@media (max-width:768px){.art-page .nav-r{display:none}}.art-page .lang-toolbar button{padding:5px 10px;background:transparent;border:0;color:var(--ink-3);cursor:pointer;font:inherit;letter-spacing:.05em}.art-page .lang-toolbar button.on{background:var(--ink);color:var(--bg)}.art-page .nav{display:flex;justify-content:space-between;align-items:baseline;padding:24px 160px 24px 48px;border-bottom:1px solid var(--line)}.art-page .nav-l{font:500 13px var(--font-jetbrains),monospace;color:var(--ink);letter-spacing:.02em}.art-page .nav-l a{color:var(--ink-3);text-decoration:none}.art-page .nav-l a:hover{color:var(--ink)}.art-page .nav-l .sep{color:var(--ink-3);margin:0 6px}.art-page .nav-l .here{color:var(--accent)}.art-page .nav-r{font:10px var(--font-jetbrains),monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3)}.art-page .hero{padding:120px 48px 100px;border-bottom:1px solid var(--line);position:relative}.art-page .hero-year{font:500 11px var(--font-jetbrains),monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-3);text-align:center;margin-bottom:80px}.art-page .hero-title{text-align:left;max-width:1140px;margin:0 auto;padding:0 20px}.art-page .hero-title h1{font-family:var(--font-mona-sans),sans-serif;font-weight:500;color:var(--ink);line-height:.95;letter-spacing:-.022em;margin:0}.art-page .hero-title h1 .row{display:flex;align-items:baseline;gap:0;white-space:nowrap}.art-page .hero-title h1 .row+.row{margin-top:.18em}.art-page .hero-title h1 .item{display:inline-block;transition:opacity .4s ease,transform .4s ease}.art-page .hero-title h1 .item:hover{opacity:1!important;transform:translateY(-2px)}.art-page .hero-title h1 .lg{font-size:clamp(48px,6.4vw,82px);font-weight:500}.art-page .hero-title h1 .md{font-size:clamp(36px,4.8vw,60px);font-weight:400;color:var(--ink-2);letter-spacing:-.015em}.art-page .hero-title h1 .sm{font-size:clamp(28px,3.6vw,46px);font-weight:400;color:var(--ink-3);letter-spacing:-.01em}.art-page .hero-title h1 .row.indent-1{padding-left:6vw}.art-page .hero-title h1 .row.indent-2{padding-left:12vw}.art-page .hero-title h1 .row.indent-3{padding-left:3vw}.art-page .hero-tools{margin-top:80px;font:500 13px var(--font-jetbrains),monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);text-align:center}.art-page .hero-tools span{margin:0 8px}.art-page .hero-tools .slash{color:var(--ink-3);margin:0 4px}.art-page .hero-tools .lead-in{display:block;font:400 italic 12px var(--font-mona-sans),sans-serif;letter-spacing:0;text-transform:none;color:var(--ink-3);margin-bottom:14px}.art-page .hero-scroll{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font:500 9px var(--font-jetbrains),monospace;letter-spacing:.4em;text-transform:uppercase;color:var(--ink-3)}.art-page .hero-title h1 .row{opacity:0;transform:translateY(14px)}.art-page .hero-title h1 .row:first-child{animation-delay:.15s}.art-page .hero-title h1 .row:nth-child(2){animation-delay:.25s}.art-page .hero-title h1 .row:nth-child(3){animation-delay:.35s}.art-page .hero-title h1 .row:nth-child(4){animation-delay:.45s}.art-page .hero-title h1 .row:nth-child(5){animation-delay:.55s}@media (prefers-reduced-motion:no-preference){.art-page .hero-title h1 .row{animation:artHeroRow .9s cubic-bezier(.2,.6,.2,1) forwards}.art-page .hero-scroll{animation:artBob 2.4s ease-in-out infinite}}@media (prefers-reduced-motion:reduce){.art-page .hero-title h1 .row,.art-page .tile,.art-page .tile-wrap .meta{opacity:1;transform:none}}@keyframes artHeroRow{to{opacity:1;transform:translateY(0)}}@keyframes artBob{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(4px)}}.art-page .zone-strip{padding:32px 48px;background:var(--bg-2);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.art-page .zone-thumb{display:block;text-decoration:none;color:var(--ink);position:relative;border-top:2px solid var(--line-2);padding:14px 0 0;transition:opacity .2s}.art-page .zone-thumb:hover{opacity:.7}.art-page .zone-thumb .n{font:500 10px var(--font-jetbrains),monospace;letter-spacing:.2em;color:var(--ink-3)}.art-page .zone-thumb .t{font-family:var(--font-mona-sans),sans-serif;font-weight:500;font-size:17px;letter-spacing:-.012em;line-height:1.18;margin-top:6px;color:var(--ink)}.art-page .zone-thumb .c{font:500 10px var(--font-jetbrains),monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);margin-top:10px}.art-page .zone-thumb.active .n{color:var(--accent)}.art-page .zone-thumb.active{border-top-color:var(--accent)}.art-page .zone{padding:96px 48px 48px;scroll-margin-top:24px}.art-page .zone-head{display:grid;grid-template-columns:120px 1fr auto;gap:48px;align-items:baseline;padding-bottom:32px;border-bottom:1px solid var(--line-2);margin-bottom:48px}.art-page .zone-num{font:500 11px var(--font-jetbrains),monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3)}.art-page .zone-num b{color:var(--ink);font-weight:500;font-size:13px}.art-page .zone-title-block{display:flex;flex-direction:column;gap:8px}.art-page .zone-title{font-family:var(--font-mona-sans),sans-serif;font-weight:500;font-size:40px;letter-spacing:-.02em;line-height:1.02;color:var(--ink)}.art-page .zone-manifesto{font:400 16px var(--font-mona-sans),sans-serif;line-height:1.55;color:var(--ink-2);max-width:520px;letter-spacing:-.005em}.art-page .zone-count{font:500 10px var(--font-jetbrains),monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.art-page .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.art-page .tile-wrap{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;background:transparent;border:0;padding:0;text-align:left;font:inherit;cursor:pointer}.art-page .tile-wrap[data-clickable=false]{cursor:default}.art-page .tile-wrap .meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:0 2px;opacity:0;transform:translateY(4px);transition:opacity .6s ease,transform .6s ease}.art-page .tile-wrap.is-in .meta{opacity:1;transform:translateY(0)}.art-page .tile-wrap .meta .t{font-family:var(--font-mona-sans),sans-serif;font-weight:500;font-size:14px;color:var(--ink);letter-spacing:-.005em;line-height:1.3;flex:1;min-width:0}.art-page .tile-wrap .meta .tag{font:500 10px var(--font-jetbrains),monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;flex-shrink:0}.art-page .tile-wrap[data-clickable=true]:hover .meta .t{color:var(--accent)}.art-page .tile{position:relative;overflow:hidden;background:#1a1a1a;display:block;text-decoration:none;opacity:0;transform:translateY(8px);transition:opacity .8s ease,transform .8s ease}.art-page .tile-wrap.is-in .tile{opacity:1;transform:translateY(0)}.art-page .tile img,.art-page .tile video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.6,.2,1)}.art-page .tile-wrap[data-clickable=true]:hover .tile img,.art-page .tile-wrap[data-clickable=true]:hover .tile video{transform:scale(1.025)}.art-page .tile .badge{position:absolute;top:12px;right:12px;font:500 9px var(--font-jetbrains),monospace;letter-spacing:.2em;text-transform:uppercase;padding:5px 9px;background:rgba(0,0,0,.55);color:#fff;backdrop-filter:blur(8px);border-radius:2px;display:inline-flex;align-items:center;gap:5px}.art-page .tile .badge.live:before{content:"";width:6px;height:6px;border-radius:50%;background:#a8c862;animation:artLivepulse 2s ease-in-out infinite}@keyframes artLivepulse{0%,to{opacity:1}50%{opacity:.35}}.art-page .tile .badge.zoom{opacity:0;transition:opacity .25s}.art-page .tile-wrap[data-clickable=true]:hover .tile .badge.zoom{opacity:.92}.art-page .tile-wrap.span-half{grid-column:span 6}.art-page .tile-wrap.span-wide{grid-column:span 8}.art-page .tile-wrap.span-narrow,.art-page .tile-wrap.span-square,.art-page .tile-wrap.span-tall{grid-column:span 4}.art-page .tile-wrap.span-feature,.art-page .tile-wrap.span-full{grid-column:span 12}.art-page .tile.span-half{aspect-ratio:4/3}.art-page .tile.span-wide{aspect-ratio:16/10}.art-page .tile.span-narrow{aspect-ratio:3/4}.art-page .tile.span-tall{aspect-ratio:2/3}.art-page .tile.span-square{aspect-ratio:1/1}.art-page .tile.span-full{aspect-ratio:21/9}.art-page .tile.placeholder-tile{background:var(--accent-soft);border:1px dashed var(--accent);opacity:1;transform:none}.art-page .tile-wrap.is-placeholder{cursor:default}.art-page .tile.placeholder-tile .placeholder-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center}.art-page .tile.placeholder-tile .placeholder-mark{font:500 10px var(--font-jetbrains),monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.art-page .tile.placeholder-tile .placeholder-name{font:500 16px var(--font-mona-sans),sans-serif;color:var(--ink);letter-spacing:-.01em;line-height:1.35;max-width:90%;overflow-wrap:anywhere}.art-page[lang=zh-Hant] .tile.placeholder-tile .placeholder-name{font-family:var(--font-noto-sans-tc),sans-serif}.art-page .tile.placeholder-tile .placeholder-tool{font:500 9px var(--font-jetbrains),monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.art-page .tile-wrap.is-placeholder .meta{display:none}.art-page .tile-play-static{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;display:grid;place-items:center;padding-left:4px;pointer-events:none;z-index:2;transition:transform .2s ease,background .2s ease}.art-page .tile-wrap[data-clickable=true]:hover .tile-play-static{transform:translate(-50%,-50%) scale(1.08);background:rgba(0,0,0,.78)}.art-page .lb{position:fixed;inset:0;z-index:300;background:rgba(7,6,5,.96);display:none;align-items:center;justify-content:center;padding:48px}.art-page .lb.show{display:flex;animation:artLbfade .4s ease}@keyframes artLbfade{0%{opacity:0}to{opacity:1}}.art-page .lb-frame{max-width:min(94vw,1280px);max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:18px}.art-page .lb-frame img,.art-page .lb-frame video{max-width:100%;max-height:78vh;display:block;box-shadow:0 30px 100px rgba(0,0,0,.7);background:#000}.art-page .lb-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;width:100%;padding-top:14px;border-top:1px solid hsla(0,0%,100%,.1);max-width:880px}.art-page .lb-meta .lhs .tag{font:500 10px var(--font-jetbrains),monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.art-page .lb-meta .lhs .t{font:500 17px var(--font-mona-sans),sans-serif;color:#fff;letter-spacing:-.005em;line-height:1.3}.art-page .lb-meta .rhs{font:500 10px var(--font-jetbrains),monospace;letter-spacing:.18em;text-transform:uppercase;color:hsla(0,0%,100%,.45);text-align:right;line-height:1.9}.art-page .lb-meta .rhs span{display:block}.art-page .lb-meta .rhs .keys{margin-top:10px;color:hsla(0,0%,100%,.3);font-size:9px;letter-spacing:.3em}.art-page .lb-close{position:absolute;top:24px;right:32px;background:transparent;border:0;cursor:pointer;font:500 11px var(--font-jetbrains),monospace;letter-spacing:.2em;text-transform:uppercase;color:hsla(0,0%,100%,.5);padding:8px 14px}.art-page .lb-close:hover{color:#fff}.art-page .lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:0;cursor:pointer;font:300 36px var(--font-mona-sans),sans-serif;color:hsla(0,0%,100%,.4);padding:18px 22px;transition:color .2s}.art-page .lb-nav:hover{color:var(--accent)}.art-page .lb-prev{left:28px}.art-page .lb-next{right:28px}.art-page .foot{padding:80px 48px 64px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:24px}.art-page .foot-back{font:500 12px var(--font-jetbrains),monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:12px 22px;border:1px solid var(--line-2);transition:background .25s,color .25s}.art-page .foot-back:hover{background:var(--ink);color:var(--bg)}.art-page .foot-sig{font:500 10px var(--font-jetbrains),monospace;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-3)}.art-page .cta{padding:80px 48px 60px;border-top:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;align-items:center;gap:12px}.art-page .cta .cta-kicker{font:500 10px var(--font-jetbrains),monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-3)}.art-page .cta .cta-line{font:500 14px var(--font-jetbrains),monospace;letter-spacing:.04em;color:var(--ink);text-align:center;line-height:1.7}.art-page .cta .cta-line .dot{color:var(--accent);margin:0 10px;font-weight:500}.art-page .cta .cta-line a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink-3);transition:border-color .2s,color .2s;padding-bottom:1px}.art-page .cta .cta-line a:hover{color:var(--accent);border-bottom-color:var(--accent)}.art-page[lang=zh-Hant] .hero-title h1{font-family:var(--font-noto-sans-tc),sans-serif;letter-spacing:.01em}.art-page[lang=zh-Hant] .hero-title h1 .lg{font-size:clamp(44px,5.6vw,72px);font-weight:500}.art-page[lang=zh-Hant] .hero-title h1 .md{font-size:clamp(32px,4.2vw,54px);font-weight:400;color:var(--ink-2)}.art-page[lang=zh-Hant] .hero-title h1 .sm{font-size:clamp(26px,3.4vw,42px);font-weight:300;color:var(--ink-3)}.art-page[lang=zh-Hant] .series-hero-text h3,.art-page[lang=zh-Hant] .zone-thumb .t,.art-page[lang=zh-Hant] .zone-title{font-family:var(--font-noto-sans-tc),sans-serif;font-weight:500;letter-spacing:0}.art-page[lang=zh-Hant] .empty .t,.art-page[lang=zh-Hant] .tile-wrap .meta .t,.art-page[lang=zh-Hant] .zone-manifesto{font-family:var(--font-noto-sans-tc),sans-serif;letter-spacing:0}.art-page[lang=zh-Hant] .lb-meta .lhs .t{font-family:var(--font-noto-sans-tc),sans-serif}.art-page[lang=zh-Hant] .cta .cta-line{font-family:var(--font-noto-sans-tc),var(--font-jetbrains),monospace;letter-spacing:.02em}.art-page[lang=zh-Hant] .hero-tools .lead-in,.art-page[lang=zh-Hant] .series-hero-text .sub{font-family:var(--font-noto-sans-tc),sans-serif}.art-page[lang=zh-Hant] .hero-tools .lead-in{font-style:normal}@media (max-width:900px){.art-page .nav{padding:18px 110px 18px 24px}.art-page .hero{padding:80px 24px 64px}.art-page .hero-year{margin-bottom:48px}.art-page .hero-tools{margin-top:48px;font-size:11px;letter-spacing:.12em}.art-page .zone-strip{grid-template-columns:repeat(2,1fr);padding:24px;gap:10px}.art-page .zone{padding:64px 24px 32px}.art-page .zone-head{grid-template-columns:1fr;gap:12px;padding-bottom:24px;margin-bottom:32px}.art-page .zone-count{text-align:left}.art-page .zone-title{font-size:30px}.art-page .grid{gap:12px}.art-page .tile-wrap.span-half,.art-page .tile-wrap.span-sq,.art-page .tile-wrap.span-tall,.art-page .tile-wrap.span-wide{grid-column:span 12}.art-page .tile.span-half,.art-page .tile.span-sq,.art-page .tile.span-tall,.art-page .tile.span-wide{aspect-ratio:16/10}.art-page .foot{padding:48px 24px}}@media (max-width:560px){.art-page .hero-title h1 .lg,.art-page .hero-title h1 .md,.art-page .hero-title h1 .sm{font-size:36px;letter-spacing:-.03em}.art-page .hero-tools{font-size:10px}.art-page .zone-strip{grid-template-columns:1fr 1fr}}