/* Phone choreography: the screen is a portrait exhibition, not a smaller desktop. */
.contact-arrow-glyph{height:1.2em;overflow:visible}
.legacy-dialog:not([open]){display:none}
.legacy-dialog[open]{display:block;position:fixed;left:50%;top:50%;right:auto;bottom:auto;margin:0;transform:translate(-50%,-50%);max-height:90vh;z-index:1001;animation:none}
.legacy-modal-backdrop{position:fixed;inset:0;background:#10214999;z-index:1000}
.plane{transform-origin:0 0;will-change:transform}
.at-piece{will-change:auto}
.at-in-view .at-piece{will-change:transform}
.at-in-view .at-piece-inner{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.at-media-wait .at-canvas:after{content:'正在准备这一组作品…'}
#ts-tour{display:inline-flex;align-items:center;gap:7px}
#ts-tour:before{content:'';width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}
#ts-tour[aria-pressed=true]:before{height:10px;width:6px;border:0;border-left:2px solid;border-right:2px solid}
@media(max-width:759px){
 .opening{height:calc(var(--phone-height,100vh) * 2.2);min-height:0}
 .opening-pin{height:var(--phone-height,100vh);min-height:0}
 .opening-type{font-size:53vw;padding-top:20px}
 .opening-caption{top:90px}
 .opening-bottom{bottom:25px;display:grid;grid-template-columns:1fr auto;gap:14px}
 .opening-bottom .scroll-guide{display:flex;grid-column:1/-1;justify-content:flex-end}
 .opening-bottom .scroll-guide i{height:22px}
 .wall-caption{top:105px;display:block;width:auto;max-width:none;left:var(--pad);right:var(--pad)}
 .wall-caption h2{font-size:27px}
 .wall-caption a{display:inline-block;margin-top:15px}
 #motion span{display:inline;font-size:9px}
 .nav-tools{gap:16px}
 .plane-caption{font-size:31px;padding:12px 16px;gap:8px}
 .plane-caption b,.plane-caption>span{display:none}
 .plane:hover .plane-inner{translate:none}
 .at-scene,.at-detail.ex-opening{height:calc(var(--phone-height,100vh) * 2.15)}
 .at-pin{height:calc(var(--phone-height,100vh) - var(--cv-top));min-height:0;position:sticky;top:var(--cv-top)}
 .at-title{top:8%;font-size:12.7vw}
 .at-canvas{inset:21% 0 22%;transition:none}
 .at-underword{bottom:23%}
 .at-bottom{bottom:12px;grid-template-columns:1fr auto;gap:7px 12px}
 .at-bottom>div:first-child{grid-column:1 / -1}
 .at-bottom p{font-size:15px;line-height:1.4}
 .at-controls{gap:4px;justify-content:flex-start}
 .at-controls button{font-size:9px;min-height:36px;padding:6px 8px}
 .at-enter{grid-column:auto;min-height:40px;font-size:11px;padding:7px 9px;gap:7px}
 .at-enter>span{font-size:16px}
 .at-piece-inner{box-shadow:0 5px 11px #0002}
 .at-piece:hover .at-piece-inner{translate:none;box-shadow:0 5px 11px #0002}
 .at-shutter .at-piece-inner{box-shadow:5px 6px 10px #3b201f25}
 .at-fold .at-pin:before,.at-fan .at-pin:before{display:none}
 .ts-section{padding:34px var(--pad) 30px}
 .ts-section .section-head p{font-size:11px;margin-top:12px;line-height:1.6}
 .ts-section .ts-presets,.ex-case-between .ts-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:20px 0 8px}
 .ts-section .ts-presets button[data-ts-preset]{font-size:10px;flex-direction:column;justify-content:center;gap:7px;padding:9px 2px;min-height:58px;white-space:nowrap}
 .ts-section .ts-presets #ts-replay{grid-column:1/-1;justify-self:end;min-height:26px;margin:0;padding:2px 0;font-size:10px}
 .ts-guide-status{font-size:11px;min-height:3.4em;line-height:1.6;margin:5px 0 8px}
 .ts-section .ts-canvas,.ex-case-between .ts-canvas{height:260px;padding:28px 0 42px;touch-action:pan-y}
 .ts-section .ts-stage,.ex-case-between .ts-stage{min-height:260px}
 .ts-stage-foot{justify-content:space-between;gap:7px;bottom:8px}
 .ts-stage-foot>span:first-child{display:none}
 .ts-stage-foot #ts-tour{background:#153dda;color:#fff;min-height:34px;padding:6px 12px;border:0;font-size:11px}
 .ts-stage-foot #ts-reset-view{font-size:11px;min-height:34px}
 .has-scrolled .topbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:#f0f1f2}
 .cinema-static .at-scene,.cinema-static .at-detail.ex-opening{height:auto}
 .cinema-static .at-pin{position:relative;top:0;height:calc(var(--phone-height,100vh) - var(--cv-top))}
 .motion-off .opening{height:var(--phone-height,100vh);min-height:0}
}
@media(max-width:759px) and (max-height:600px){
 .at-canvas{inset:23% 0 26%}.at-title{font-size:10vw;top:8%}
 .at-meta{font-size:8px;top:10px}.at-bottom p{font-size:13px}
 .opening-caption p:last-child{display:none}.opening-caption{top:80px}
 .wall-caption{top:90px}.wall-caption h2{font-size:22px}.wall-caption a{margin-top:8px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .opening{height:var(--phone-height,100vh);min-height:0}
 .contact-arrow-glyph{transition:none;transform:none!important}
}