.landscape{position:absolute;pointer-events:none}
.landscape-desktop{left:5.92%;top:12.65%;width:24.28%;height:35.07%;clip-path:polygon(0 0,100% 12.7%,100% 88%,0 100%);z-index:3}
.landscape-mobile{display:none}
.scene-clock{position:absolute;left:27.6%;top:59.75%;width:6.1%;height:7.12%;z-index:5;border:0;border-radius:2px;background:transparent;color:#e9dfc2;transform:none;padding:0;cursor:pointer;font:400 2.05cqw/1 Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.12cqw}
.scene-clock svg{display:block;width:100%;height:100%;overflow:visible}
.scene-clock text{fill:currentColor;font:400 34px Consolas,monospace;letter-spacing:-2px}
.scene-clock:focus-visible{outline:2px solid #d6c49e;outline-offset:4px}
.daylight-controls{position:absolute;left:23%;top:68%;width:245px;max-width:78vw;z-index:8;background:#0b141b;border:1px solid #47545d;border-radius:8px;padding:16px;box-shadow:0 12px 30px #0008;color:#dde4e7;font:13px/1.5 Arial,sans-serif}
.daylight-controls[hidden]{display:none}.daylight-controls label{display:flex;justify-content:space-between}.daylight-controls input{width:100%;margin:14px 0;accent-color:#bd9a72}.daylight-controls button{padding:7px 10px;border:1px solid #43515b;background:#17232b;color:#e2e6e8;border-radius:4px;cursor:pointer}.cycle-close{float:right}
@media(max-width:1000px) and (orientation:portrait){
 .landscape-desktop{display:none}.hero-copy{overflow:hidden;isolation:isolate}.landscape-mobile{display:block;inset:0;width:100%;height:100%;z-index:-1}.hero-copy::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07111caa,transparent);z-index:-1}
 .scene-clock{left:43.2%;top:4.5%;width:13.2%;height:2.4%;transform:none;font-size:4.8cqw;letter-spacing:-.3cqw}.scene-clock .clock-face{transform:scale(1,1.314)}.scene-clock text{font-size:34px}.daylight-controls{top:8%;left:15%;width:70%;max-width:none}
}

/* Occlude the live display along the sleeve silhouette of each contact frame.
   The clock remains behind the arm on both the outward and return sequence.
   Coordinates are relative to its SVG, so the mask scales with the room. */
@media(min-width:1001px),(orientation:landscape){
 .setup[data-actor-state="contact-15"] .scene-clock svg,
 .setup[data-actor-state="contact-a"] .scene-clock svg{clip-path:polygon(0 0,86% 0,100% 16%,100% 100%,0 100%)}
 .setup[data-actor-state="contact-25"] .scene-clock svg{clip-path:polygon(0 0,100% 0,100% 63%,88% 65%,72% 72%,64% 68%,44% 58%,31% 57%,16% 44%,0 39%)}
 .setup[data-actor-state="contact-2"] .scene-clock svg{clip-path:polygon(0 0,100% 0,100% 59%,83% 58%,67% 67%,61% 62%,43% 53%,30% 54%,17% 42%,0 37%)}
 .setup[data-actor-state="contact-35"] .scene-clock svg{clip-path:polygon(0 0,100% 0,100% 38%,87% 46%,70% 61%,57% 57%,43% 67%,35% 51%,22% 43%,0 39%)}
 .setup[data-actor-state="contact"] .scene-clock svg{clip-path:polygon(0 0,100% 0,100% 24%,89% 33%,74% 44%,64% 44%,46% 58%,35% 49%,32% 40%,16% 36%,0 34%)}
}