/* One continuous studio display fills the space behind the presenters and desk.
   Only the display's outside edge softens into the page. */
.work-art.art-broadcast{container-type:size;overflow:visible;background:none}
.broadcast-screen{position:absolute;inset:0 2% 4%;display:block;overflow:hidden;isolation:isolate;pointer-events:none;opacity:.9;background:#17201e;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(transparent,#000 5%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(transparent,#000 5%,#000 94%,transparent);mask-composite:intersect}
.broadcast-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(150deg,#dbece712,transparent 42%,#07130f1a),repeating-linear-gradient(0deg,transparent 0 2px,#dcece806 2px 3px)}
.broadcast-layer{position:absolute;inset:0;display:block;pointer-events:none;opacity:0;animation-duration:24s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:var(--art-play-state)}
.broadcast-screen .broadcast-layer{inset:-4%}
.broadcast-screen .broadcast-layer::after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,#e2eee814,transparent 44%,#d5e5df08);pointer-events:none}
.broadcast-layer>svg,.work-art.art-broadcast .broadcast-layer>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;transform:none!important}
.broadcast-room{opacity:.8;animation-name:broadcast-room-cycle}
.broadcast-news{animation-name:broadcast-news-cycle}
.broadcast-interview{animation-name:broadcast-interview-cycle}
.broadcast-title{inset:1% 26% auto;height:32%;animation-name:broadcast-title-cycle}
.broadcast-foreground{position:absolute;left:8%;bottom:2%;width:84%;aspect-ratio:1692/929;display:block;filter:drop-shadow(0 9px 8px #0004);pointer-events:none}
:is(.work-card,.person-work,.home-scene) .art-broadcast .broadcast-foreground>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;border-radius:0;transform:none!important;filter:none}
@keyframes broadcast-room-cycle{0%,21%,100%{opacity:.8;transform:translateX(0) scale(1)}25%,95%{opacity:0;transform:translateX(-1.4%) scale(1.035)}}
@keyframes broadcast-news-cycle{0%,23%,47%,100%{opacity:0;transform:translateX(2.5%) scale(1.04)}28%,42%{opacity:.72;transform:translateX(-1%) scale(1)}}
@keyframes broadcast-interview-cycle{0%,44%,67%,100%{opacity:0;transform:translateX(-2.5%) scale(1.02)}49%,62%{opacity:.7;transform:translateX(1%) scale(1.045)}}
@keyframes broadcast-title-cycle{0%,64%,91%,100%{opacity:0;transform:translateY(6%)}69%,86%{opacity:1;transform:translateY(0)}}
/* Motion freezes with the shared control and offscreen observer. Reading views
   use just the cutout; reduced motion holds the meeting-room composition. */
.work-grid.index .art-broadcast{overflow:visible}
.work-grid.index .art-broadcast :is(.broadcast-screen,.broadcast-title){display:none}
.work-grid.index .broadcast-foreground{inset:0;width:100%;height:100%;aspect-ratio:auto;filter:none}
@media(prefers-reduced-motion:reduce){
 .art-broadcast .broadcast-layer{animation:none;transform:none}
 .art-broadcast .broadcast-room{opacity:.8}
 .art-broadcast :is(.broadcast-news,.broadcast-interview,.broadcast-title){opacity:0}
}
@media(forced-colors:active){.art-broadcast :is(.broadcast-screen,.broadcast-title){display:none}.broadcast-foreground{filter:none}}