html,body.home-museum{height:100%;overflow:hidden}body.home-museum{background:radial-gradient(ellipse 70% 50% at 50% 0%,var(--paper-2) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 50% 100%,var(--paper-2) 0%,transparent 65%),var(--paper)}.museum{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto;padding:0 24px}.museum-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;font-family:var(--font-ui);font-size:10px;letter-spacing:.36em;text-transform:uppercase;color:var(--ink-mute);height:80px;padding:0 28px;position:relative}.museum-top .left{justify-self:start;grid-column:1}.museum-top .right{justify-self:end;grid-column:3}.museum-top .center{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);padding:0 28px;pointer-events:none}.museum-top .center>*{pointer-events:auto}.museum-top .center .word-l{justify-self:end}.museum-top .center .word-r{justify-self:start}.museum-top .center .d-logo{width:14px;height:14px;display:block}.museum-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;font-family:var(--font-ui);font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-mute);height:80px;padding:0 28px;border-top:none;margin-top:0}.museum-bottom .left{justify-self:start}.museum-bottom .right{justify-self:end;display:inline-flex;gap:18px;align-items:center}.museum-bottom .right a{color:var(--ink-soft);border-bottom:1px solid transparent;padding-bottom:2px;transition:color .25s ease,border-color .25s ease}.museum-bottom .right a:hover{color:var(--ink);border-bottom-color:var(--ink)}.museum-bottom .right .vsep{opacity:.45;letter-spacing:0}.museum-bottom .center{font-family:var(--font-serif);font-style:italic;font-size:13px;letter-spacing:.04em;text-transform:none;color:var(--ink-mute)}.placard{position:relative;border:1px solid var(--rule);display:grid;place-items:center;padding:48px clamp(28px,6vw,88px);min-height:0}.placard:before,.placard:after,.placard .corner-tl,.placard .corner-tr{content:"";position:absolute;width:7px;height:7px;background:var(--paper);border:1px solid var(--rule);transform:rotate(45deg);box-sizing:border-box}.placard:before,.placard .corner-tl{background:var(--paper-2)}.placard:before{top:-4px;left:-4px}.placard:after{bottom:-4px;right:-4px}.placard .corner-tl{top:-4px;right:-4px}.placard .corner-tr{bottom:-4px;left:-4px}.placard .card{text-align:center;max-width:760px;display:flex;flex-direction:column;align-items:center;gap:0}.placard .eyebrow{font-family:var(--font-ui);font-size:10px;letter-spacing:.5em;text-transform:uppercase;color:var(--ink-mute)}.placard .hanzi-top{font-family:var(--font-zh);font-weight:400;font-size:18px;letter-spacing:.55em;color:var(--ink-soft);margin-top:24px;text-indent:.55em}.placard .rule.rule-top{margin:36px 0 0}.placard .wordmark-xl{font-family:var(--font-serif);font-weight:300;font-size:clamp(56px,9.4vw,132px);line-height:.95;color:var(--ink);letter-spacing:.02em;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;margin-top:30px}.placard .wordmark-xl>*:nth-child(1){justify-self:end;padding-right:24px}.placard .wordmark-xl>*:nth-child(3){justify-self:start;padding-left:24px}.placard .wordmark-xl .d-logo{display:inline-block;width:48px;height:48px;vertical-align:middle}html[data-theme=dark] .placard .wordmark-xl .d-logo{filter:invert(1) hue-rotate(180deg) brightness(1.05)}.placard .hanzi-bot{margin-top:24px;font-family:var(--font-zh);font-weight:400;font-size:18px;letter-spacing:.55em;color:var(--ink-soft);text-indent:.55em}.placard .rule{width:64px;height:1px;background:var(--rule);margin:36px 0 28px}.placard .didactic{font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:clamp(17px,1.45vw,21px);line-height:1.65;color:var(--ink-soft);max-width:540px;text-wrap:pretty}.placard .meta{margin-top:38px;display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:0 56px;align-items:start;justify-items:center}.placard .meta .label{font-family:var(--font-ui);font-size:9px;letter-spacing:.36em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:8px}.placard .meta .value{font-family:var(--font-serif);font-size:15px;color:var(--ink);font-style:italic}.placard .meta .col+.col{position:relative}.placard .meta .col+.col:before{content:"";position:absolute;left:-28px;top:6px;bottom:6px;width:1px;background:var(--rule-soft)}.placard .bbbtn{margin-top:40px}.placard .enter{margin-top:40px;display:inline-flex;align-items:center;gap:18px;font-family:var(--font-ui);font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--ink);padding:14px 0 6px;cursor:pointer;border:none;background:none;border-bottom:1px solid var(--ink);transition:gap .25s ease,color .25s ease,border-color .25s ease}.placard .enter:hover{gap:24px}.placard .enter .arrow{width:24px;height:1px;background:currentColor;position:relative;display:inline-block}.placard .enter .arrow:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid currentColor;border-top:1px solid currentColor;transform:rotate(45deg)}.placard .card>*{opacity:0;transform:translateY(8px);animation:rise 1.1s cubic-bezier(.2,.7,.2,1) forwards}.placard .card>*:nth-child(1){animation-delay:.1s}.placard .card>*:nth-child(2){animation-delay:.22s}.placard .card>*:nth-child(3){animation-delay:.36s}.placard .card>*:nth-child(4){animation-delay:.5s}.placard .card>*:nth-child(5){animation-delay:.64s}.placard .card>*:nth-child(6){animation-delay:.78s}.placard .card>*:nth-child(7){animation-delay:.92s}.placard .card>*:nth-child(8){animation-delay:1.06s}.placard .card>*:nth-child(9){animation-delay:1.2s}.placard .card>*:nth-child(10){animation-delay:1.34s}@media (max-width: 760px){.museum{padding:14px}.museum-top,.museum-bottom{height:80px;padding:0 12px;font-size:9px;letter-spacing:.28em}.museum-top .left,.museum-top .right,.museum-bottom .left,.museum-bottom .right{display:none}.museum-top,.museum-bottom{grid-template-columns:1fr;justify-items:center}.placard{padding:28px 18px}.placard .didactic{font-size:16px}.placard .meta{grid-template-columns:1fr;gap:18px 0}.placard .meta .col+.col:before{display:none}.placard .meta .col{display:flex;flex-direction:column;align-items:center}.placard .rule{margin:24px 0 22px}.placard .wordmark-xl{font-size:clamp(40px,12vw,72px)}.placard .hanzi-top{display:none}}@media (max-height: 720px){.placard{padding:24px clamp(24px,5vw,64px)}.placard .didactic{display:none}.placard .rule{margin:24px 0 18px}.placard .meta{margin-top:24px}.placard .enter{margin-top:26px}}@media (max-height: 560px){.placard .hanzi-top,.placard .hanzi-bot{display:none}}