@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600&display=swap');
:root{--burgundy:#4b1d2a;--burgundy2:#642c3b;--gold:#dfb965;--cream:#faf6ee;--ink:#422b2a;--muted:#786a61;--line:#e7d9c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 system-ui,-apple-system,'Noto Sans TC',sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #d9a83f;outline-offset:3px}.skip{position:absolute;left:-9999px;top:0;background:white;padding:10px;z-index:99}.skip:focus{left:10px}.site-header{background:var(--burgundy);color:white}.header-inner{max-width:1200px;margin:auto;padding:14px 22px;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:#f2d48d;text-decoration:none;font:600 20px Georgia,serif;letter-spacing:.08em;white-space:nowrap}.brand small{display:block;font:11px/1.3 system-ui,sans-serif;letter-spacing:.12em;color:#dfb965}.seal{display:grid;place-items:center;width:50px;height:50px;border:2px solid var(--gold);border-radius:50%;font-size:25px}.site-header nav{display:flex;align-items:center;gap:17px;flex-wrap:wrap;justify-content:flex-end}.site-header nav a{font-size:13px;text-decoration:none;white-space:nowrap}.site-header nav a:hover,.site-header nav a.active{color:#f0cf85}.site-header select{font:14px system-ui,sans-serif;background:white;border:1px solid #d7c5bc;border-radius:6px;padding:8px;max-width:140px}.menu-toggle{display:none;background:transparent;border:1px solid var(--gold);color:#f1d49a;border-radius:8px;padding:8px 12px;font:600 15px system-ui,sans-serif;cursor:pointer}.hero{background:radial-gradient(ellipse at 50% 120%,#743b4a 0,transparent 60%),linear-gradient(135deg,#431927,#5c2737);color:#fff2d8;text-align:center;padding:clamp(65px,8vw,115px) 20px}.hero-inner{max-width:850px;margin:auto}.eyebrow{color:#d7b66c;font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase}.eyebrow.dark{color:#9b7134}.hero h1{font:600 clamp(35px,5.3vw,66px)/1.2 Georgia,'Noto Serif TC',serif;margin:18px 0}.hero p{font-size:clamp(16px,2vw,20px);color:#f1dfce;margin:0 auto 30px;max-width:700px}.hero-link{display:inline-block;background:#dfb965;color:#351b22;text-decoration:none;border-radius:7px;padding:11px 22px;font-weight:700}.hero-link:hover{background:#f1d38d}.container{max-width:1160px;margin:auto;padding:58px 22px 85px}.section-intro{text-align:center;margin-bottom:32px}.section-intro h2,.about h2,.exhibit h2{font:600 clamp(27px,3.2vw,40px)/1.25 Georgia,'Noto Serif TC',serif;color:#592535;margin:10px 0 20px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.gallery-card{background:white;text-decoration:none;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 7px 25px #43271d0b;transition:transform .18s,box-shadow .18s}.gallery-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #43271d19}.card-art{height:170px;background:linear-gradient(135deg,#684250,#9a7268);display:flex;align-items:center;justify-content:center;position:relative;color:#eecf95}.art-house{background:linear-gradient(135deg,#78503d,#b08d6c)}.art-guangzhou{background:linear-gradient(135deg,#565b58,#8e9b8a)}.art-work{background:linear-gradient(135deg,#584e4a,#998277)}.art-memories{background:linear-gradient(135deg,#4e3c46,#957f8c)}.art-migration{background:linear-gradient(135deg,#334c5a,#708c9c)}.art-symbol{font:72px Georgia,'Noto Serif TC',serif;opacity:.9}.art-number{position:absolute;top:14px;left:18px;font-size:13px;letter-spacing:.15em;color:#fff4dc}.card-body{padding:23px 25px 22px;min-height:183px;position:relative}.card-body h3{font:600 23px/1.3 Georgia,'Noto Serif TC',serif;color:#5d2837;margin:0 0 9px}.card-body p{font-size:14px;color:#68574f;margin:0 0 20px}.card-arrow{position:absolute;right:22px;bottom:15px;color:#8a5d31;font-size:24px}.about{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center;margin-top:70px;background:#fffaf1;border:1px solid var(--line);border-radius:14px;padding:clamp(25px,4vw,45px)}.about p{max-width:700px}.privacy{font-size:13px;color:var(--muted)}.about-links,.resource-links{display:flex;flex-direction:column;gap:12px}.about-links a,.resource-links a{display:block;background:white;border:1px solid var(--line);border-radius:8px;padding:13px 16px;color:#662f3e;text-decoration:none;font-weight:700}.about-links a:hover,.resource-links a:hover{background:#f9eddb}.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:22px}.breadcrumbs a{color:#6d3040}.exhibit{background:white;border:1px solid var(--line);border-radius:15px;padding:clamp(25px,5vw,56px);max-width:920px;margin:auto}.exhibit-number{font-size:12px;color:#9a733c;letter-spacing:.13em;font-weight:700}.exhibit .lead{font-size:19px;color:#64534b}.story{border-left:4px solid var(--gold);padding:10px 23px;margin:30px 0;background:#faf6ed}.story h3{color:#5d2837}.future{background:#f5ecdc;border-radius:8px;padding:19px;margin:26px 0;color:#695546}.resource-links{flex-direction:row;flex-wrap:wrap}footer{text-align:center;background:#f1e7d8;padding:25px;color:#765f55;font-size:13px}footer span{margin-left:12px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1040px){.header-inner{flex-wrap:wrap;justify-content:center}.site-header nav{justify-content:center}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.header-inner{justify-content:space-between;min-height:76px}.brand{font-size:16px}.seal{width:42px;height:42px}.menu-toggle{display:block}.site-header nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:10px 0}.site-header nav.open{display:flex}.site-header nav a{padding:11px 6px;border-bottom:1px solid #ffffff20;font-size:15px}.site-header nav select{margin-top:12px;max-width:none}.gallery-grid{grid-template-columns:1fr}.card-art{height:145px}.about{grid-template-columns:1fr}.container{padding:40px 18px 65px}.hero{padding:60px 18px}.resource-links{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery-card{transition:none}}

/* Phase 5: read-only, public photo archive gallery */
.museum-archive{margin:30px 0}.museum-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:18px;margin:20px 0}.museum-media-card{border:1px solid #e4d6c5;border-radius:12px;overflow:hidden;background:#fff;color:#3f2830}.museum-media-card img,.museum-media-card video{width:100%;height:185px;object-fit:contain;background:#f5eee3;display:block}.museum-media-card figcaption{padding:12px;overflow-wrap:anywhere;font-size:14px}.museum-media-card a{color:#6c293a}.museum-media-card figure{margin:0}