@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Oswald:wght@400;600&display=swap');

*{margin:0;padding:0;box-sizing:border-box;}
body{background:#000;color:#fff;font-family:'Space Mono',monospace;}
.fade-in{animation:fadeIn .8s ease forwards;opacity:0;}
@keyframes fadeIn{to{opacity:1;}}

.grain{pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;
background-image:url("https://grainy-gradients.vercel.app/noise.svg");opacity:.05;z-index:999;}

header{display:flex;justify-content:space-between;align-items:center;padding:50px 80px;}
h1{font-family:'Oswald',sans-serif;font-size:22px;letter-spacing:3px;}
nav a{margin-left:40px;text-decoration:none;color:#888;font-size:13px;letter-spacing:2px;}
nav a:hover{color:#fff;}

.page{padding:80px;max-width:1000px;margin:auto;}
.page-title{font-family:'Oswald',sans-serif;font-size:42px;letter-spacing:4px;margin-bottom:60px;}
.vertical-feed{max-width:900px;}
.video-block{margin-bottom:120px;cursor:pointer;}
.video-thumb{width:100%;height:520px;background-size:cover;background-position:center;filter:brightness(.9);transition:.4s;}
.video-thumb:hover{filter:brightness(1);transform:scale(1.01);}
.video-block h3{font-family:'Oswald',sans-serif;font-size:24px;letter-spacing:3px;margin-top:20px;}
.video-block p{color:#aaa;letter-spacing:2px;font-size:12px;margin-top:6px;}

.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);
justify-content:center;align-items:center;z-index:1000;}
.lightbox-content{width:80%;max-width:1200px;}
.lightbox iframe{width:100%;height:600px;}

.content{padding:120px 80px;max-width:900px;margin:auto;}
.about-layout{display:flex;gap:60px;}
.about-image img{width:320px;border-radius:4px;}
.about-text p{color:#fff;line-height:1.8;}

footer{padding:40px 80px;border-top:1px solid #111;color:#555;font-size:12px;}