*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:#fff;color:#000;-webkit-font-smoothing:antialiased;line-height:1.4}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}:root{--bg: #ffffff;--fg: #000000;--muted: #8B0000;--line: #e6e6e6;--accent: #000000;--max: 1440px;--pad: clamp(16px, 4vw, 48px)}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.container{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}.nav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}.nav-inner{display:flex;justify-content:space-between;align-items:center}.nav-left{display:flex;align-items:center;gap:12px}.logo-img{height:60px;width:auto;display:block}.nav-tagline{font-size:12px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.nav-links{display:flex;gap:28px;text-transform:uppercase;font-size:12px;letter-spacing:.18em}.nav-links a{padding:4px 0;border-bottom:1px solid transparent}.nav-links a.active{border-bottom-color:#000}.hero{position:relative;background:#000;color:#fff;text-align:center;overflow:hidden}.hero-content.top{padding:40px 20px 20px}.hero-content.top h1{font-size:clamp(38px,6vw,74px);font-weight:800;color:#8b0000;margin:0}.hero-banner{width:100%;overflow:hidden}.scroll-track{display:flex;width:max-content;animation:scroll-left 40s linear infinite}.scroll-img{height:400px;margin-right:16px;border-radius:8px;object-fit:cover}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-content.bottom{padding:20px}.hero-content.bottom p{font-size:16px;line-height:1.5;color:#fff;margin:0}.section{padding:96px 0}.section-title{text-transform:uppercase;letter-spacing:.25em;font-size:12px;color:var(--muted);margin-bottom:24px}.section h2{font-size:clamp(28px,4vw,48px);margin:0 0 48px;letter-spacing:-.01em;font-weight:700}.split{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:40px 0}.split-card{position:relative;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:24px;border-radius:12px;text-decoration:none;color:#fff;height:280px;background-size:cover;background-position:center;transition:transform .3s ease,box-shadow .3s ease}.split-card.dark{background-image:url(/ZuyusMlg.jpeg)}.split-card.light{background-image:url(/ZuyusClg.jpeg);color:#000}.split-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #8b0000}.card-img{width:100%;height:180px;object-fit:cover}.card-inner{padding:16px;border-radius:8px;width:100%;color:#000}.card-inner .label{font-size:12px;color:#8b0000;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;opacity:.9}.card-inner h3{font-size:20px;margin-bottom:50px}.card-inner .cta{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 720px){.split{grid-template-columns:1fr;gap:16px}}.release-hero{background:#000;color:#fff;padding:60px 0}.release-hero .container{display:flex;flex-direction:column;align-items:center;text-align:center}.release-hero .eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#8b0000;margin-bottom:12px}.release-hero h1{font-size:clamp(32px,6vw,64px);font-weight:800;margin-bottom:16px;color:#fff}.release-hero .meta{font-size:16px;line-height:1.6;color:#ddd;margin-bottom:24px}.hero-img{width:320px;height:320px;object-fit:cover;border-radius:12px;margin-bottom:24px;box-shadow:0 8px 20px #00000040}.release-img{width:100%;height:180px;object-fit:cover;border-radius:8px}.btn{background:#8b0000;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;transition:background .3s ease}.btn:hover{background:#a00000}.btn.outline{background:transparent;border:2px solid #8B0000;color:#8b0000}.btn.outline:hover{background:#8b0000;color:#fff}.releases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:60px 0}.release-card{background:#fff;border-radius:12px;overflow:hidden;text-align:center;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.release-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #00000026}.release-card .cover{width:100%;height:180px;background:#eee;display:flex;align-items:center;justify-content:center}.release-card .cover img{width:100%;height:100%;object-fit:cover}.release-card .title{font-size:18px;font-weight:600;margin:12px 0 4px}.release-card .sub{font-size:14px;color:#666;margin-bottom:16px}.section{padding:60px 0}.section-title{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#8b0000;margin-bottom:8px}.section h2{font-size:28px;margin-bottom:24px}.section ul li{padding:20px 0;border-top:1px solid var(--line);display:flex;gap:32px}.section ul li:first-child{border-top:none}.section ul li span:first-child{min-width:120px;color:var(--muted);font-size:12px;letter-spacing:.2em;text-transform:uppercase}.section ul li span:last-child{font-size:15px;line-height:1.5}.coming-soon-popup{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:999}.popup-content{background:#fff;padding:40px;border-radius:12px;text-align:center;max-width:400px;box-shadow:0 8px 20px #00000040}.popup-content h1{font-size:28px;margin-bottom:12px;color:#8b0000}.popup-content p{font-size:18px;margin-bottom:20px}.countdown{font-size:32px;font-weight:700;margin-bottom:20px;color:#000}.popup-content .btn{background:#8b0000;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer;border:none}.popup-content .btn:hover{background:#a00000}.footer{border-top:1px solid var(--line);padding:56px 0 0;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.2em;display:flex;flex-direction:column}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-col h4{color:#000;margin:0 0 12px;font-size:12px;letter-spacing:.2em}.footer-col a{display:block;padding:8px 0}.ft{background-color:#8b0000;padding:8px 16px;color:#fff;font-size:10px;letter-spacing:.1em;text-align:center;margin-top:auto;width:100%}.notfound{padding:160px var(--pad);text-align:center}.notfound h1{font-size:96px;margin:0;letter-spacing:.05em}.notfound p{color:var(--muted)}.loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#8b0000;color:#fff}.loading-page.fade-out{opacity:0;pointer-events:none}.vinyl{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#000 60%,#222),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 2px,transparent 3px,transparent 6px);border:6px solid #111;box-shadow:0 0 20px #ffd70033,inset 0 0 30px #ffd7001a;animation:spin 6s linear infinite;display:flex;align-items:center;justify-content:center;position:relative}.center-needle{font-size:36px;color:gold;text-shadow:0 0 8px rgba(255,215,0,.6);position:absolute}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:20px;font-size:24px;font-weight:700}.news{padding:40px}.news h1{font-size:28px;margin-bottom:20px}.news-articles{display:grid;gap:20px;margin-bottom:40px}.news-articles article{background:#f9f9f9;padding:16px;border-radius:8px}.news-articles h2{margin:0 0 8px}.social-feed{display:flex;flex-wrap:wrap;gap:20px}
