.video-gallery{width:100%;margin:2rem 0}.video-row{display:flex;gap:2rem;flex-wrap:wrap}.video-item{flex:1;min-width:300px;margin-bottom:2rem}.video-item h3{margin-bottom:.5rem;font-size:1.5rem}.video-item p{margin-bottom:1rem;font-size:1rem;color:#666}.video-container{box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden;border-radius:4px}.video-thumbnail{position:relative;cursor:pointer;overflow:hidden;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.video-thumbnail:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.thumbnail-image{width:100%;display:block;transition:filter .3s ease}.video-thumbnail:hover .thumbnail-image{filter:brightness(.8)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease}.video-thumbnail:hover .play-button{transform:translate(-50%,-50%)scale(1.1)}.video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);z-index:999999;justify-content:center;align-items:center;padding:2rem;box-sizing:border-box;overflow-y:auto}.modal-content{position:relative;width:90%;max-width:1200px;background-color:#000;border-radius:8px;overflow:hidden;margin:auto}.close-modal{position:absolute;top:10px;right:15px;color:#fff;font-size:2rem;cursor:pointer;z-index:1010;text-shadow:0 0 4px #000;width:40px;height:40px;line-height:40px;text-align:center}.modal-video-container{width:100%}.modal-title{color:#fff;padding:1rem;text-align:center;font-size:1.2rem;background-color:rgba(0,0,0,.7)}@media(max-width:768px){.video-row{flex-direction:column}.video-item{width:100%}.video-modal{padding:.5rem}.modal-content{width:100%;max-height:90vh}.close-modal{top:5px;right:10px;background-color:rgba(0,0,0,.5);border-radius:50%;font-size:1.8rem}body.modal-open{position:fixed;width:100%;height:100%;overflow:hidden}video::-webkit-media-controls{overflow:visible!important}video::-webkit-media-controls-enclosure{width:100%!important}}