.wrapper{padding:1rem 0}.container{margin:0 auto;padding:0 1rem}.header{margin-bottom:3rem;text-align:center}.header h1{font-size:2.5rem;margin-bottom:1rem}.description{color:#666;font-size:1.125rem}.grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(550px,1fr));padding-bottom:4rem}.videoContainer{align-content:center;aspect-ratio:16/9;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;position:relative;width:100%}.hidden-player{border-width:0;clip-path:inset(50%);height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.video-overlay{height:100%;left:0;pointer-events:auto;position:absolute;top:0;width:100%;z-index:10}.video-modal-content .video-overlay{pointer-events:none}.video-modal-content .hidden-player{clip-path:none;height:100%;opacity:1;overflow:visible;position:relative;width:100%}.video-modal-overlay{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.video-modal-content{background-color:#000;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);max-height:90vh;max-width:min(90vw,1200px);position:relative;width:min(90vw,1200px)}.video-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:0;top:-40px}#video-modal-body{height:100%;width:100%}#video-modal-body iframe,#video-modal-body video{display:block}.video-modal-content .videoContainer{aspect-ratio:16/9;display:block;width:100%}.video-modal-content #video-modal-body iframe,.video-modal-content #video-modal-body video{height:100%;max-height:100%;max-width:100%;width:100%}