:root{color-scheme:light;--paper:#f3f4ef;--ink:#202b25;--muted:#667068;--line:#d2d8cd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'PingFang SC','Hiragino Sans GB',sans-serif}header,main,footer{width:min(1320px,90%);margin:auto}header{height:106px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{font: bold 30px Georgia,serif;letter-spacing:-1px;text-decoration:none;color:inherit;display:flex;align-items:center;gap:20px}.wordmark span{font:14px 'PingFang SC',sans-serif;letter-spacing:2px;border-left:1px solid var(--line);padding-left:20px}.domain{font:13px monospace;letter-spacing:2px;color:var(--muted)}.intro{display:flex;align-items:flex-end;justify-content:space-between;margin:54px 0 34px;gap:24px}.eyebrow{font-size:14px;letter-spacing:3px;margin:0 0 17px;color:var(--muted)}h1{font-family:'Songti SC','STSong',serif;font-size:clamp(34px,4vw,54px);font-weight:500;letter-spacing:2px;margin:0;line-height:1.35}.intro-note{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 4px}.mobile{display:none}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{position:relative;overflow:hidden;text-align:left;border:0;padding:30px 34px 34px;min-height:486px;border-radius:4px;cursor:pointer;color:inherit;font:inherit;transition:transform .3s,box-shadow .3s;animation:arrive .7s both}.card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #19282020}.card:focus-visible{outline:3px solid #b55c32;outline-offset:5px}.museum{background:#253a30;color:#e8ebd9}.projects{background:#dce6ec;color:#273b50;animation-delay:.12s}.card-top{display:flex;justify-content:space-between;align-items:center;font:13px monospace;letter-spacing:1px;gap:12px}.tag{font:12px 'PingFang SC',sans-serif;border:1px solid currentColor;border-radius:24px;padding:6px 10px;opacity:.65}.card-art{height:252px;position:relative;padding-top:32px;overflow:hidden}.big-type{font:clamp(65px,7.5vw,112px) Georgia,serif;letter-spacing:-5px;opacity:.2;line-height:1.2;display:block;white-space:nowrap}.projects .big-type{font-style:italic;opacity:.3}.vertical{position:absolute;right:0;top:39px;writing-mode:vertical-rl;font:11px monospace;letter-spacing:3px;opacity:.55}.rule{height:1px;background:currentColor;opacity:.2;width:78%;margin-top:12px}.artifact{display:block;font-family:'Songti SC',serif;font-size:18px;letter-spacing:5px;line-height:1.6;margin-top:12px;opacity:.7}.card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.english{font:12px monospace;letter-spacing:2px;opacity:.65;margin:0 0 10px}h2{font-family:'Songti SC','STSong',serif;font-size:36px;font-weight:500;letter-spacing:2px;margin:0 0 13px}.description{font-size:14px;line-height:1.7;opacity:.75;margin:0}.arrow{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:47px;height:47px;flex-shrink:0;font-size:25px;transition:background .2s}.card:hover .arrow{background:#ffffff20}footer{display:flex;justify-content:space-between;gap:20px;padding:29px 0;margin-top:30px;border-top:1px solid var(--line);font-size:13px;letter-spacing:1px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:8px;padding:32px;width:min(500px,90vw);background:var(--paper);color:var(--ink)}dialog::backdrop{background:#10201988;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font:13px monospace;color:var(--muted)}.close{background:transparent;border:0;font-size:30px;cursor:pointer;color:inherit}dialog p{line-height:1.9;color:var(--muted)}.back{margin-top:20px;background:var(--ink);color:white;border:0;padding:13px 22px;font:inherit;border-radius:3px;cursor:pointer}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){header{height:80px}.wordmark{font-size:25px}.domain{display:none}.intro{display:block;margin:34px 0 26px}.intro-note{margin-top:20px}.cards{grid-template-columns:1fr;gap:18px}.card{min-height:420px;padding:24px}.card-art{height:216px}.big-type{font-size:90px}.tag{font-size:12px}.card-top{font-size:12px}h2{font-size:31px}footer{font-size:12px;flex-wrap:wrap;margin-top:24px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
