/* Approved REEL physical geometry. Hardware is generated photography. */
#face{position:relative;isolation:isolate;container-type:inline-size;padding:0 2.2%;color:#e8d8bf}#face .pedal{position:relative;width:100%;aspect-ratio:452/752;container-type:inline-size;isolation:isolate;touch-action:manipulation;user-select:none;overflow:hidden;clip-path:inset(.6% .8% round 5%);background:#12110e}#face button{border:0;padding:0;background:none;color:inherit;cursor:pointer}#face button:focus-visible,#face .knob:focus-within{outline:2px solid #e4ca86;outline-offset:3px}#face .environment{position:absolute;inset:0;pointer-events:none;filter:saturate(.7) contrast(.88) brightness(.9)}#face .outdoor{visibility:hidden}#face .drive .indoor{visibility:hidden}#face .drive .outdoor{visibility:visible}#face .scene{position:absolute;inset:0;background:url(assets/cinema/scenes.webp) 4.47% 100%/221.83% 200% no-repeat}#face .scene.light{background-position:4.47% 0;opacity:0}#face .on .scene.light{opacity:1}#face .outdoor .scene{background-position:95.53% 100.1953125%}#face .outdoor .scene.light{background-position:95.53% 0}#face .printed-finish{position:absolute;inset:0;background:url(assets/cinema/finish.webp) center/cover;mix-blend-mode:soft-light;opacity:.58;pointer-events:none}#face .enclosure-wear{position:absolute;inset:0;background:url(assets/cinema/edge.webp) center/100% 100%;opacity:.65;pointer-events:none;z-index:2}#face .light-title{position:absolute;left:24%;top:4.8%;width:52%;height:12.7%;margin:0;pointer-events:none;z-index:3}#face .letters{position:absolute;inset:0;background:url(assets/cinema/title.webp) 50% 96.37%/125.08% 204.8%}#face .letters.lit{background-position:50% 2.29%;opacity:0}#face .on .letters.lit{opacity:1}#face .pedal-subtitle{position:absolute;left:18%;width:64%;top:17.2%;height:2.2%;text-align:center;font:700 2.3cqw Georgia,serif;letter-spacing:.17em;z-index:3;pointer-events:none}
#face .knob{position:absolute;top:20.5%;width:26%;z-index:3}#face .k1{left:10%}#face .k2{left:37%}#face .k3{left:64%}#face .knob input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:1;cursor:ns-resize;touch-action:none}#face .dial-rotor{position:relative;display:block;width:100%;aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 .35cqw .32cqw #000c)}#face .knob img{width:100%;display:block}#face .dial-scale,#face .dial-name{position:absolute;inset:0;color:#e7dbc2;font:700 2.22cqw Georgia,serif}#face .dial-name{font-size:3.08cqw}#face .dial-scale span,#face .dial-name span{position:absolute}#face .dial-index{position:absolute;bottom:-9%;left:0;width:100%;text-align:center;font-size:2.1cqw;pointer-events:none}
#face .foot{position:absolute;width:31%;height:16.83%;left:35.1%;top:77.7%;z-index:3;filter:drop-shadow(0 .35cqw .4cqw #000c)}#face .foot img{width:100%;height:100%;object-fit:contain}#face .foot:active{transform:scale(.97)}#face .led{position:absolute;width:20.4%;aspect-ratio:1;left:39.8%;top:64.9%;z-index:3;background:url(assets/cinema/lamp_off.webp) 100% 0/200% 100%;pointer-events:none}#face .on .led{background-image:url(assets/cinema/lamp.webp);background-position:0 0}
#face .mode{position:absolute;width:16.25%;height:17.25%;left:73.075%;top:73.475%;z-index:3}#face .track{width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(to bottom,#000 0 28%,transparent 28% 72%,#000 72% 100%)}#face .slot-opening{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;clip-path:inset(28% 0);transform:scale(2,1.15);pointer-events:none}#face .tab{position:absolute;width:28%;height:15%;left:36%;top:36.3%;object-fit:contain;transform:scale(2,1.763333);pointer-events:none}#face .drive .tab{top:48.7%}#face .mode-label,#face .projector-label,#face .projector-state{position:absolute;width:24%;text-align:center;font:700 2.1cqw Arial,sans-serif;z-index:3;height:1.5%;line-height:1;display:flex;align-items:center;justify-content:center;pointer-events:none}#face .mode-label{left:69.2%}#face .theater-label,#face .projector-label{top:72.5%}#face .drive-label,#face .projector-state{top:90.6%}#face .projector-label,#face .projector-state{left:6.8%}#face .projector-toggle{position:absolute;left:10.675%;top:77.216%;width:16.25%;height:9.767%;z-index:3;background:url(assets/cinema/projector_toggle_off.webp) 11.144% 50%/233.421% 116.7105% no-repeat}#face .on .projector-toggle{background-image:url(assets/cinema/projector_toggle.webp)}#face .projector-toggle[aria-pressed=false]{background-position:87.771% 50%}
#face .brand{position:absolute;left:22%;width:56%;top:94.2%;height:2.3%;text-align:center;font:700 2.4cqw Georgia,serif;letter-spacing:.34em;z-index:3;white-space:nowrap;pointer-events:none}#face .brand:before,#face .brand:after{content:'';position:absolute;top:50%;width:33.04%;height:1px;background:#bfb095;opacity:.7}#face .brand:before{right:85.71%}#face .brand:after{left:85.71%}#face .ua{position:absolute;right:4.736%;bottom:calc(.6% + 3.936cqw);width:10.824%;aspect-ratio:1;z-index:3;opacity:.42}#face .ua img{width:100%;height:100%;object-fit:contain}#face .side-jack{position:absolute;top:46%;width:6%;height:9%;object-fit:contain;z-index:-1;pointer-events:none}#face .side-jack.left{left:0}#face .side-jack.right{right:0;transform:scaleX(-1)}
