:root{--cdl-red: #E8192C;--cdl-blue: #1E90D5;--cdl-green: #5EC62A;--dark: #07070f;--dark2: #0d0d1a;--glass: rgba(255,255,255,.04);--glass-border: rgba(255,255,255,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--dark);color:#fff;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--cdl-red),var(--cdl-blue));border-radius:3px}#three-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.2rem 3rem;display:flex;justify-content:space-between;align-items:center;transition:all .4s ease}.nav.scrolled{background:#07070feb;backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border)}.nav-logo{display:flex;align-items:center;gap:.8rem;text-decoration:none}.nav-logo img{height:38px;width:auto}.nav-logo span{font-family:Cinzel,serif;font-size:.95rem;font-weight:600;letter-spacing:2px;color:#fff}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{color:#ffffffb3;text-decoration:none;font-size:.88rem;letter-spacing:1px;text-transform:uppercase;font-weight:500;transition:color .3s}.nav-links a:hover{color:#fff}.nav-cta{background:var(--cdl-red);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.85rem;font-weight:600;text-decoration:none;letter-spacing:1px;transition:all .3s}.nav-cta:hover{background:#ff2d42;transform:translateY(-1px)}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;z-index:1;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(30,144,213,.08) 0%,transparent 65%);z-index:0}.hero-content{position:relative;z-index:2;padding:2rem}.hero-logo{width:130px;height:auto;margin:0 auto 2.5rem;animation:floatLogo 6s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(232,25,44,.4))}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-eyebrow{font-size:.8rem;letter-spacing:6px;text-transform:uppercase;color:var(--cdl-blue);margin-bottom:1rem;font-weight:500;opacity:0;animation:fadeUp .8s ease .5s forwards}.hero-title{font-family:Cinzel,serif;font-size:clamp(2.8rem,7vw,7rem);font-weight:900;line-height:1.05;background:linear-gradient(135deg,#fff 40%,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;animation:fadeUp .9s ease .8s forwards}.hero-sub{font-size:clamp(1rem,2vw,1.3rem);color:#ffffff8c;margin-top:1.2rem;letter-spacing:4px;font-weight:300;opacity:0;animation:fadeUp .9s ease 1.2s forwards}.hero-divider{width:80px;height:2px;margin:2rem auto;background:linear-gradient(90deg,var(--cdl-red),var(--cdl-blue),var(--cdl-green));opacity:0;animation:fadeUp .9s ease 1.4s forwards}.hero-desc{max-width:560px;margin:0 auto;color:#fff9;font-size:1.05rem;line-height:1.8;opacity:0;animation:fadeUp .9s ease 1.6s forwards}.hero-btns{display:flex;gap:1.2rem;justify-content:center;margin-top:2.5rem;flex-wrap:wrap;opacity:0;animation:fadeUp .9s ease 1.9s forwards}.btn-primary{background:var(--cdl-red);color:#fff;padding:.9rem 2.5rem;border-radius:50px;font-weight:600;text-decoration:none;font-size:.95rem;letter-spacing:1px;transition:all .3s;box-shadow:0 0 30px #e8192c4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 50px #e8192c80}.btn-ghost{border:1px solid rgba(255,255,255,.2);color:#fff;padding:.9rem 2.5rem;border-radius:50px;font-weight:500;text-decoration:none;font-size:.95rem;letter-spacing:1px;transition:all .3s;backdrop-filter:blur(10px)}.btn-ghost:hover{border-color:#ffffff80;background:#ffffff0d}.scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffff4d;font-size:.75rem;letter-spacing:3px;text-transform:uppercase;animation:bounce 2s ease infinite}.scroll-indicator:after{content:"";width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent)}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.section{position:relative;z-index:1;padding:7rem 2rem}.container{max-width:1200px;margin:0 auto}.section-label{font-size:.75rem;letter-spacing:5px;text-transform:uppercase;color:var(--cdl-blue);font-weight:500;margin-bottom:1rem}.section-title{font-family:Cinzel,serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.15;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(135deg,var(--cdl-red) 0%,var(--cdl-blue) 50%,var(--cdl-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}.reveal-delay-3{transition-delay:.45s}.about-section{background:linear-gradient(180deg,var(--dark) 0%,var(--dark2) 100%)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.glass-card{background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:3rem}.about-text p{color:#ffffffa6;font-size:1.1rem;line-height:1.9;margin-bottom:1.2rem}.about-pillars{display:flex;flex-direction:column;gap:1.2rem}.pillar{display:flex;align-items:flex-start;gap:1.2rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;padding:1.4rem;transition:transform .3s,border-color .3s}.pillar:hover{transform:translate(6px);border-color:#ffffff26}.pillar-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.pillar-icon.red{background:#e8192c26}.pillar-icon.blue{background:#1e90d526}.pillar-icon.green{background:#5ec62a26}.pillar h4{font-size:1rem;font-weight:600;margin-bottom:.3rem}.pillar p{font-size:.9rem;color:#ffffff8c;line-height:1.5}.stats-section{background:linear-gradient(135deg,#e8192c0d,#1e90d50d,#5ec62a0d);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);padding:5rem 2rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}.stat-item{padding:2rem}.stat-number{font-family:Cinzel,serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;line-height:1}.stat-number.red{color:var(--cdl-red)}.stat-number.blue{color:var(--cdl-blue)}.stat-number.green{color:var(--cdl-green)}.stat-number.white{color:#fff}.stat-label{color:#ffffff80;font-size:.85rem;letter-spacing:2px;text-transform:uppercase;margin-top:.5rem}.timeline-section{background:var(--dark2)}.timeline{position:relative;max-width:900px;margin:4rem auto 0}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--cdl-red),var(--cdl-blue),var(--cdl-green));transform:translate(-50%)}.timeline-item{display:grid;grid-template-columns:1fr 60px 1fr;align-items:start;margin-bottom:4rem;position:relative}.timeline-item:nth-child(odd) .timeline-content{grid-column:1;text-align:right}.timeline-item:nth-child(odd) .timeline-dot{grid-column:2}.timeline-item:nth-child(odd) .timeline-empty{grid-column:3}.timeline-item:nth-child(2n) .timeline-empty{grid-column:1}.timeline-item:nth-child(2n) .timeline-dot{grid-column:2}.timeline-item:nth-child(2n) .timeline-content{grid-column:3}.timeline-dot{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--dark);border:2px solid;font-family:Cinzel,serif;font-size:.75rem;font-weight:700;letter-spacing:1px;color:#fff;position:relative;z-index:1}.timeline-dot.red{border-color:var(--cdl-red);box-shadow:0 0 20px #e8192c66}.timeline-dot.blue{border-color:var(--cdl-blue);box-shadow:0 0 20px #1e90d566}.timeline-dot.green{border-color:var(--cdl-green);box-shadow:0 0 20px #5ec62a66}.timeline-dot.white{border-color:#fff6}.timeline-content{background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;margin:0 1.5rem;transition:transform .3s,border-color .3s}.timeline-content:hover{transform:translateY(-4px);border-color:#ffffff26}.timeline-year{font-size:.75rem;letter-spacing:3px;color:var(--cdl-blue);margin-bottom:.5rem;text-transform:uppercase}.timeline-content h3{font-family:Cinzel,serif;font-size:1.15rem;font-weight:600;margin-bottom:.8rem}.timeline-content p{color:#fff9;font-size:.95rem;line-height:1.7}.timeline-tag{display:inline-block;padding:.25rem .8rem;border-radius:50px;font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-top:1rem}.tag-red{background:#e8192c26;color:var(--cdl-red);border:1px solid rgba(232,25,44,.3)}.tag-blue{background:#1e90d526;color:var(--cdl-blue);border:1px solid rgba(30,144,213,.3)}.tag-green{background:#5ec62a26;color:var(--cdl-green);border:1px solid rgba(94,198,42,.3)}.tag-white{background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.15)}.game-section{background:linear-gradient(180deg,var(--dark) 0%,#0a0015 50%,var(--dark) 100%);position:relative;overflow:hidden}.game-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 60% 50%,rgba(94,198,42,.06) 0%,transparent 60%)}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.game-badge{display:inline-flex;align-items:center;gap:.5rem;background:#5ec62a1a;border:1px solid rgba(94,198,42,.3);color:var(--cdl-green);padding:.4rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.5rem}.game-title{font-family:Cinzel,serif;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:900;line-height:1.1;margin-bottom:1rem;background:linear-gradient(135deg,#fff,var(--cdl-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-desc{color:#ffffffa6;font-size:1.05rem;line-height:1.85;margin-bottom:2rem}.achievements{list-style:none;display:flex;flex-direction:column;gap:.8rem;margin-bottom:2.5rem}.achievements li{display:flex;align-items:center;gap:.8rem;color:#ffffffbf;font-size:.95rem}.achievements li:before{content:"▸";color:var(--cdl-green);font-size:.8rem}.game-visual{background:linear-gradient(135deg,#5ec62a1a,#1e90d51a);border:1px solid rgba(94,198,42,.2);border-radius:24px;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden}.game-visual:before{content:"🎮";position:absolute;right:-20px;top:-20px;font-size:8rem;opacity:.05}.game-preview-header{display:flex;align-items:center;gap:1rem}.game-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--cdl-green),#3da81a);display:flex;align-items:center;justify-content:center;font-size:2rem}.game-info h4{font-family:Cinzel,serif;font-size:1.2rem;font-weight:700}.game-info p{color:var(--cdl-green);font-size:.85rem;margin-top:.2rem}.game-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.game-stat{background:#0000004d;border-radius:12px;padding:1rem;text-align:center}.game-stat strong{display:block;font-family:Cinzel,serif;font-size:1.5rem;color:var(--cdl-green)}.game-stat span{font-size:.75rem;color:#ffffff80;letter-spacing:1px}.btn-play{display:flex;align-items:center;justify-content:center;gap:.8rem;background:linear-gradient(135deg,var(--cdl-green),#3da81a);color:#fff;padding:1rem 2rem;border-radius:16px;font-weight:700;text-decoration:none;font-size:1rem;letter-spacing:1px;transition:all .3s;box-shadow:0 0 30px #5ec62a4d}.btn-play:hover{transform:translateY(-3px);box-shadow:0 0 50px #5ec62a80}.game-platforms{display:flex;gap:.8rem;margin-top:.5rem}.platform-badge{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.4rem .9rem;border-radius:8px;font-size:.8rem;color:#fff9}.festival-section{background:var(--dark2)}.festival-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start;margin-top:3rem}.video-wrapper{border-radius:20px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 30px 80px #00000080;border:1px solid var(--glass-border);position:relative}.video-wrapper iframe{width:100%;height:100%;display:block}.festival-info{display:flex;flex-direction:column;gap:1.5rem}.festival-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.festival-stat{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;text-align:center}.festival-stat strong{display:block;font-family:Cinzel,serif;font-size:2rem;color:var(--cdl-red)}.festival-stat span{font-size:.8rem;color:#ffffff80;letter-spacing:1px;text-transform:uppercase}.festival-desc{color:#ffffffa6;font-size:.98rem;line-height:1.85}.festival-venues{display:flex;flex-direction:column;gap:.6rem}.venue{display:flex;align-items:center;gap:.8rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;padding:.8rem 1rem;color:#ffffffb3;font-size:.9rem}.venue:before{content:"📍";font-size:.9rem}.festival-link{display:inline-flex;align-items:center;gap:.6rem;color:var(--cdl-red);text-decoration:none;font-weight:600;font-size:.95rem;transition:gap .3s}.festival-link:hover{gap:1rem}.festival-link:after{content:"→"}.doc-section{background:var(--dark)}.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:3rem}.doc-visual{background:linear-gradient(135deg,#e8192c14,#1e90d514);border:1px solid var(--glass-border);border-radius:24px;padding:3rem;text-align:center}.vinyl{width:200px;height:200px;border-radius:50%;margin:0 auto 1.5rem;background:repeating-radial-gradient(circle,#1a1a1a 0% 2px,#2a2a2a 2px 5px);position:relative;animation:spin 10s linear infinite;box-shadow:0 0 40px #e8192c33}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;background:#333;border-radius:50%;transform:translate(-50%,-50%)}.doc-band-name{font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.doc-movie{color:#ffffff80;font-size:.9rem}.doc-info{display:flex;flex-direction:column;gap:1.2rem}.doc-info p{color:#ffffffa6;font-size:1rem;line-height:1.85}.doc-facts{display:flex;flex-direction:column;gap:.8rem}.doc-fact{display:flex;align-items:center;gap:1rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;padding:.9rem 1.2rem;color:#ffffffb3;font-size:.92rem}.doc-fact-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.press-section{background:var(--dark2)}.press-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.press-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;padding:1.8rem;transition:transform .3s,border-color .3s;text-decoration:none}.press-card:hover{transform:translateY(-4px);border-color:#ffffff26}.press-source{font-size:.75rem;color:var(--cdl-blue);letter-spacing:2px;text-transform:uppercase;margin-bottom:.8rem;font-weight:600}.press-card p{color:#ffffffb3;font-size:.92rem;line-height:1.6}.press-card-arrow{color:#fff3;margin-top:1rem;font-size:1.2rem;transition:color .3s}.press-card:hover .press-card-arrow{color:var(--cdl-blue)}.social-section{background:var(--dark)}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-top:3rem}.fb-wrapper{border-radius:20px;overflow:hidden;border:1px solid var(--glass-border);background:#ffffff05;display:flex;flex-direction:column;min-height:500px}.fb-header{background:#1877f2;padding:1rem 1.5rem;display:flex;align-items:center;gap:.8rem}.fb-header span{font-weight:700;font-size:1.1rem}.fb-embed-area{flex:1;overflow:hidden}.social-links-col{display:flex;flex-direction:column;gap:1.5rem}.social-card{display:flex;align-items:center;gap:1.5rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;text-decoration:none;transition:all .3s}.social-card:hover{transform:translate(8px);border-color:#ffffff26}.social-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.social-card h4{font-weight:600;margin-bottom:.3rem;color:#fff}.social-card p{color:#ffffff80;font-size:.88rem}.social-handle{color:var(--cdl-blue);font-size:.85rem;margin-top:.3rem}.contact-section{background:linear-gradient(135deg,#e8192c0a,#1e90d50a,#5ec62a0a);border-top:1px solid var(--glass-border)}.contact-inner{max-width:700px;margin:0 auto;text-align:center}.contact-inner p{color:#fff9;font-size:1.1rem;line-height:1.8;margin-bottom:3rem}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.contact-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;padding:1.8rem 1.2rem;text-align:center;transition:transform .3s}.contact-card:hover{transform:translateY(-4px)}.contact-card .icon{font-size:1.8rem;margin-bottom:.8rem}.contact-card h4{font-size:.8rem;letter-spacing:2px;text-transform:uppercase;color:#fff6;margin-bottom:.5rem}.contact-card a,.contact-card p{color:#fff;font-size:.9rem;text-decoration:none;word-break:break-all}.contact-card a:hover{color:var(--cdl-blue)}footer{background:#030308;border-top:1px solid var(--glass-border);padding:3rem 2rem;text-align:center}.footer-logo{display:flex;align-items:center;gap:1rem;justify-content:center;margin-bottom:1.5rem}.footer-logo img{height:40px}.footer-logo span{font-family:Cinzel,serif;font-size:1rem;font-weight:600;letter-spacing:2px}footer p{color:#ffffff4d;font-size:.85rem}.footer-links{display:flex;gap:2rem;justify-content:center;margin:1.5rem 0}.footer-links a{color:#fff6;text-decoration:none;font-size:.85rem;transition:color .3s}.footer-links a:hover{color:#fffc}.footer-bar{display:flex;gap:6px;justify-content:center;margin-bottom:1.5rem}.footer-bar-seg{height:3px;width:40px;border-radius:2px}.switcher{position:fixed;bottom:2rem;right:2rem;z-index:200;background:#07070ff2;border:1px solid var(--glass-border);border-radius:16px;padding:.8rem 1rem;backdrop-filter:blur(20px)}.switcher-label{font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:#ffffff4d;margin-bottom:.6rem}.switcher-links{display:flex;gap:.5rem}.switcher-links a{padding:.4rem .8rem;border-radius:8px;font-size:.8rem;text-decoration:none;background:var(--glass);border:1px solid var(--glass-border);color:#fff9;transition:all .2s}.switcher-links a:hover,.switcher-links a.active{background:var(--cdl-red);color:#fff;border-color:var(--cdl-red)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.about-grid,.game-grid,.festival-grid,.doc-grid,.social-grid{grid-template-columns:1fr;gap:2.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.press-grid{grid-template-columns:1fr}.timeline:before{left:28px}.timeline-item{grid-template-columns:56px 1fr}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{grid-column:2;text-align:left}.timeline-item .timeline-dot{grid-column:1!important}.timeline-item .timeline-empty{display:none}.contact-cards{grid-template-columns:1fr}.nav{padding:1rem 1.5rem}.nav-links{display:none}.section{padding:5rem 1.5rem}.switcher{bottom:1rem;right:1rem}}