/* EVISION cinema: authored as an asymmetric contact sheet, never a scroll trap. */
.cinema-motion .video-gallery-grid{gap:26px 20px;align-items:stretch}
.cinema-motion .video-gallery-tile{display:flex;min-width:0;flex-direction:column}
.cinema-motion .video-gallery-tile:first-child{grid-column:span 2;grid-row:span 2}
.cinema-motion .video-gallery-tile:first-child .video-gallery-frame{flex:1;aspect-ratio:auto;min-height:260px}
.cinema-motion .video-gallery-tile:last-child{grid-column:span 2}
.cinema-motion .video-gallery-tile:last-child .video-gallery-frame{aspect-ratio:32/9}
.cinema-motion .video-gallery-frame{--cinema-x:50%;--cinema-y:50%;border-radius:12px;border-color:#8eb7c12c;box-shadow:0 12px 36px #00000016;transform:perspective(1200px) rotateX(var(--cinema-rx,0deg)) rotateY(var(--cinema-ry,0deg));transition:transform .65s cubic-bezier(.16,1,.3,1),border-color .5s,box-shadow .5s}
.cinema-motion .video-gallery-frame:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at var(--cinema-x) var(--cinema-y),#e0f7ff1c,transparent 62%);opacity:0;transition:opacity .5s}
.cinema-motion .video-gallery-frame:after{background:linear-gradient(180deg,#03151c22,transparent 35%,transparent 60%,#03151c66)}
.cinema-motion .video-gallery-frame>img,.cinema-motion .video-gallery-frame>video{transform:scale(1.025);transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .5s}
.cinema-motion .video-gallery-expand{align-items:flex-end;padding:14px}
.cinema-motion .video-gallery-expand:before,.cinema-motion .video-gallery-expand:after{content:'';position:absolute;top:50%;left:50%;pointer-events:none;transition:transform .6s cubic-bezier(.16,1,.3,1),background .4s,border-color .4s,opacity .4s}
.cinema-motion .video-gallery-expand:before{width:54px;height:54px;border:1px solid #ebfbff70;border-radius:50%;background:#071e2c4d;box-shadow:0 4px 24px #00000012;transform:translate(-50%,-50%) scale(.9);opacity:.7}
.cinema-motion .video-gallery-expand:after{width:0;height:0;margin-left:2px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #f2f9ff;transform:translate(-50%,-50%) scale(.9);opacity:.85}
.cinema-motion .video-gallery-tile:first-child .video-gallery-expand:before{width:76px;height:76px;background:#071e2c3d}
.cinema-motion .video-gallery-tile:first-child .video-gallery-expand:after{border-top-width:8px;border-bottom-width:8px;border-left-width:12px}
.cinema-motion .video-gallery-expand svg{width:34px;height:34px;padding:8px;background:#071e2c8c;border-color:#d3edf150;transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s,border-color .35s}
.cinema-motion .video-gallery-expand:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}
.cinema-motion .video-gallery-tile:is(:hover,:focus-within) .video-gallery-frame{border-color:#87cfde83;box-shadow:0 16px 40px #00000030}
.cinema-motion .video-gallery-tile:is(:hover,:focus-within) .video-gallery-frame:before{opacity:1}
.cinema-motion .video-gallery-tile:is(:hover,:focus-within) .video-gallery-frame>img,.cinema-motion .video-gallery-tile:is(:hover,:focus-within) .video-gallery-frame>video{transform:scale(1.075)}
.cinema-motion .video-gallery-tile:is(:hover,:focus-within) .video-gallery-expand:before{transform:translate(-50%,-50%) scale(1);opacity:1;background:#0e52668c;border-color:#d2f6ffe0}
.cinema-motion .video-gallery-tile:is(:hover,:focus-within) .video-gallery-expand:after{transform:translate(-50%,-50%) scale(1);opacity:1}
.cinema-motion .video-gallery-tile:is(:hover,:focus-within) .video-gallery-expand svg{transform:translate(-2px,-2px);background:#164756;border-color:#c9f5ffb3}
.cinema-motion .video-gallery-caption{gap:12px;padding-top:14px;flex-shrink:0}
.cinema-motion .video-gallery-caption h3{font-size:16px;line-height:1.4;letter-spacing:-.025em;hyphens:none;overflow-wrap:break-word;word-break:normal}
.cinema-motion .video-gallery-caption p{line-height:1.65;hyphens:none;overflow-wrap:break-word;word-break:normal}
.cinema-motion .video-gallery-tile:first-child .video-gallery-caption{padding-top:19px;gap:16px}
.cinema-motion .video-gallery-tile:first-child h3{font-size:clamp(23px,2vw,32px);line-height:1.25;letter-spacing:-.035em}
.cinema-motion .video-gallery-tile:first-child .video-gallery-caption p{font-size:12px;margin-top:6px}
.cinema-motion .video-gallery-number{line-height:1.6;padding-top:3px}
.cinema-motion .cinema-progress{position:absolute;left:0;right:0;bottom:0;z-index:5;height:2px;pointer-events:none;background:#d8f7ff10;opacity:0;transition:opacity .4s}
.cinema-motion .cinema-progress:after{content:'';display:block;height:100%;background:#9ce8f2;box-shadow:0 0 8px #6be7f075;transform:scaleX(var(--film-progress,0));transform-origin:left}
.cinema-motion .is-playing .cinema-progress{opacity:.9}
.video-lightbox[open]::backdrop{animation:cinema-backdrop-in .5s cubic-bezier(.16,1,.3,1) both}
@keyframes cinema-backdrop-in{from{opacity:0}to{opacity:1}}
@media(min-width:2400px){.cinema-motion .video-gallery-caption h3{font-size:21px}.cinema-motion .video-gallery-caption p{font-size:14px}.cinema-motion .video-gallery-tile:first-child h3{font-size:39px}.cinema-motion .video-gallery-tile:first-child .video-gallery-caption p{font-size:16px}}
@media(max-width:1100px){.cinema-motion .video-gallery-grid{gap:24px 18px}.cinema-motion .video-gallery-tile:first-child{grid-row:auto}.cinema-motion .video-gallery-tile:first-child .video-gallery-frame{aspect-ratio:16/9;min-height:0;flex:none}.cinema-motion .video-gallery-tile:last-child .video-gallery-frame{aspect-ratio:24/9}.cinema-motion .video-gallery-tile:first-child h3{font-size:28px}}
@media(max-width:650px){.cinema-motion .video-gallery-grid{gap:24px 12px}.cinema-motion .video-gallery-frame{border-radius:8px;transform:none}.cinema-motion .video-gallery-expand{padding:9px}.cinema-motion .video-gallery-expand:before{width:44px;height:44px}.cinema-motion .video-gallery-expand:after{border-top-width:5px;border-bottom-width:5px;border-left-width:8px}.cinema-motion .video-gallery-expand svg{width:30px;height:30px;padding:7px}.cinema-motion .video-gallery-tile:first-child .video-gallery-expand:before{width:60px;height:60px}.cinema-motion .video-gallery-tile:first-child .video-gallery-expand:after{border-top-width:6px;border-bottom-width:6px;border-left-width:10px}.cinema-motion .video-gallery-caption{gap:8px;padding-top:11px}.cinema-motion .video-gallery-caption h3{font-size:14px;line-height:1.4}.cinema-motion .video-gallery-tile:first-child .video-gallery-caption{padding-top:14px;gap:12px}.cinema-motion .video-gallery-tile:first-child h3{font-size:24px}.cinema-motion .video-gallery-tile:first-child .video-gallery-caption p{font-size:11px}.cinema-motion .video-gallery-tile:last-child .video-gallery-frame{aspect-ratio:21/9}}
@media(max-width:360px){.cinema-motion .video-gallery-tile:first-child,.cinema-motion .video-gallery-tile:last-child{grid-column:auto}.cinema-motion .video-gallery-tile:last-child .video-gallery-frame{aspect-ratio:16/9}.cinema-motion .video-gallery-caption h3{font-size:17px}}
@media(hover:none){.cinema-motion .video-gallery-tile:is(:hover,:focus-within) .video-gallery-frame>img,.cinema-motion .video-gallery-tile:is(:hover,:focus-within) .video-gallery-frame>video{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.cinema-motion .video-gallery-frame,.cinema-motion .video-gallery-frame:before,.cinema-motion .video-gallery-frame>img,.cinema-motion .video-gallery-frame>video,.cinema-motion .video-gallery-expand:before,.cinema-motion .video-gallery-expand:after,.cinema-motion .video-gallery-expand svg,.cinema-motion .cinema-progress{transition:none!important;transform:none!important}.cinema-motion .video-gallery-expand:before,.cinema-motion .video-gallery-expand:after{transform:translate(-50%,-50%)!important}.video-lightbox[open]::backdrop{animation:none}}
.motion-paused .cinema-motion .video-gallery-frame{transform:none!important}
.motion-paused .cinema-motion .video-gallery-frame>img,.motion-paused .cinema-motion .video-gallery-frame>video{transform:none!important;transition:none!important}