.content-wrapper{padding:0;width:100%;position:relative;min-height:100vh;height:100%;background:var(--bg);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.content-wrapper::-webkit-scrollbar{display:none}.content-wrapper:after{content:"";position:fixed;inset:0;background:rgba(242,239,232,.92);z-index:-1}.content-wrapper .video-list{position:relative;display:grid;gap:0;padding:96px 24px 64px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));border-bottom:var(--border-w) solid var(--ink)}.content-wrapper .video-list .video-card{text-decoration:none;position:relative;overflow:hidden;border:var(--border-w) solid var(--ink);margin:-1.5px;background:var(--ink);border-radius:0;cursor:pointer;transition:transform .15s ease}.content-wrapper .video-list .video-card:hover{transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--ink);z-index:2}.content-wrapper .video-list .video-card .thumbnail-container{position:relative;width:100%}.content-wrapper .video-list .video-card .thumbnail{width:100%;display:block;object-fit:cover;aspect-ratio:16/9;border-radius:0;filter:grayscale(30%);transition:filter .2s ease}.content-wrapper .video-list .video-card:hover .thumbnail{filter:grayscale(0)}.content-wrapper .video-list .video-card .duration{position:absolute;right:0;bottom:0;color:var(--bg);background:var(--ink);font-family:ui-monospace,Courier New,monospace;font-size:11px;font-weight:700;padding:5px 9px;border-top:2px solid var(--bg);border-left:2px solid var(--bg);letter-spacing:.05em;border-radius:0}.content-wrapper .video-list .video-card .video-info{position:absolute;inset:0;display:flex;justify-content:flex-end;align-items:flex-start;flex-direction:column;text-transform:uppercase;text-align:left;color:var(--bg);background:linear-gradient(0deg,rgba(10,10,10,.95) 0,rgba(10,10,10,.6) 40%,rgba(10,10,10,0) 70%);padding:16px;gap:4px;opacity:0;transition:opacity .2s ease}.content-wrapper .video-list .video-card:hover .video-info{opacity:1}.content-wrapper .video-list .video-card .video-info .title{font-size:14px;font-weight:900;color:var(--bg);margin:0;line-height:1.15;letter-spacing:.01em}.content-wrapper .video-list .video-card .video-info .channel-name{font-size:11px;color:var(--bg);opacity:.7;font-family:ui-monospace,Courier New,monospace;letter-spacing:.08em;margin:0}.voir-plus{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;aspect-ratio:16/9;background:var(--bg-paper);border:var(--border-w) solid var(--ink);margin:-1.5px;cursor:pointer;position:relative;border-radius:0;transition:background .15s ease}.voir-plus:hover{background:var(--blood)}.voir-plus p{color:var(--ink);font-size:13px;font-weight:900;margin:0;text-transform:uppercase;letter-spacing:.1em;border:none;padding:0}.voir-plus:hover p{color:var(--bg)}.video-player-overlay{position:fixed;inset:0;background:rgba(10,10,10,.95);display:flex;justify-content:center;align-items:center;z-index:1002;padding:24px}.video-player{width:90%;height:auto;aspect-ratio:16/9;max-width:1000px;border:var(--border-w) solid var(--bg);border-radius:0;background:#000}.close-btn{position:absolute;top:20px;right:20px;font-size:14px;font-weight:800;color:var(--bg);background:var(--ink);border:2px solid var(--bg);padding:8px 14px;cursor:pointer;z-index:1003;border-radius:0;letter-spacing:.1em}.close-btn:hover{background:var(--blood)}@media (max-width:680px){.content-wrapper .video-list{padding:96px 16px 48px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.close-btn{top:80px;right:20px}}