.youtube-videos{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,24px);display:grid}.youtube-video-card{color:#fff;transform:rotate(calc((var(--i) - 1.5) * 1.5deg));flex-direction:column;gap:16px;text-decoration:none;transition:transform .18s,filter .18s;display:flex}.youtube-video-card:hover,.youtube-video-card:focus-visible{filter:drop-shadow(0 20px 32px #e958fc47);outline:none;transform:rotate(0)translateY(-8px)scale(1.02)}.youtube-video-card:hover .thumb img,.youtube-video-card:focus-visible .thumb img{scale:1.08}.youtube-video-card .thumb{aspect-ratio:16/9;background:#ffffff14;border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #fff3,0 16px 40px #00000040}.youtube-video-card .thumb .glass-effect{--border-radius:24px}.youtube-video-card .thumb img{object-fit:cover;width:100%;height:100%;transition:scale .24s;display:block}.youtube-video-card .thumb .play{background:#f03;border-radius:14px;width:54px;height:38px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 5px #00000059}.youtube-video-card .thumb .play:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:14px solid #fff;position:absolute;top:11px;left:22px}.youtube-video-card .copy{flex-direction:column;gap:6px;padding:0 4px;display:flex}.youtube-video-card .copy p{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.youtube-video-card .copy h3{text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.36em;margin:0;font-size:clamp(15px,1.25vw,18px);font-weight:800;line-height:1.18;display:-webkit-box;overflow:hidden}.youtube-video-card.skeleton{pointer-events:none}.youtube-video-card.skeleton .thumb,.youtube-video-card.skeleton .copy p,.youtube-video-card.skeleton .copy h3{background:linear-gradient(90deg,#0000,#ffffff1f,#0000) 0 0/220% 100%,#ffffff14 0 0/100% 100%;animation:1.2s ease-in-out infinite youtube-video-skeleton}.youtube-video-card.skeleton .copy p{border-radius:999px;width:45%;height:14px}.youtube-video-card.skeleton .copy h3{border-radius:12px;width:90%;height:42px;min-height:0}@keyframes youtube-video-skeleton{0%{background-position:120% 0,0 0}to{background-position:-120% 0,0 0}}@media (max-width:1023px){.youtube-videos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.youtube-videos{grid-template-columns:1fr;max-width:430px}.youtube-video-card{transform:none}}