/* Screening room: a usable cinema plane, a tactile archive surround. */
#detail.screening-room{width:96vw;max-width:1800px;height:96svh;max-height:96svh;padding:0;margin:auto;border:1px solid #b0987955;background:#f2ebdc;color:#55362e;overflow:hidden;box-shadow:0 25px 110px #21160e66;will-change:auto}#detail.screening-room[open]{display:grid;grid-template-rows:58px minmax(0,1fr)45px 48px;gap:0}#detail.screening-room::backdrop{background:#30241cdd;backdrop-filter:blur(10px)}#detail.screening-room:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#9c82641a .6px,transparent .6px);background-size:4px 4px;z-index:0}#detail .screen-head{grid-row:1;display:flex;align-items:center;gap:20px;margin-left:60px;padding:0 25px 0 25px;position:relative;z-index:8;border-bottom:1px solid #a48b6844;background:#f4eddfcc}#detail .screen-brand{font:22px Georgia;letter-spacing:2px}#detail .screen-heading{font:14px var(--serif);letter-spacing:2px;border-left:1px solid #a98a68;padding-left:20px;white-space:nowrap}#detail .screen-heading i{font-style:normal;color:#ad9476;margin:0 5px}#detail .screen-heading small{font:8px 'Courier New';letter-spacing:2px}#detail .screen-position{display:flex;align-items:center;gap:17px;margin-left:auto;margin-right:auto;font:13px Georgia;white-space:nowrap}.screen-dots{display:flex;gap:8px}.screen-dots button{width:19px;height:12px;background:#b4a28a55;border:1px solid #9f84674d;padding:0;transition:background .25s}.screen-dots button.current{background:#b97a3c;border-color:#a66a30}.screen-dots button:hover{background:#b97a3c88}#detail .screen-head .close{position:static;float:none;margin:0;padding:10px 0 10px 14px;background:none;color:#5e3d2d;font:12px var(--serif);display:flex;align-items:center;gap:25px;white-space:nowrap}#detail .screen-head .close>span{font:27px Arial;border-left:1px solid #a98a6855;padding-left:18px}#detail .screen-rail{position:absolute;left:0;top:0;bottom:0;width:60px;padding:80px 10px 75px;display:flex;flex-direction:column;align-items:center;gap:25px;background:linear-gradient(110deg,#51372f,#3d2925);color:#ebddc4;z-index:3;border-right:1px solid #b69a6a55}#rail-title{writing-mode:vertical-rl;font:25px/1.3 var(--serif);letter-spacing:8px;max-height:36%;overflow:hidden}#screen-status{font:7px/1.8 'Courier New';text-align:center;letter-spacing:1px;border-top:1px solid #d6bf9955;width:100%;padding-top:18px}.screen-rail>small{font:6px/1.7 'Courier New';letter-spacing:2px}.rail-scale{flex:1;max-height:180px;width:15px;background:repeating-linear-gradient(0deg,#c7b49966 0 1px,transparent 1px 10px);border-right:1px solid #c7b49966;mask-image:linear-gradient(transparent,#000 15% 85%,transparent)}#detail .screen-layout{grid-row:2;display:grid;grid-template-columns:minmax(0,2.4fr) minmax(235px,1fr);gap:25px;min-height:0;padding:25px 28px 10px 85px;position:relative;z-index:2}#detail .screen-main{display:grid;grid-template-rows:minmax(0,1fr)70px;gap:12px;min-height:0;min-width:0}#detail .screen-player{position:relative;display:grid;grid-template-rows:minmax(0,1fr)43px;min-height:0;border:7px solid #e4d8c0;outline:1px solid #c6b398;background:#241b17;box-shadow:0 6px 18px #50372022;isolation:isolate}#detail .screen-player:before{content:'';position:absolute;inset:-15px -11px -12px 6px;z-index:-2;transform:rotate(.6deg);background:#eee4d2;border:1px solid #bdab8d77;box-shadow:3px 4px 6px #5f472617;pointer-events:none}#detail .screen-player:after{content:'';position:absolute;inset:-13px 15px 10px -9px;z-index:-3;transform:rotate(-.8deg);background:#f7efde99;border:1px solid #bbad9066;pointer-events:none}#detail .detail-visual{height:100%;min-height:0;overflow:visible;background:#241b17;position:relative;aspect-ratio:auto}#detail .detail-visual #detail-video{display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:#241b17}#detail #detail-image{display:none}#screen-big-play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;border:1px solid #f2e4c199;background:#3b2a2066;color:#fff4dd;font:30px Arial;backdrop-filter:blur(3px);z-index:4;transition:background .25s,scale .25s}#screen-big-play:hover{background:#a36e3999;scale:1.05}#screen-big-play[hidden]{display:none}#detail .screen-file-tab{position:absolute;left:-30px;top:15px;z-index:3;background:#b9783b;color:#fff0ce;padding:18px 7px;min-height:75px;font:12px Georgia;writing-mode:vertical-rl;letter-spacing:2px;box-shadow:2px 3px 4px #3d261d18}.screen-transport{display:flex;align-items:center;gap:13px;padding:0 13px;background:#392823;color:#f0dfc3;border-top:1px solid #a8865b44;font:10px 'Courier New';min-width:0;z-index:5}.screen-transport[hidden]{display:none}.screen-transport button{background:none;color:#f1dfc2;border:0;font:21px Arial;min-width:28px;padding:6px 0}.screen-transport button:hover{color:#e7b878}.screen-transport input[type=range]{height:3px;accent-color:#dba86d;cursor:pointer;min-width:0}#screen-seek{flex:1;width:100px}#screen-volume{width:65px}.screen-transport>span{white-space:nowrap}.screen-media-message{position:absolute;left:15%;right:15%;bottom:18%;padding:15px;background:#2b2119d9;color:#f3e1c2;font-size:12px;text-align:center;z-index:6}.screen-media-message[hidden]{display:none}.screen-editorial{display:flex;align-items:center;gap:30px;color:#634332;padding-top:5px}.screen-editorial>em{font:italic clamp(19px,2.5vw,41px)/.8 Georgia;letter-spacing:-1.5px;transform:rotate(-4deg);display:block}.screen-editorial>span{font:15px var(--serif);padding-left:20px;border-left:1px solid #a48c6966}.screen-editorial>span>small{display:block;font:5px 'Courier New';letter-spacing:1.4px;margin-top:13px;color:#aa8b65}#detail .screen-record{padding:25px 0 0;min-height:0;position:relative;display:flex;flex-direction:column;isolation:isolate;overflow:hidden}#detail .screen-record:before{content:'';position:absolute;top:-28px;right:-65px;width:150px;height:160px;z-index:-1;background:url('assets/ceramic-background.png') 80% 45%/500% auto;clip-path:polygon(40% 0,100% 0,100% 100%,0 30%);box-shadow:-8px 9px 20px #62452633}#detail .screen-number{position:absolute;top:-7px;left:0;font:italic clamp(85px,10vw,165px)/1 Georgia;color:transparent;-webkit-text-stroke:1px #b27b3b88;z-index:-1;letter-spacing:-9px}.record-heading{position:relative;padding-top:65px;flex:none}#detail .record-heading>.kicker{font:7px 'Courier New';color:#ac875d;letter-spacing:1.5px;margin-bottom:15px}#detail .record-heading h2{font:clamp(23px,3vw,45px)/1.2 var(--serif);font-weight:400;letter-spacing:0;margin:0 0 20px;color:#4a2f27;overflow-wrap:anywhere}#detail .record-duration{border-top:1px solid #9e815b66;border-bottom:1px solid #9e815b66;padding:12px 0;font:13px var(--serif);color:#8b6a45}#detail .record-duration b{font:22px Georgia;margin-left:12px;color:#55392c}#detail #detail-description{font:9px/1.7 var(--serif);color:#8b6b4b;margin:13px 0 0}.record-tag{position:absolute;right:0;top:30%;font:6px/1.7 'Courier New';background:#98afa044;color:#6e7a61;padding:12px 9px;transform:rotate(2deg);border:1px solid #9ca58b55;z-index:-1}.record-lines{height:35px;min-height:12px;flex:1;margin:18px 0 0;border-bottom:1px solid #9b7a5066;background:repeating-linear-gradient(-35deg,transparent 0 19px,#a48c6915 19px 20px);mask-image:linear-gradient(transparent,#000)}#detail .screen-next-preview{display:block;flex:none;background:#e8ddc5;border:1px solid #c2af8f;margin:18px 4px 5px;padding:5px;box-shadow:4px 5px 0 #c4b29255;text-align:left;transform:rotate(-1deg);transition:transform .4s,box-shadow .4s}#detail .screen-next-preview:hover{transform:rotate(0) translateY(-4px);box-shadow:5px 8px 0 #c4b29266}#detail .screen-next-preview>span{display:block;background:#5b3c31;color:#f1e4c9;padding:10px 9px;font:11px/1.5 var(--serif)}.screen-next-image{aspect-ratio:16/9;background:#e9e0cd;overflow:hidden}.screen-next-image img{width:100%;height:100%;object-fit:contain;filter:saturate(.85)}#detail .screen-next-preview[hidden],.screen-end-note[hidden]{display:none}.screen-end-note{padding:35px 15px;font:24px var(--serif);color:#7c573a;border:1px solid #aa8a5955;margin-top:25px}.screen-end-note small{display:block;font:10px var(--serif);margin-top:10px;color:#a68c6c}#detail .screen-tape{grid-row:3;position:relative;margin-left:-3%;width:106%;height:31px;align-self:center;transform:rotate(-2deg);background:#b67c40;color:#f9e7c8;border-top:1px solid #9d6732;border-bottom:1px solid #9d6732;box-shadow:0 4px 0 #e4d3b6;z-index:3;overflow:hidden;pointer-events:none}#detail .screen-tape>div{display:flex;width:max-content;height:100%;align-items:center;animation:screen-marquee 36s linear infinite}.screen-tape span{display:flex;align-items:center;gap:23px;padding:0 19px;font:14px 'Arial Narrow','Courier New',sans-serif;letter-spacing:2px;white-space:nowrap}.screen-tape i{font-style:normal;opacity:.6}.screen-tape b{font-size:20px;font-weight:400}#detail .screen-footer{grid-row:4;background:#eee4d2cc;border-top:1px solid #b39a7644;padding:0 25px 0 85px;display:flex;justify-content:flex-start;align-items:center;gap:17px;z-index:7;font:9px var(--serif);color:#755338}#detail .screen-footer>button{margin:0;background:none;border:1px solid #aa8b6255;color:#6b482e;padding:8px 13px;font:10px var(--serif);white-space:nowrap;transition:background .25s}#detail .screen-footer>button:hover:not(:disabled){background:#a96e38;color:#fff1d6}#detail button:disabled{opacity:.35;cursor:default}#detail #next{border:1px solid #aa8b6255;color:#6b482e;padding:8px 13px;font:10px var(--serif);margin:0}.screen-footer-rule{flex:1;height:1px;background:#b39b792b}.screen-music-state{color:#9b8265;font-size:8px;white-space:nowrap}#detail.is-playing .screen-tape>div{animation-play-state:paused}#detail.is-playing .screen-number,#detail.is-playing .record-tag,#detail.is-playing .record-lines{opacity:.4}#detail .screen-number,#detail .record-tag,#detail .record-lines{transition:opacity .5s}#detail.is-playing #screen-big-play{display:none}#detail .film-fx-layer{inset:0;overflow:hidden}#detail .film-fx-mask{background:#f1e6d1;border-color:#a48961}#detail .film-fx-mask.mask-1{background:#d8c5a6}#detail .film-fx-reticle{border-color:#bc956a99;background:linear-gradient(#d3a474,#d3a474) left top/38px 2px no-repeat,linear-gradient(#d3a474,#d3a474) right bottom/38px 2px no-repeat}#detail .film-fx-reticle:before,#detail .film-fx-reticle:after{color:#d3a474}
#detail.portrait-media .screen-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);padding-left:10%;padding-right:10%;gap:8%}#detail.portrait-media .screen-player{width:min(100%,calc((96svh - 260px)*.5625 + 14px));justify-self:center}#detail.portrait-media .screen-main{grid-template-rows:minmax(0,1fr)45px}#detail.portrait-media .screen-editorial{justify-content:center}#detail.portrait-media .screen-editorial>span{display:none}#detail.portrait-media .screen-editorial>em{font-size:22px;line-height:1}#detail.portrait-media .screen-editorial>em br{display:none}
#detail.focus-view[open]{grid-template-rows:48px minmax(0,1fr)0 45px;background:#201815}#detail.focus-view .screen-head{margin-left:0;background:#2a201b;border-color:#b29b7633}#detail.focus-view .screen-brand,#detail.focus-view .screen-heading,#detail.focus-view .screen-position{color:#d2bea0}#detail.focus-view .screen-head .close{color:#e7d6b9}#detail.focus-view .screen-layout{display:block;padding:12px 3%;height:100%}#detail.focus-view .screen-main{height:100%;display:block}#detail.focus-view .screen-player{height:100%;width:100%;border:0;outline:none;box-shadow:none}#detail.focus-view .screen-record,#detail.focus-view .screen-rail,#detail.focus-view .screen-editorial,#detail.focus-view .screen-file-tab,#detail.focus-view .screen-player:before,#detail.focus-view .screen-player:after,#detail.focus-view .screen-tape{display:none}#detail.focus-view .screen-footer{padding-left:3%;background:#2a201b;border-color:#af956233}#detail.focus-view .screen-footer button,#detail.focus-view #next{color:#e0ceb1;border-color:#bca47b55}#detail.focus-view .screen-music-state{color:#b69f7c}.screen-player:fullscreen{width:100vw!important;height:100vh!important;background:#17110e!important;border:0!important;outline:0!important;display:grid!important;grid-template-rows:minmax(0,1fr)52px!important}.screen-player:fullscreen:before,.screen-player:fullscreen:after{display:none!important}.screen-player:fullscreen .detail-visual{height:100%!important}.screen-player:fullscreen #detail-video{height:100%!important}.screen-player:fullscreen .screen-file-tab{display:none!important}
@keyframes screen-marquee{to{transform:translateX(-50%)}}@keyframes screening-type-float{to{transform:rotate(-2deg) translateX(7px)}}@media(prefers-reduced-motion:no-preference){#detail[open]:not(.is-playing) .screen-editorial>em{animation:screening-type-float 9s ease-in-out infinite alternate}}
@media(max-width:1050px){#detail.screening-room[open]{grid-template-rows:50px minmax(0,1fr)40px 45px}#detail .screen-rail{width:45px;padding-left:7px;padding-right:7px}#detail .screen-head{margin-left:45px;gap:12px;padding:0 18px}.screen-dots{gap:5px}.screen-dots button{width:13px;height:9px}#detail .screen-heading{font-size:12px;padding-left:12px}#detail .screen-heading small{display:none}#detail .screen-position{gap:10px}#detail .screen-head .close{font-size:10px;gap:14px}#detail .screen-layout{padding-left:68px;padding-right:20px;gap:20px;grid-template-columns:minmax(0,2.1fr) minmax(210px,1fr)}#detail .screen-main{grid-template-rows:minmax(0,1fr)65px}.screen-editorial>span{font-size:11px;padding-left:12px}.screen-editorial{gap:15px}.screen-transport{gap:8px;padding:0 8px;font-size:8px}#screen-volume{width:40px}#detail .screen-footer{padding-left:65px;gap:9px}.screen-music-state{font-size:6px}#detail .screen-footer>button,#detail #next{padding:7px 9px;font-size:9px}.record-heading{padding-top:45px}#detail .record-heading h2{font-size:27px}#detail .record-duration{padding:10px 0;font-size:11px}#detail .record-duration b{font-size:19px}#detail .screen-next-preview>span{font-size:9px;padding:8px}.record-tag{font-size:5px}}
@media(max-width:700px){#detail.screening-room{width:98vw;height:98svh;max-height:98svh}#detail.screening-room[open]{grid-template-rows:46px minmax(0,1fr)32px 48px}#detail .screen-head{margin-left:0;padding:0 12px;gap:8px}#detail .screen-brand{font-size:14px;letter-spacing:0}#detail .screen-heading{display:none}#detail .screen-position{font-size:11px;margin:auto;gap:8px}.screen-dots{gap:3px}.screen-dots button{width:9px;height:7px}#detail .screen-head .close{font-size:9px;padding:8px 0;gap:10px}#detail .screen-head .close>span{font-size:22px;padding-left:10px}#detail .screen-rail{display:none}#detail .screen-layout{display:flex;flex-direction:column;padding:18px 15px 8px;gap:13px;overflow:auto}#detail .screen-main{display:flex;flex-direction:column;gap:0;flex:none}#detail .screen-player{height:auto;aspect-ratio:16/10;grid-template-rows:minmax(0,1fr)38px;border-width:4px}#detail .detail-visual #detail-video{height:100%}#screen-big-play{width:48px;height:48px;font-size:23px}#detail .screen-file-tab{left:-14px;top:8px;padding:10px 3px;min-height:50px;font-size:8px}.screen-editorial{display:none}#detail .screen-record{display:grid;grid-template-columns:minmax(0,1fr) 39%;gap:15px;flex:1;padding:5px 0;min-height:140px;overflow:visible}#detail .screen-number{font-size:90px;top:0}.record-heading{padding-top:35px}#detail .record-heading>.kicker{font-size:5px;margin-bottom:7px;letter-spacing:.5px}#detail .record-heading h2{font-size:24px;line-height:1.25;margin:0 0 12px}#detail .record-duration{padding:8px 0;font-size:10px}#detail .record-duration b{font-size:17px}#detail #detail-description{font-size:7px;margin-top:10px}.record-tag,.record-lines,#detail .screen-record:before{display:none}#detail .screen-next-preview{margin:12px 0 0;padding:3px;align-self:start;grid-column:2;grid-row:1;transform:rotate(1deg)}#detail .screen-next-preview>span{padding:6px;font-size:8px;line-height:1.6}.screen-end-note{padding:20px 8px;font-size:16px;align-self:start;grid-column:2;grid-row:1}.screen-end-note small{font-size:8px}#detail .screen-tape{height:22px}.screen-tape span{font-size:10px;letter-spacing:1px;gap:14px}#detail .screen-footer{padding:0 10px;gap:7px;flex-wrap:nowrap}.screen-footer-rule{display:none}#detail .screen-footer>button,#detail #next{padding:8px 9px;font-size:9px}.screen-music-state{display:none}#screen-volume{width:35px}.screen-transport{gap:7px}.screen-transport button{font-size:18px;min-width:22px}#detail.portrait-media .screen-layout{display:grid;grid-template-columns:minmax(0,1fr) 38%;padding:15px 12px;gap:12px}#detail.portrait-media .screen-main{height:100%;min-height:0}#detail.portrait-media .screen-player{width:100%;height:100%;aspect-ratio:auto;grid-template-rows:minmax(0,1fr)38px}#detail.portrait-media .screen-record{display:flex;flex-direction:column;padding:18px 0;min-width:0;overflow:auto}#detail.portrait-media .screen-number{font-size:80px}#detail.portrait-media .record-heading h2{font-size:21px}#detail.portrait-media .screen-next-preview{width:100%}#detail.portrait-media #screen-volume,#detail.portrait-media #screen-total{display:none}#detail.focus-view .screen-layout{display:block;padding:8px!important}#detail.focus-view .screen-main{height:100%}#detail.focus-view .screen-player{height:100%;aspect-ratio:auto}#detail.focus-view .screen-record{display:none}#detail.focus-view .screen-file-tab{display:none}}
@media(prefers-reduced-motion:reduce){#detail .screen-tape>div,#detail .screen-editorial>em{animation:none!important}}