.building-video{position:fixed;z-index:30;overflow:hidden;background:#102022;isolation:isolate;pointer-events:none}
.building-video[hidden]{display:none}
.building-video>img,.building-video>video{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0;object-fit:cover}
.building-video>video{opacity:0;pointer-events:none;object-fit:contain;background:#000}
.building-video.playing>video{opacity:1;pointer-events:auto}
.building-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px;color:#eeecdd;font:25px Lava,serif;background:none;border:0;cursor:pointer;opacity:0;transition:opacity .35s}
.building-video-play>span:first-child{display:grid;place-items:center;width:92px;height:92px;border:1px solid #d1a941;border-radius:50%;background:#182d2fd9;color:#d1a941;font-size:29px;padding-left:5px;transition:background .25s,scale .25s}
.building-video.ready{pointer-events:auto}
.building-video.ready .building-video-play{opacity:1}
.building-video-play:hover>span:first-child{background:#715d32;scale:1.06}
.building-video.playing .building-video-play{display:none}
.building-video-status{position:absolute;bottom:9%;left:10%;right:10%;text-align:center;color:#fff;font:20px Lava,serif;pointer-events:none}
@media(prefers-reduced-motion:reduce){.building-video *{transition:none!important}}

/* Minimal cinema controls, matching the reference. */
.building-video{background:#000}
.building-video>img,.building-video>video{height:calc(100% - 66px);object-fit:contain}
.building-video-play{display:none}
.building-video-controls{position:absolute;bottom:0;left:8%;right:8%;height:66px;display:flex;align-items:center;justify-content:center;gap:16px;color:#ccc;font:14px ui-monospace,monospace;opacity:0;transition:opacity .3s}
.building-video.ready .building-video-controls{opacity:1}
.building-video-controls button{font:inherit;color:inherit;background:none;border:0;padding:8px 0;cursor:pointer;white-space:nowrap}
.building-video-controls button:hover{color:#fff}
.building-video-controls button:focus-visible,.building-video-controls input:focus-visible{outline:1px solid #d1a941;outline-offset:5px}
.film-seek{flex:1;min-width:40px;max-width:500px;height:2px;appearance:none;background:linear-gradient(to right,#eee var(--progress,0%),#515151 var(--progress,0%));cursor:pointer;margin:0}
.film-seek::-webkit-slider-thumb{appearance:none;width:10px;height:4px;background:#fff;border-radius:0}
.film-seek::-moz-range-thumb{width:10px;height:4px;background:#fff;border:0;border-radius:0}
.film-fullscreen{font-size:27px!important;line-height:1}
.building-video-status{bottom:75px;font-size:16px}
.building-video:is(:fullscreen,.film-expanded){width:100%!important;height:100%!important;left:0!important;top:0!important}
@media(max-width:700px){.building-video-controls{left:5%;right:5%;gap:9px;font-size:11px;height:52px}.building-video>img,.building-video>video{height:calc(100% - 52px)}.film-fullscreen{font-size:22px!important}}

/* Keep cinema layout and transport together when entering fullscreen. */
.building-video:is(:fullscreen,.film-expanded){display:block!important;position:fixed!important;inset:0!important;max-width:none!important;max-height:none!important;transform:none!important;margin:0!important;padding:0!important}
.building-video:is(:fullscreen,.film-expanded)>img,.building-video:is(:fullscreen,.film-expanded)>video{inset:0 0 76px!important;width:100%!important;height:calc(100% - 76px)!important;object-fit:contain!important}
.building-video:is(:fullscreen,.film-expanded) .building-video-controls{height:76px;left:10%;right:10%;bottom:0;opacity:1}
.building-video .building-video-play,.building-video.playing .building-video-play{display:grid;place-items:center;top:calc(50% - 33px);width:78px;height:78px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;z-index:2;opacity:0;transition:opacity .2s;filter:drop-shadow(0 2px 6px #0008)}
.building-video .building-video-play svg{width:62px;height:62px;pointer-events:none}
.building-video.ready .building-video-play{opacity:.85}
.building-video.playing .building-video-play{opacity:0}
.building-video.playing:hover .building-video-play,.building-video.playing:focus-within .building-video-play{opacity:.85}
.building-video .building-video-play:hover{opacity:1}
.building-video:is(:fullscreen,.film-expanded) .building-video-play{top:calc(50% - 38px)}
@media(hover:none){.building-video.playing .building-video-play{opacity:.6}}

/* Reference transport: small, elongated outline symbols with no fill. */
.building-video .building-video-play svg{width:40px;height:40px;overflow:visible}
.building-video .building-video-play{filter:none;color:#fff}