.section-video-grid{display:block;overflow:hidden;padding-bottom:2.5rem;padding-top:2.5rem;position:relative;width:100%}@media (min-width:1024px){.section-video-grid{padding-bottom:60px;padding-top:60px}}.section-video-grid.-white{background-color:initial}.section-video-grid.-grey{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity))}.section-video-grid.-two .video-grid-list{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.section-video-grid.-two .video-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.section-video-grid.-three .video-grid-list{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.section-video-grid.-three .video-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.section-video-grid.-three .video-grid-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.section-video-grid .video-grid-title{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));font-family:IBM Plex Sans;font-size:28px;font-weight:400}@media (min-width:768px){.section-video-grid .video-grid-title{font-size:40px}}.section-video-grid .container .video-grid-list{align-items:flex-start;display:grid;gap:32px;margin-top:2.5rem}@media (min-width:1280px){.section-video-grid .container .video-grid-list{margin-top:60px}}.section-video-grid .container .video-grid-list .video-el{cursor:pointer;text-align:left}.section-video-grid .container .video-grid-list .video-el .video-el-img-wrapper{border-radius:1.5rem;position:relative}.section-video-grid .container .video-grid-list .video-el .video-el-img-wrapper img{border-radius:1.5rem;object-fit:cover;object-position:center;width:100%}.section-video-grid .container .video-grid-list .video-el .video-el-img-wrapper .play-icon{--tw-translate-x:-50%;--tw-translate-y:-50%;--tw-border-opacity:1;--tw-text-opacity:1;text-wrap:nowrap;align-items:center;background-color:initial;border-color:rgb(255 255 255/var(--tw-border-opacity));border-radius:.75rem;border-style:solid;border-width:1px;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;gap:.5rem;justify-content:center;left:50%;padding:.75rem 1.5rem;position:absolute;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s;z-index:2}.section-video-grid .container .video-grid-list .video-el .video-el-img-wrapper:before{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));border-radius:1.5rem;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition-duration:.3s;width:100%;z-index:1}.section-video-grid .container .video-grid-list .video-el .video-el-title{--tw-text-opacity:1;color:rgb(56 56 56/var(--tw-text-opacity));font-family:IBM Plex Sans;font-size:17px;font-weight:700;margin-top:1rem;transition-duration:.3s}.section-video-grid .container .video-grid-list .video-el .video-el-text{--tw-text-opacity:1;color:rgb(56 56 56/var(--tw-text-opacity));font-family:IBM Plex Sans;font-size:1rem;font-weight:400;line-height:1.5rem;margin-top:1rem}.section-video-grid .container .video-grid-list .video-el:focus-within .video-el-img-wrapper:before,.section-video-grid .container .video-grid-list .video-el:hover .video-el-img-wrapper:before{opacity:.4}.section-video-grid .container .video-grid-list .video-el:focus-within .video-el-img-wrapper .play-icon,.section-video-grid .container .video-grid-list .video-el:hover .video-el-img-wrapper .play-icon{--tw-scale-x:1.1;--tw-scale-y:1.1;--tw-bg-opacity:1;background-color:rgb(147 147 147/var(--tw-bg-opacity));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.section-video-grid dialog{--tw-scale-x:0;--tw-scale-y:0;display:block;inset:0;max-width:min(90%,1440px);opacity:0;overflow:visible;pointer-events:none;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.5s;width:100%;z-index:999}.section-video-grid dialog .close-button{--tw-bg-opacity:1;align-items:center;background-color:rgb(14 229 158/var(--tw-bg-opacity));display:flex;height:2.25rem;justify-content:center;overflow:hidden;position:absolute;right:0;top:-2.25rem;width:2.25rem;z-index:2}.section-video-grid dialog .close-button svg{height:1rem;position:relative;width:1rem;z-index:2}.section-video-grid dialog .close-button svg path{fill:#fff}.section-video-grid dialog .close-button:hover svg{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.section-video-grid dialog .video-wrapper{aspect-ratio:16/9;position:relative;width:100%;z-index:1}.section-video-grid dialog[open]{--tw-scale-x:1;--tw-scale-y:1;opacity:1;pointer-events:auto;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s}.section-video-grid dialog::backdrop{--tw-bg-opacity:0.2;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:rgb(0 0 0/var(--tw-bg-opacity))}