/* Only landscape frames with a portrait main film receive companion panels. */
[data-triptych]{position:relative;isolation:isolate;overflow:hidden}
[data-triptych] .triptych-primary{position:absolute!important;left:33.333333%!important;top:0!important;width:33.333334%!important;height:100%!important;object-fit:contain!important;transform:none!important}
.triptych-companions{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.triptych-panel{position:absolute;top:0;bottom:0;width:33.333334%;overflow:hidden;background:#08080a}
.triptych-left{left:0}.triptych-right{right:0}
.triptych-panel img,.triptych-panel video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;border-radius:0!important;margin:0!important}
.triptych-panel video{opacity:0!important}.triptych-panel.playing video{opacity:1!important}
.triptych-panel span{position:absolute;left:10px;right:10px;top:55px;color:#fff;font:500 10px/1.4 var(--body,sans-serif);text-align:center;text-shadow:0 1px 5px #000;background:#0008;border-radius:20px;padding:5px 8px;width:fit-content;margin:auto}
#videoContainer[data-triptych] .triptych-primary{z-index:2;background:#000}
#videoContainer[data-triptych]>.project-meta{z-index:3;pointer-events:none}
@media(max-width:700px){.triptych-panel span{font-size:8px;left:4px;right:4px;padding:4px;top:54px}}