.video-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.video-item-wrapper{align-items:stretch;display:flex;flex:0 0 calc(50% - 24px);flex-direction:column;max-width:calc(50% - 24px)}@media (max-width:768px){.video-item-wrapper{flex:0 0 100%;max-width:100%}}.video-item{display:flex;flex-direction:column;width:100%}.video-embed,.video-thumbnail-container{background-color:#f5f5f5;border:1px solid #ccc;border-radius:8px;cursor:pointer;height:0;margin:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-thumbnail{background-color:#f5f5f5;border-radius:8px;display:block;height:100%;inset:0;object-fit:contain;position:absolute;transition:transform .3s ease,opacity .3s ease;width:100%}.video-thumbnail-container:hover .video-thumbnail{transform:scale(1.05)}.play-button-overlay{color:#fff;font-size:48px;left:50%;pointer-events:none;position:absolute;text-shadow:2px 2px 6px rgba(0,0,0,.6);top:50%;transform:translate(-50%,-50%)}.video-embed{margin-top:10px}.embed-responsive iframe,.video-embed video{border:1px solid #ccc;border-radius:8px;display:block;height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.video-description,.video-title{text-align:center;width:100%}.video-title{line-height:1.4;margin-bottom:6px;margin-top:10px;word-break:break-word}.video-description{line-height:1.5;margin-top:0}.video-toggle-container{margin-bottom:40px;margin-top:20px;text-align:center}.video-toggle-button{background-color:#00b5e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.video-toggle-button:hover{background-color:#009fc4}.video-anchor{display:block;height:0;position:relative;top:-80px;visibility:hidden}.video-item-wrapper:target{border-radius:10px;outline:3px solid #00b5e2;outline-offset:4px}