:root{--bg: #050505;--yellow-glitch: #FFD700;--blue-glitch: #003893;--red-glitch: #CE1126;--text: #ffffff;--font-main: "Inter", sans-serif;--font-heavy: "Monument Extended", sans-serif}@font-face{font-family:Monument Extended;src:url(https://fonts.cdnfonts.com/s/72147/MonumentExtended-Ultrabold.woff) format("woff")}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);color:var(--text);font-family:var(--font-main);overflow-x:hidden;line-height:1.6}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-text{position:relative;display:inline-block;animation:glitch 1.5s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg)}.glitch-text:before{left:2px;text-shadow:-2px 0 var(--yellow-glitch);clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px 0 var(--red-glitch);clip:rect(44px,450px,56px,0);animation:glitch-anim2 1s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0)}20%{clip:rect(62px,9999px,42px,0)}40%{clip:rect(16px,9999px,78px,0)}60%{clip:rect(81px,9999px,13px,0)}80%{clip:rect(54px,9999px,55px,0)}to{clip:rect(96px,9999px,98px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0)}20%{clip:rect(12px,9999px,45px,0)}40%{clip:rect(78px,9999px,23px,0)}60%{clip:rect(34px,9999px,89px,0)}80%{clip:rect(5px,9999px,67px,0)}to{clip:rect(90px,9999px,12px,0)}}.hero{height:100vh;width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.4;z-index:-1}.hero h1{font-family:var(--font-heavy);font-size:clamp(3rem,10vw,8rem);text-transform:uppercase;line-height:.9;letter-spacing:-2px}.hero p{font-size:1.2rem;max-width:600px;margin-top:2rem;opacity:.8;padding:0 1rem}.section{padding:100px 20px;max-width:1200px;margin:0 auto}.section-title{font-family:var(--font-heavy);font-size:3rem;margin-bottom:50px;text-transform:uppercase;border-left:10px solid var(--yellow-glitch);padding-left:20px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.video-card{background:#111;border:1px solid #222;transition:transform .3s ease;overflow:hidden;position:relative}.video-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--blue-glitch)}.video-card video{width:100%;height:200px;object-fit:cover}.video-info{padding:15px}.video-info h3{font-size:1.1rem;margin-bottom:5px;color:var(--yellow-glitch)}.video-info p{font-size:.9rem;opacity:.6}.image-grid{columns:3 300px;gap:15px}.image-item{margin-bottom:15px;break-inside:avoid;position:relative;border:1px solid #333;filter:grayscale(100%);transition:all .5s ease}.image-item:hover{filter:grayscale(0%);border-color:var(--red-glitch)}.image-item img{width:100%;display:block}.image-overlay{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.8);padding:10px;opacity:0;transition:opacity .3s ease}.image-item:hover .image-overlay{opacity:1}.cta-container{text-align:center;margin-top:100px;padding-bottom:100px}.cta-button{display:inline-block;padding:20px 40px;background:var(--text);color:var(--bg);text-decoration:none;font-family:var(--font-heavy);font-size:1.5rem;text-transform:uppercase;transition:all .3s ease;position:relative}.cta-button:hover{background:var(--yellow-glitch);transform:skew(-5deg);box-shadow:10px 10px var(--blue-glitch),-10px -10px var(--red-glitch)}@media (max-width: 768px){.hero h1{font-size:4rem}.section-title{font-size:2rem}.image-grid{columns:2 200px}}
