.yt-gallery-wrapper{font-family:system-ui,-apple-system,sans-serif;margin:40px auto;max-width:1200px;padding:0 20px}.yt-gallery-header{margin-bottom:40px;text-align:center}.yt-gallery-header h2{color:#333;font-size:2.2rem;margin:0}.yt-gallery-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.yt-card{background:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.1);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.yt-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-5px)}.yt-card-thumbnail{background-color:#000;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.yt-card-thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.yt-card:hover .yt-card-thumbnail img{transform:scale(1.05)}.yt-play-btn{align-items:center;background:#96694d;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.3);color:#fff;display:flex;justify-content:center;left:50%;padding:12px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .3s ease,transform .3s ease}.yt-card:hover .yt-play-btn{background:#96694d;transform:translate(-50%,-50%) scale(1.1)}.yt-card-content{display:flex;flex-direction:column;flex-grow:1;padding:20px}.yt-card-content h3{color:#222;font-size:1.2rem;line-height:1.4;margin:0 0 12px}.yt-card-desc{color:#666;font-size:.95rem;line-height:1.5;margin:0}.yt-card-desc p{margin:0 0 10px}.yt-card-desc p:last-child{margin-bottom:0}.yt-modal{align-items:center;display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:99999}.yt-modal[aria-hidden=false]{opacity:1;pointer-events:auto}.yt-modal-overlay{background:rgba(0,0,0,.85);height:100%;position:absolute;width:100%}.yt-modal-container{background:#000;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.5);max-width:800px;position:relative;width:90%;z-index:1}.yt-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2.5rem;line-height:1;position:absolute;right:0;top:-45px}.yt-modal-video-container{padding-top:56.25%;position:relative}.yt-modal-video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}