.mod-video-grid .grid{align-items:start;display:grid}.mod-video-grid .video-card{background:transparent;border:none;border-radius:0;cursor:pointer;display:block;justify-self:center;margin:-1rem;padding:1rem;text-align:start}.mod-video-grid .video-card .img{aspect-ratio:16/9;margin-block-end:2rem;max-height:44rem;overflow:hidden;position:relative}.mod-video-grid .video-card .img:before{background-color:rgba(var(--color-primary-rgb),.5);inset:0;z-index:1}.mod-video-grid .video-card .img:after,.mod-video-grid .video-card .img:before{content:"";opacity:0;position:absolute;transition:opacity var(--transition-timing-normal)}.mod-video-grid .video-card .img:after{inset:50%;transform:translate(-50%,-50%);z-index:2;--r:1rem;aspect-ratio:cos(30deg);height:12rem;--_g:calc(tan(60deg)*var(--r)) left var(--r),#000 98%,#0000 101%;background:var(--color-white);clip-path:polygon(100% 50%,0 100%,0 0);-webkit-mask:conic-gradient(from 60deg at calc(var(--r)*3/2 - 100%),#000 60deg,#0000 0) 0 0/calc(100% - var(--r)*3/2) 100% no-repeat,radial-gradient(var(--r) at calc(100% - var(--r)*2) 50%,#000 98%,#0000 101%),radial-gradient(var(--r) at top var(--_g)),radial-gradient(var(--r) at bottom var(--_g))}.mod-video-grid .video-card .img img{display:block;height:100%;object-fit:cover;transition:transform var(--transition-timing-normal);width:100%}.mod-video-grid .video-card:focus .img:after,.mod-video-grid .video-card:focus .img:before,.mod-video-grid .video-card:focus-visible .img:after,.mod-video-grid .video-card:focus-visible .img:before,.mod-video-grid .video-card:hover .img:after,.mod-video-grid .video-card:hover .img:before{opacity:1}.mod-video-grid .video-card:focus .img img,.mod-video-grid .video-card:focus-visible .img img,.mod-video-grid .video-card:hover .img img{transform:scale(1.2)}.mod-video-grid .offcanvas .btn-icon{inset:var(--container-gutter-x) var(--container-gutter-x) auto auto;position:absolute}.mod-video-grid figure{margin:0}.mod-video-grid iframe{aspect-ratio:16/9;border:none;display:block;margin:none;margin-block-end:2rem;width:100%}