:root{--pine:#263f3b;--paper:#eee4ce;--ink:#302b23;--red:#8b352c;--line:#baac8d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Songti SC','Noto Serif CJK SC',serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:5px}.site-header{position:relative;z-index:10;width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:var(--pine);color:#f5ead4;gap:20px}.site-brand{display:flex;align-items:baseline;gap:15px;text-decoration:none;white-space:nowrap}.site-brand>span{font-size:27px;letter-spacing:4px}.site-brand small{font-size:12px;letter-spacing:3px;opacity:.75}.site-nav{display:flex;align-items:center;gap:26px;font:13px/1.6 'Songti SC',serif;white-space:nowrap}.site-nav a{text-decoration:none;padding:9px 0;border-bottom:1px solid transparent}.site-nav a[aria-current=page]{border-bottom-color:#e4c895;color:#ffe1a5}.site-nav a:hover{color:#ffe1a5}.local-header{height:55px!important;background:transparent!important;color:var(--ink)!important;border-bottom:1px solid #baac8d70}.local-header .seal{display:none}.local-header .brand{font-size:15px;letter-spacing:1px}.local-header .brand>span:last-child{font-size:15px}.local-header .choose,.local-header nav{font-size:12px}.instrument-page main{padding-top:20px}.instrument-page .exhibit{min-height:calc(100svh - 370px)}.instrument-page .drawing svg{max-height:calc(100svh - 390px)}.scores-page .book{min-height:calc(100svh - 215px)}.home{height:100svh;overflow:hidden;background:#18221e}.home .site-header{position:absolute;top:0;background:linear-gradient(#172721a6,transparent);height:95px;text-shadow:0 1px 6px #0007}.hero{position:relative;height:100svh;width:100%;padding:0;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:50% 55%;display:block}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 38%,#10251b25),linear-gradient(0deg,#11201bad,transparent 23%)}.hero-title{position:absolute;right:13%;top:26%;color:#20352d;text-align:center;text-shadow:0 1px 12px #fff7dd70}.hero-title h1{font-weight:400;font-size:clamp(60px,8vw,116px);letter-spacing:.2em;writing-mode:vertical-rl;margin:25px auto 28px;line-height:1.5}.hero-title p{font-size:13px;letter-spacing:4px}.enter{display:inline-flex;align-items:center;gap:18px;text-decoration:none;font-size:14px;letter-spacing:2px;padding:12px 0;border-bottom:1px solid #3d564766}.hero-bottom{position:absolute;bottom:28px;left:4vw;right:4vw;display:flex;justify-content:space-between;color:#e9e4d4;font-size:12px;letter-spacing:2px}.hero-bottom small{font-size:10px;letter-spacing:0;opacity:.8}.atlas-page{padding:0;height:calc(100svh - 80px)}.atlas-page iframe{display:block;width:100%;height:100%;border:0}.community-main{max-width:1250px;margin:auto;padding:55px 5vw}.community-intro{display:grid;grid-template-columns:140px 1fr;gap:20px 45px;margin-bottom:55px;align-items:start}.community-intro>p{color:var(--red);letter-spacing:4px;font-size:13px}.community-intro h1{font-size:42px;font-weight:400;letter-spacing:2px;margin:0}.community-intro>div{grid-column:2;color:#72694f;font-size:15px;line-height:2}.community-entry{display:grid;grid-template-columns:140px 1fr;gap:45px;padding:38px 0;border-top:1px solid var(--line)}.city span{font-size:12px;color:#7b725e}.city h2{font-size:30px;font-weight:400;letter-spacing:4px;margin:15px 0}.community-copy{max-width:700px}.community-kind{font-size:11px;color:var(--red);margin:0 0 12px;letter-spacing:2px}.community-copy h3{font-size:28px;font-weight:400;margin:0 0 8px}.native-name{font-size:12px;color:#7b725e;margin:0 0 20px}.community-desc{font-size:16px;line-height:2;margin:0 0 20px}.community-links{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:var(--pine)}.community-note{margin:20px 0 0 185px;border-top:1px solid var(--line);padding-top:25px;max-width:700px}.community-note h2{font-size:18px;font-weight:400}.community-note p{font-size:13px;line-height:2;color:#72694f}.community-note small{font-size:10px;color:#72694f}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:25px 5vw;background:var(--pine);color:var(--paper);font-size:12px}.site-footer a{text-decoration:none}@media(max-width:850px){.site-header{gap:10px;padding:0 20px}.site-nav{gap:17px;font-size:12px}.site-brand small{display:none}.instrument-page .drawing svg{max-height:none}.community-intro{gap:20px;grid-template-columns:100px 1fr}.community-entry{grid-template-columns:100px 1fr;gap:20px}.community-note{margin-left:120px}}@media(max-width:620px){.site-header{height:110px;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:12px}.site-brand>span{font-size:23px}.site-nav{gap:17px;font-size:11px;max-width:100%;flex-wrap:wrap;justify-content:center}.site-nav a{padding:4px 0}.home .site-header{height:110px}.hero-image{object-position:46% 50%}.hero-title{right:10%;top:25%}.hero-title h1{font-size:75px}.hero-title p{writing-mode:vertical-rl;position:absolute;right:-16px;top:26px;font-size:11px}.hero-bottom{bottom:20px;display:block;font-size:10px}.hero-bottom small{display:block;margin-top:7px;font-size:9px}.atlas-page{height:calc(100svh - 110px)}.local-header{padding-inline:18px!important}.local-header .brand{display:none}.local-header .choose{width:100%;display:flex;justify-content:space-between;gap:8px}.local-header nav{width:100%;justify-content:space-between}.community-main{padding:32px 22px}.community-intro{display:block;margin-bottom:30px}.community-intro h1{font-size:29px;margin:18px 0}.community-intro>div{font-size:13px}.community-entry{grid-template-columns:1fr;gap:15px;padding:28px 0}.city{display:flex;align-items:center;gap:15px}.city h2{font-size:21px;margin:0;letter-spacing:2px}.community-copy h3{font-size:25px}.community-desc{font-size:14px}.community-note{margin-left:0}.site-footer{padding:24px 22px}.scores-page .choose label{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.home .enter{background:#eee4ceeb;border:1px solid #a59879;border-radius:2px;padding:11px 18px;text-shadow:none;color:#20352d}

.ambient-music{position:absolute;left:4vw;bottom:90px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;color:#f5ead4;text-shadow:0 1px 5px #0008}.ambient-music button{background:#263f3be6;color:#f5ead4;border:1px solid #e4c89588;border-radius:0;padding:12px 18px;font:14px 'Songti SC',serif;cursor:pointer}.ambient-music a,.ambient-music span{font-size:11px}.ambient-music a{opacity:.9}.ambient-music span:empty{display:none}@media(max-width:620px){.ambient-music{bottom:100px;left:6vw}.ambient-music a{font-size:10px}}

.ambient-music{padding:16px 20px;background:#eee4cef2;color:#263f3b;text-shadow:none;border-left:3px solid #8b352c;max-width:calc(100% - 12vw)}.ambient-music button{font-size:16px;padding:13px 22px;background:#263f3b}.ambient-music #music-status{font-size:12px;line-height:1.6}.ambient-music a{font-size:11px}@media(max-width:620px){.ambient-music{padding:12px 15px;bottom:85px}.ambient-music button{font-size:14px}}

[hidden]{display:none!important}.music-switch{position:relative;flex-shrink:0}.music-switch button{color:#f5ead4;background:transparent;border:1px solid #e4c89588;padding:9px 14px;font:13px 'Songti SC',serif;cursor:pointer;white-space:nowrap}.music-switch button[aria-pressed=true]{background:#e4c89522}.music-switch #music-status{position:absolute;right:0;top:calc(100% + 10px);width:230px;padding:8px 12px;background:#263f3bf2;color:#f5ead4;font:11px/1.7 'Songti SC',serif;opacity:0;pointer-events:none}.music-switch:hover #music-status,.music-switch:focus-within #music-status{opacity:1}.home.viewing .site-header{position:relative;height:80px;background:var(--pine)}.home.viewing{background:var(--paper)}#site-view{display:block;border:0;width:100%;height:calc(100svh - 80px);background:var(--paper)}.home .site-header{gap:20px}.home .site-nav{margin-left:auto}@media(max-width:620px){.home .site-header{height:110px;display:grid;grid-template-columns:1fr auto;padding:12px 6vw;gap:4px 15px}.home .site-brand{justify-content:flex-start}.home .site-nav{grid-column:1/-1;grid-row:2;margin:0;justify-content:space-between;width:100%;gap:8px}.music-switch{grid-column:2;grid-row:1}.music-switch button{font-size:12px;padding:7px 10px}.home.viewing .site-header{height:110px}#site-view{height:calc(100svh - 110px)}}