@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@300;400;500;700&display=swap";:root{--black: #000000;--dark: #0a0a0a;--darker: #111111;--gray-dark: #1a1a1a;--gray: #2a2a2a;--gray-light: #3a3a3a;--white: #f0f0f0;--white-dim: #888888;--accent: #333333}body{background:var(--black);color:var(--white);font-family:Oswald,sans-serif;overflow-x:hidden}.app{position:relative;min-height:100vh;background:linear-gradient(180deg,var(--black) 0%,var(--dark) 50%,var(--black) 100%)}.intro-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10000;display:flex;justify-content:center;align-items:center;flex-direction:column}.intro-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.intro-title{font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,8vw,6rem);letter-spacing:.2em;color:var(--white);margin-bottom:20px;text-transform:uppercase;text-shadow:0 0 40px rgba(255,255,255,.3)}.intro-subtitle{font-family:Oswald,sans-serif;font-size:1rem;letter-spacing:.4em;color:var(--white-dim);margin-bottom:50px;text-transform:uppercase}.intro-button{background:#0a0a0ae6;border:2px solid var(--gray);padding:20px 50px;display:inline-flex;align-items:center;justify-content:center;gap:15px;cursor:pointer;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.intro-button:hover{border-color:var(--white-dim);background:#141414f2;transform:scale(1.05);box-shadow:0 20px 60px #0009}.intro-button-icon{font-size:1.5rem;color:var(--white);transition:all .3s ease}.intro-button:hover .intro-button-icon{text-shadow:0 0 20px rgba(255,255,255,.5);transform:scale(1.2)}.intro-button-text{font-family:Oswald,sans-serif;font-size:.9rem;letter-spacing:.3em;color:var(--white-dim);text-transform:uppercase;transition:color .3s ease}.intro-button:hover .intro-button-text{color:var(--white)}.bg-effects{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;overflow:hidden}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:60px 60px;opacity:1}.floating-triangles{position:absolute;top:0;left:0;width:100%;height:100%}.triangle{position:absolute;font-size:120px;color:#ffffff40;text-shadow:0 0 60px rgba(255,255,255,.3),0 0 120px rgba(255,255,255,.15);filter:drop-shadow(0 0 30px rgba(255,255,255,.1));transition:transform .1s ease-out,opacity .1s ease-out}.triangle.t1{top:10%;left:5%;font-size:280px;color:#ffffff4d}.triangle.t2{top:40%;right:5%;font-size:230px;color:#ffffff38}.triangle.t3{top:20%;left:60%;font-size:350px;color:#ffffff59}.triangle.t4{bottom:30%;left:15%;font-size:200px;color:#ffffff40}.triangle.t5{top:70%;right:20%;font-size:260px;color:#ffffff47}.dark-mist{position:absolute;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(80,80,80,.15) 0%,rgba(0,0,0,.4) 40%,transparent 70%);animation:driftMist 30s ease-in-out infinite}.mist-1{top:-50%;left:-50%;animation-delay:0s}.mist-2{top:-30%;left:-30%;animation-delay:-15s;animation-duration:40s;background:radial-gradient(ellipse at center,rgba(50,50,50,.1) 0%,rgba(20,20,20,.3) 50%,transparent 70%)}@keyframes driftMist{0%,to{transform:translate(0) scale(1)}33%{transform:translate(5%,3%) scale(1.05)}66%{transform:translate(-3%,5%) scale(.98)}}.radial-pulse{position:absolute;top:50%;left:50%;width:120vmax;height:120vmax;transform:translate(-50%,-50%);background:radial-gradient(circle at center,rgba(100,100,100,.15) 0%,rgba(60,60,60,.08) 30%,transparent 50%);animation:pulse 8s ease-in-out infinite;transition:transform .1s ease-out,opacity .1s ease-out}.radial-pulse.music-reactive{animation:none}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}.beat-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none;transition:opacity .05s ease-out}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.8) 100%)}.banner{position:relative;width:100%;height:70vh;min-height:500px;overflow:hidden;z-index:101}.banner-image{position:absolute;top:0;left:0;width:100%;height:100%}.banner-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.2) brightness(.8)}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000004d,#00000080,#000000f2)}.title-section{padding:80px 5%;text-align:center;background:var(--black);position:relative;overflow:hidden}.title-section:before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(50,50,50,.15) 0%,transparent 70%);animation:titleGlow 6s ease-in-out infinite}@keyframes titleGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.subtitle{display:block;font-size:.9rem;letter-spacing:.5em;color:var(--white-dim);margin-bottom:16px;text-transform:uppercase}.title{font-family:Bebas Neue,sans-serif;font-size:clamp(4rem,12vw,10rem);letter-spacing:.15em;line-height:.9;text-transform:uppercase;color:var(--white);text-shadow:0 0 60px rgba(0,0,0,.8),0 0 120px rgba(100,100,100,.1);position:relative;z-index:1;animation:textBreath 4s ease-in-out infinite}@keyframes textBreath{0%,to{opacity:1}50%{opacity:.85}}.tagline{display:block;font-size:.85rem;letter-spacing:.4em;color:var(--white-dim);margin-top:20px;text-transform:uppercase}.section-title{font-family:Bebas Neue,sans-serif;font-size:2.5rem;letter-spacing:.3em;text-align:center;color:var(--white);margin-bottom:60px;position:relative}.section-title:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:60px;height:1px;background:var(--gray-light)}.video-section{padding:100px 5%;background:var(--dark);position:relative;overflow:hidden}.video-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gray),transparent)}.video-section:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:300px;background:radial-gradient(ellipse at bottom,rgba(40,40,40,.2) 0%,transparent 70%);pointer-events:none}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1400px;margin:0 auto}.video-slot{aspect-ratio:16 / 9;position:relative}.video-frame{width:100%;height:100%;background:var(--darker);border:1px solid var(--gray);position:relative;overflow:hidden;transition:all .4s ease;cursor:pointer}.video-frame video{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);will-change:transform;transform:translateZ(0);backface-visibility:hidden}.video-frame:hover video{filter:grayscale(50%)}.video-frame:hover{border-color:var(--white-dim);transform:scale(1.02);box-shadow:0 20px 60px #00000080}.video-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,#000000e6);transition:opacity .4s ease}.video-frame:hover .video-overlay{opacity:0}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:2}.video-label{font-family:Bebas Neue,sans-serif;font-size:1.8rem;letter-spacing:.2em;color:var(--white);margin-bottom:10px}.video-status{font-size:.7rem;letter-spacing:.3em;color:var(--white-dim);text-transform:uppercase}.gallery-section{padding:100px 5%;background:var(--black);position:relative;overflow:hidden}.gallery-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gray),transparent)}.gallery-section:after{content:"◬";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50vw;color:#ffffff02;pointer-events:none;z-index:0}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto}@media (max-width: 1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.gallery-item{aspect-ratio:1;position:relative}.gallery-frame{width:100%;height:100%;background:var(--darker);border:1px solid var(--gray);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:all .5s ease;cursor:pointer}.gallery-frame:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.5) 100%);opacity:0;transition:opacity .5s ease}.gallery-frame:hover{border-color:var(--white-dim);transform:scale(1.05);box-shadow:0 30px 80px #0009}.gallery-frame:hover:before{opacity:1}.gallery-frame:hover .gallery-symbol{transform:scale(1.2);color:var(--white);text-shadow:0 0 40px rgba(255,255,255,.3)}.gallery-symbol{font-size:4rem;color:var(--white-dim);transition:all .5s ease}.gallery-image{width:100%;height:100%;object-fit:cover;filter:contrast(1.1) brightness(.95);transition:all .5s ease}.gallery-frame:hover .gallery-image{filter:contrast(1.2) brightness(1.1);transform:scale(1.05)}.mogged-overlay{position:absolute;left:50%;transform:translate(-50%);height:auto;pointer-events:none;z-index:2;transition:all .5s ease}.gallery-frame:hover .mogged-overlay{transform:translate(-50%) scale(1.05)}.footer{padding:60px 5%;text-align:center;background:var(--black);border-top:1px solid var(--gray);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:100px;background:radial-gradient(ellipse at top,rgba(60,60,60,.15) 0%,transparent 70%)}.footer-title{display:block;font-size:.8rem;letter-spacing:.5em;color:var(--white-dim);text-transform:uppercase;margin-bottom:40px}.footer-links{display:flex;justify-content:center;gap:50px;flex-wrap:wrap}.footer-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;transition:all .3s ease}.footer-item:hover{transform:translateY(-3px)}.footer-label{font-family:Bebas Neue,sans-serif;font-size:1rem;letter-spacing:.3em;color:var(--white)}.footer-value{font-family:Oswald,sans-serif;font-size:.75rem;letter-spacing:.15em;color:var(--white-dim);transition:color .3s ease}.ca-address{font-family:monospace;font-size:.65rem;letter-spacing:.05em;padding:8px 15px;background:var(--darker);border:1px solid var(--gray);cursor:pointer;transition:all .3s ease}.ca-address:hover{border-color:var(--white-dim);color:var(--white)}.twitter-link:hover .footer-value{color:var(--white)}@media (max-width: 768px){.footer-links{gap:30px}.ca-address{font-size:.5rem;max-width:200px;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 768px){.banner{height:50vh;min-height:400px}.title-section{padding:50px 5%}.subtitle,.tagline{font-size:.7rem;letter-spacing:.3em}.section-title{font-size:1.8rem;letter-spacing:.2em}.video-section,.gallery-section{padding:60px 5%}.video-grid{grid-template-columns:1fr}.gallery-symbol{font-size:2.5rem}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.8}}.video-frame:hover .scanlines{animation:flicker .15s infinite}.gallery-frame:after{content:"";position:absolute;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(80,80,80,.1) 0%,transparent 60%);opacity:0;transition:opacity .5s ease}.gallery-frame:hover:after{opacity:1;animation:glowPulse 1.5s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.video-frame:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,rgba(80,80,80,.1),transparent);opacity:0;transition:opacity .4s ease;z-index:-1}.video-frame:hover:after{opacity:1}.audio-controls{position:fixed;bottom:30px;right:30px;z-index:1001;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.audio-toggle{background:#0a0a0ae6;border:1px solid var(--gray);padding:15px 25px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audio-toggle:hover{border-color:var(--white-dim);background:#141414f2;transform:scale(1.05);box-shadow:0 10px 40px #00000080}.audio-icon{font-size:1.2rem;color:var(--white);transition:all .3s ease}.audio-toggle:hover .audio-icon{text-shadow:0 0 20px rgba(255,255,255,.5)}.audio-label{font-family:Oswald,sans-serif;font-size:.75rem;letter-spacing:.3em;color:var(--white-dim);text-transform:uppercase}.audio-toggle:hover .audio-label{color:var(--white)}.volume-control{background:#0a0a0ae6;border:1px solid var(--gray);padding:10px 15px;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.volume-icon{font-size:.9rem}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:4px;background:var(--gray);border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--white);border-radius:50%;cursor:pointer;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #ffffff80}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:var(--white);border-radius:50%;cursor:pointer;border:none}.volume-value{font-family:Oswald,sans-serif;font-size:.7rem;letter-spacing:.1em;color:var(--white-dim);min-width:35px;text-align:right}@media (max-width: 768px){.audio-controls{bottom:20px;right:20px}.audio-toggle{padding:12px 18px}.audio-label{font-size:.65rem;letter-spacing:.2em}.volume-control{padding:8px 12px}.volume-slider{width:60px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}::selection{background:#333;color:#fff}