@font-face{font-family:Chubbo;src:url('./assets/chubbo-variable.ttf') format('truetype');font-weight:200 900;font-style:normal;font-display:swap}
:root{color-scheme:light;--paper:#f7f7f2;--cyan:#26c0c6;--ink:#353535}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
body{background:var(--paper);font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}
.exhibition{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.poster{position:relative;width:min(100vw,calc((100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom))*2200/3143));aspect-ratio:2200/3143;overflow:hidden;background:white;touch-action:none;user-select:none;-webkit-user-select:none;outline:none;isolation:isolate;container-type:inline-size}
.poster:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}
canvas,#fallback{position:absolute;inset:0;width:100%;height:100%;display:block}#fallback{display:none}#fallback canvas{position:absolute;inset:0}
.information{position:absolute;inset:0;z-index:2;pointer-events:none;--header-white:0;--caption-white:0;--paper-veil:0}
.information:before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgb(255 255 255 / var(--paper-veil)) 0%,rgb(255 255 255 / calc(var(--paper-veil)*.9)) 26%,transparent 39%,transparent 52%,rgb(255 255 255 / calc(var(--paper-veil)*.86)) 65%,rgb(255 255 255 / var(--paper-veil)) 82%,transparent 89%)}
h1,p{margin:0}.exhibition-title{position:absolute;left:4.266667%;top:3.499767%;font-size:14.666667cqw;font-weight:100;line-height:1.4;letter-spacing:0;color:color-mix(in srgb,var(--cyan),white calc(var(--header-white)*100%))}
.exhibition-subtitle{position:absolute;left:4.266667%;top:16.472235%;height:6.533831%;display:flex;align-items:flex-start;gap:0;font-size:6cqw;font-weight:400;line-height:1.55;white-space:nowrap;color:color-mix(in srgb,var(--ink),white calc(var(--header-white)*100%))}
.signature{position:relative;display:block;width:25.066667cqw;height:9.333333cqw;flex-shrink:0}.signature img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.signature-light{opacity:var(--header-white)}.signature-dark{opacity:calc(1 - var(--header-white))}
.english{position:absolute;left:5.6%;top:62.85581%;font-family:Chubbo,Georgia,serif;white-space:nowrap;font-weight:400;line-height:normal;color:color-mix(in srgb,#353535,white calc(var(--caption-white)*100%))}
.english-title{font-size:4.666667cqw;color:color-mix(in srgb,var(--cyan),white calc(var(--caption-white)*100%));line-height:1.4}
.english-subtitle{font-size:3.066667cqw;margin-top:.333333cqw;line-height:1.5}
.dates{position:absolute;left:55.066667%;top:78.628091%;font-family:Chubbo,Georgia,serif;font-size:4.666667cqw;line-height:1.4;font-weight:400;white-space:nowrap;color:color-mix(in srgb,#161616,white calc(var(--caption-white)*100%))}.dates strong{font-size:6.666667cqw;font-weight:400}
.navigation{position:absolute;right:1.7%;top:46.5%;display:grid;gap:1px;z-index:4}.art-dot{width:24px;height:24px;max-width:6cqw;max-height:6cqw;display:grid;place-items:center;border:0;padding:0;background:transparent;cursor:pointer;touch-action:manipulation}.art-dot:before{content:'';width:4px;height:4px;max-width:1cqw;max-height:1cqw;border-radius:100%;background:#fff;box-shadow:0 0 0 1px #5555;opacity:.45;transition:transform .25s,opacity .25s}.art-dot[aria-current=true]:before{opacity:1;transform:scale(1.6);background:var(--cyan)}.art-dot:focus-visible{outline:1px solid var(--cyan);outline-offset:-4px}
.gesture{position:absolute;z-index:3;left:5.6%;top:83.5%;display:flex;align-items:center;gap:5px;font-size:clamp(9px,2.1cqw,13px);letter-spacing:.1em;color:var(--cyan);pointer-events:none;opacity:.8;transition:opacity .5s}.gesture svg{animation:up 2.8s ease-in-out infinite}.poster[data-interacted=true] .gesture{opacity:0}.poster[data-last=true] .gesture{opacity:.8;color:#444}
.poster[data-last=true] .gesture svg{rotate:180deg}
.loading{position:absolute;z-index:5;left:5.6%;top:83.5%;display:flex;align-items:center;gap:10px;font-size:clamp(10px,2.3cqw,14px);letter-spacing:.14em;color:var(--cyan);transition:opacity .4s}.loading-line{width:22px;height:1px;background:currentColor;transform-origin:left;animation:loading 1.6s ease-in-out infinite}.poster[aria-busy=true] .gesture{visibility:hidden}.poster[aria-busy=false] .loading{opacity:0;pointer-events:none}
.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes up{0%,100%{transform:translateY(2px)}50%{transform:translateY(-3px)}}@keyframes loading{0%,100%{transform:scaleX(.2);opacity:.3}50%{transform:scaleX(1);opacity:1}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}