/* Approved editorial screening design. */
#detail.folio-room.poster-room{--folio-paper:#eee6d6;--folio-wine:#54201e;--folio-ink:#542924;--folio-header:70px;background:var(--folio-paper);color:var(--folio-ink);width:100vw;height:100svh;max-width:none;max-height:none;overflow:hidden;padding:0;border:0}
#detail.folio-room .screen-head{position:absolute;inset:0 0 auto;height:var(--folio-header);padding:0 3%;border-bottom:1px solid #69433735;z-index:30;background:none;display:flex;align-items:center;justify-content:space-between}
#detail.folio-room .screen-brand{display:flex;align-items:center;gap:24px;color:var(--folio-ink);font-family:Georgia,serif;white-space:nowrap}
#detail.folio-room .screen-brand i{font:400 49px/.9 Georgia,serif;letter-spacing:-.1em;font-style:normal}
#detail.folio-room .screen-brand small{font:12px Georgia,serif;letter-spacing:.25em}
#detail.folio-room .screen-brand>span{font:12px var(--serif);letter-spacing:.14em;border-left:1px solid #744a3766;padding:10px 0 10px 25px}
#detail.folio-room .screen-head .close{color:#f5e7d5;background:none;border:0;backdrop-filter:none;font:12px var(--serif);padding:12px 0;display:flex;gap:22px;align-items:center}
#detail.folio-room .screen-head .close span{font-size:19px}
#detail.folio-room .screen-heading,#detail.folio-room .screen-rail,#detail.folio-room .screen-record,#detail.folio-room .screen-tape,#detail.folio-room .screen-editorial,#detail.folio-room .porcelain-signature,#detail.folio-room .screen-music-state,#detail.folio-room .screen-footer-rule,#detail.folio-room .screen-file-tab,#detail.folio-room #screen-big-play{display:none!important}
#detail.folio-room.poster-room .screen-layout,#detail.folio-room.poster-room.portrait-media .screen-layout{position:absolute;inset:var(--folio-header) 30% 0 0;width:70vw;height:calc(100svh - var(--folio-header));max-height:none;aspect-ratio:auto;transform:none;padding:0;background:none;display:flex;align-items:center;justify-content:center;justify-self:stretch;align-self:stretch;isolation:auto;overflow:visible}
#detail.folio-room.poster-room .screen-main{position:relative;inset:auto;width:min(calc(100% - 6vw),calc((100svh - 315px)*1.7777778));height:auto;display:flex;flex-direction:column;gap:0;z-index:5}
#detail.folio-room .record-heading{display:block;position:relative;width:100%;padding:0;margin:0 0 16px;min-height:0;background:none}
#detail.folio-room .record-heading:after{display:none}
#detail.folio-room .record-heading>.kicker{display:block;font:11px/1.5 Georgia,serif;letter-spacing:.14em;color:#684336;margin-bottom:8px}
#detail.folio-room .record-heading h2{font:400 clamp(34px,5.1vw,90px)/1.14 var(--serif);letter-spacing:.02em;margin:0;color:#54201e;white-space:normal;overflow-wrap:normal}
#detail.folio-room.long-title .record-heading h2{font-size:clamp(25px,3vw,52px);line-height:1.3}
#detail.folio-room .record-duration,#detail.folio-room #detail-description{display:none}
#detail.folio-room.poster-room .screen-player,#detail.folio-room.poster-room.portrait-media .screen-player{position:relative;width:100%;height:auto;display:grid;grid-template-rows:auto 42px;border:0;outline:0;background:none;box-shadow:none;overflow:visible}
#detail.folio-room .detail-visual{position:relative;width:100%;height:auto;aspect-ratio:16/9;min-height:0;overflow:hidden;border-radius:0;background:#211a18}
#detail.folio-room .detail-visual video,#detail.folio-room .detail-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:0;background:none}
#detail.folio-room .screen-transport{height:42px;position:relative;display:flex;align-items:center;gap:13px;padding:0;background:var(--folio-paper);color:#4d3026;border:0;box-shadow:none;font-size:9px}
#detail.folio-room .screen-transport button{color:#4d3026;padding:4px;min-width:25px;border:0;background:none}
#detail.folio-room .screen-transport svg{width:20px;height:20px}
#detail.folio-room .screen-transport input[type=range]{accent-color:#6c4532;height:2px}
#detail.folio-room #screen-seek{flex:1;min-width:40px}#detail.folio-room #screen-volume{width:65px}
#detail.folio-room .screen-footer{position:relative;inset:auto;width:100%;height:60px;padding:0;margin-top:13px;display:flex;align-items:center;justify-content:flex-start;gap:16px;background:none;border-top:1px solid #77514155;z-index:5}
#detail.folio-room .screen-footer>button,#detail.folio-room #next{font:12px var(--serif);color:#623b30;padding:7px 0;border:0;background:none;white-space:nowrap}
#detail.folio-room .screen-footer #next{margin-left:auto}#detail.folio-room .screen-footer #screen-fullscreen-alt{display:none}#detail.folio-room .screen-footer #screen-focus{font-size:10px;margin-left:10px}
.helix-audio-note{font:9px Georgia,serif;letter-spacing:.05em;color:#77513f;white-space:nowrap}
#detail.folio-room .folio-catalog{position:absolute;inset:0 0 0 70%;background:linear-gradient(125deg,#602822,var(--folio-wine) 55%,#451a19);color:#eee3d2;z-index:3;padding:clamp(100px,15vh,160px) 3vw 4vh;display:flex;flex-direction:column}
.folio-catalog-heading{padding-bottom:24px;border-bottom:1px solid #ead9c67a}
.folio-catalog-heading h2{font:400 clamp(27px,2.8vw,47px)/1.1 var(--serif);letter-spacing:.08em;margin:0 0 10px;color:#f3e7d7}
.folio-catalog-heading p{font:10px Georgia,serif;letter-spacing:.25em;margin:0;color:#dbc4af}
#detail.folio-room .screen-position{position:relative;inset:auto;width:100%;margin:0;transform:none;display:flex;flex:1;min-height:0;z-index:auto}
#detail.folio-room #detail-index{display:none}
#detail.folio-room .screen-dots{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;height:100%;border:0;padding:0}
#detail.folio-room .screen-dots button{position:relative;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:14px;flex:1;min-height:48px;width:100%;height:auto;margin:0;padding:12px 0;border:0;border-bottom:1px solid #ead9c65a;border-radius:0;background:none;color:#d7c1ac;text-align:left;transform:none;transition:color .25s,background .25s}
#detail.folio-room .screen-dots button:before{display:none}
#detail.folio-room .screen-dots button i{font:400 clamp(20px,1.8vw,31px)/1 Georgia,serif;color:#c4a68e;font-style:normal}
#detail.folio-room .screen-dots button span{font:400 clamp(15px,1.65vw,28px)/1.4 var(--serif);white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal;letter-spacing:.015em}
#detail.folio-room .screen-dots button.current{color:#fff1df}
#detail.folio-room .screen-dots button.current:after{content:'● 当前作品';position:absolute;bottom:4px;left:46px;color:#adc3a3;font:8px/1 Georgia,serif;letter-spacing:.08em}
#detail.folio-room .screen-dots button:hover{color:#fff8ed;background:#ffffff08}
#detail.folio-room button:focus-visible{outline:1px solid #b69c78;outline-offset:5px}
.folio-catalog-signature{position:relative;font:italic 400 clamp(15px,1.4vw,24px)/1.3 Georgia,serif;color:#ba9a84;letter-spacing:.02em;padding-top:25px}
.folio-catalog-signature span{position:absolute;right:0;bottom:8px;width:40px;height:1px;background:#ae8c74}
#detail.folio-room .folio-ceramic{position:absolute;top:-2.5vw;left:47%;width:24vw;height:auto;transform:none;pointer-events:none;z-index:4;filter:drop-shadow(0 12px 12px #3e211226)}
#detail.folio-room .folio-title-enter{animation:folio-title-in .45s ease both}
@keyframes folio-title-in{from{opacity:.35;translate:0 5px}to{opacity:1;translate:0 0}}
#detail.folio-room.focus-view .folio-catalog,#detail.folio-room.focus-view .folio-ceramic,#detail.folio-room.focus-view .record-heading{display:none}
#detail.folio-room.focus-view .screen-head .close{color:#623b30}
#detail.folio-room.poster-room.focus-view .screen-layout{inset:var(--folio-header) 3% 0;width:94vw;padding:0}
#detail.folio-room.poster-room.focus-view .screen-main{width:min(100%,calc((100svh - 190px)*1.7777778));height:auto}
#detail.folio-room .screen-player:fullscreen{display:grid;grid-template-rows:minmax(0,1fr)44px;background:#171312;width:100%;height:100%;padding:0}
#detail.folio-room .screen-player:fullscreen .detail-visual{aspect-ratio:auto;height:100%}
@media(max-width:1000px){#detail.folio-room .screen-brand{gap:16px}#detail.folio-room .screen-brand>span{padding-left:16px;font-size:10px}#detail.folio-room .screen-brand small{font-size:10px}.helix-audio-note{display:none}#detail.folio-room .screen-dots button{grid-template-columns:25px 1fr;gap:9px}#detail.folio-room .screen-dots button.current:after{left:34px}.folio-catalog-heading{padding-bottom:18px}}
@media(max-width:700px){
#detail.folio-room.poster-room{--folio-header:54px}
#detail.folio-room .screen-head{padding:0 5%}#detail.folio-room .screen-brand i{font-size:31px}#detail.folio-room .screen-brand small{font-size:8px}#detail.folio-room .screen-brand>span{display:none}#detail.folio-room .screen-head .close{color:#623b30;font-size:10px;gap:10px}
#detail.folio-room .folio-ceramic{top:-8vw;left:67%;width:32vw;opacity:.8}
#detail.folio-room.poster-room .screen-layout,#detail.folio-room.poster-room.portrait-media .screen-layout{inset:calc(var(--folio-header) + 12px) 5% auto;width:90%;height:auto;display:block;transform:none}
#detail.folio-room.poster-room .screen-main{position:relative;inset:auto;width:100%;height:auto}
#detail.folio-room .record-heading{margin-bottom:9px}#detail.folio-room .record-heading>.kicker{font-size:8px;margin-bottom:5px}#detail.folio-room .record-heading h2{font-size:32px}#detail.folio-room.long-title .record-heading h2{font-size:22px}
#detail.folio-room .screen-transport{gap:7px;height:33px;font-size:8px}#detail.folio-room.poster-room .screen-player{grid-template-rows:auto 33px}#detail.folio-room #screen-volume{display:none}
#detail.folio-room .screen-footer{height:38px;margin-top:5px;gap:10px}#detail.folio-room .screen-footer>button,#detail.folio-room #next{font-size:10px}#detail.folio-room .screen-footer #screen-focus{font-size:9px}
#detail.folio-room .folio-catalog{inset:calc(50.625vw + 200px) 0 0;padding:18px 5% 13px;z-index:3}
.folio-catalog-heading{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:10px}.folio-catalog-heading h2{font-size:22px;margin:0}.folio-catalog-heading p{font-size:7px}
#detail.folio-room .screen-dots button{grid-template-columns:25px 1fr;min-height:30px;padding:5px 0;gap:10px}#detail.folio-room .screen-dots button i{font-size:17px}#detail.folio-room .screen-dots button span{font-size:13px;line-height:1.25}#detail.folio-room .screen-dots button.current:after{left:auto;right:0;bottom:auto;font-size:7px}.folio-catalog-signature{display:none}
#detail.folio-room.poster-room.focus-view .screen-layout{inset:var(--folio-header) 5% 0;display:flex;align-items:center}#detail.folio-room.poster-room.focus-view .screen-main{width:100%}
}
@media(prefers-reduced-motion:reduce){#detail.folio-room *{animation:none!important;transition:none!important}}

#detail.folio-room.poster-room .screen-layout{justify-content:flex-start;padding-left:3vw}
#detail.folio-room.poster-room.focus-view .screen-layout{justify-content:center;padding-left:0}
@media(max-width:700px){#detail.folio-room.poster-room .screen-layout{padding-left:0}}

/* Keep the player stationary while titles change length. */
#detail.folio-room .record-heading{min-height:calc(clamp(34px,5.1vw,90px)*1.14 + 24.5px)}
#detail.folio-room .film-fx-mask{background:#eee6d6;border-color:#bba38c}
#detail.folio-room .film-fx-mask.mask-1{background:#54201e}
#detail.folio-room .film-fx-bit{background:#aabb9e!important}
#detail.folio-room .film-fx-reticle{border-color:#b59b7c;background:none}
@media(max-width:700px){#detail.folio-room .record-heading{min-height:54px}}

/* Keep descriptive titles visible in the public mobile catalogue. */
#detail.folio-room .screen-dots button span{display:block}