:root{--menu-font: 500 15px/26px "Rubik", sans-serif;--button-font: 700 16px/26px "Rubik", sans-serif;--category-heading-font: 400 16px/26px "Rubik", sans-serif;--sub-menu-font: 400 14px/20px "Rubik", sans-serif;--sub-menu-title-font: 600 14px/20px "Rubik", sans-serif;--footer-font: 400 14px/26px "Rubik", sans-serif;--title-font: 500 40px/50px "Rubik", sans-serif;--main-text-font: 500 20px/26px "Rubik", sans-serif;--footer-title-font: 600 18px/20px "Rubik", sans-serif;--color-a:#f7f5f5;--color-blur:rgba(247,245,245,.1);--color-white:#fff;--color-bg-grey:#2d2d2d;--color-bg-grey-hover:#414141;--color-red:#e50914;--color-red-hover:#c11119;--color-black:#000}#video-gallery #content{width:100%}.video-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:30px 0}.video-item{background-color:var(--color-blur);backdrop-filter:blur(5px);border-radius:15px;overflow:hidden;transition:transform .3s ease , box-shadow .3s ease;cursor:pointer}.video-item:hover{background-color:var(--color-bg-grey-hover)}.video-preview{position:relative;padding-bottom:56.25%;overflow:hidden;background:#000}.video-preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-item:hover .video-preview img{transform:scale(1.05)}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:.9;transition:opacity .3s ease}.video-item:hover .video-play-overlay{opacity:1}.video-play-overlay svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.video-info{padding:15px}.video-title{font: var(--menu-font) !important;margin:0 0 8px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description{font: var(--sub-menu-font);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9);animation:fadeIn .3s ease}@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}.video-modal-content{position:relative;margin:10% auto;width:90%;max-width:1200px;animation:slideDown .3s ease}@keyframes slideDown {
  from {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}.video-modal-close{position:absolute;top:60px;right:0;font-size:30px;border-radius:10px;border:2px solid var(--color-blur);padding:5px 9px;cursor:pointer;transition:color .3s ease;z-index:10000}.video-modal-close:hover,.video-modal-close:focus{background-color:var(--color-blur);backdrop-filter:blur(5px);border-color:transparent}.video-modal-body{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.video-modal-body iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width:768px){.video-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.video-modal-content{width:95%;margin:15% auto}.video-modal-close{font-size:30px;top:-60px}}@media (max-width:480px){.video-gallery-grid{grid-template-columns:1fr;gap:30px}.video-modal-content{width:95%;margin:25% auto}.video-title{font-size:14px}}