html,body,#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--bg2:#111;--border:#ffffff0f;--text:#fff;--text2:#fff9;--text3:#ffffff4d;--max-w:1700px;--nav-h:64px;--glow:#648cff0f;--glow-hover:#648cff26}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,Noto Sans SC,-apple-system,sans-serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.section{max-width:var(--max-w);opacity:0;margin:0 auto;padding:100px 48px 80px;transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(40px)}.section.visible{opacity:1;transform:translateY(0)}.section-header-left{margin-bottom:40px}.section-header-left .section-number{letter-spacing:4px;color:var(--text3);margin-bottom:8px;font-size:11px;display:inline-block}.section-header-left h2{letter-spacing:2px;margin-bottom:4px;font-size:28px;font-weight:600}.section-header-left p{letter-spacing:6px;color:var(--text3);font-size:11px}.navbar{height:var(--nav-h);z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0a0ad9;justify-content:space-between;align-items:center;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{cursor:pointer}.nav-logo{letter-spacing:4px;font-size:18px;font-weight:700}.nav-links{align-items:center;gap:28px;display:flex}.nav-links button{color:var(--text2);cursor:pointer;letter-spacing:1px;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .3s}.glow-btn{border-radius:4px;transition:all .3s}.glow-btn:hover{color:var(--text);box-shadow:0 0 20px var(--glow-hover),0 0 40px #648cff0d;transform:translateY(-1px)}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;opacity:.65;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{pointer-events:none;background:radial-gradient(80% 60% at 50% 40%,#0000001a 0%,#0009 100%),radial-gradient(60% 50% at 80% 80%,#0000001a 0%,#000000b3 60%);position:absolute;inset:0}.hero-content{text-align:center;z-index:2;max-width:800px;padding:0 24px;animation:1s forwards fadeInUp;position:relative}.hero-label{letter-spacing:4px;color:var(--text3);text-transform:uppercase;margin-bottom:24px;font-size:12px}.hero-title{letter-spacing:.04em;background:linear-gradient(#fff 0%,#fff6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(72px,12vw,160px);font-weight:800;line-height:.95}.hero-subtitle{letter-spacing:8px;color:var(--text2);margin-bottom:8px;font-size:clamp(18px,2.5vw,32px);font-weight:300}.hero-desc{letter-spacing:6px;color:var(--text3);margin-bottom:40px;font-size:13px}.hero-actions{justify-content:center;gap:16px;margin-bottom:24px;display:flex}.btn-primary,.btn-outline{letter-spacing:2px;cursor:pointer;text-transform:uppercase;border:none;border-radius:4px;padding:14px 32px;font-family:inherit;font-size:13px;font-weight:600;transition:all .3s;position:relative}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover{background:#ffffffd9;transform:translateY(-2px);box-shadow:0 0 25px #ffffff26}.btn-outline{color:var(--text);background:0 0;border:1px solid #ffffff40}.btn-outline:hover{border-color:var(--text);background:#ffffff0d;transform:translateY(-2px);box-shadow:0 0 25px #ffffff1a}.hero-link{color:var(--text3);letter-spacing:2px;cursor:pointer;text-underline-offset:4px;font-size:12px;text-decoration:underline;transition:color .3s}.hero-link:hover{color:var(--text2)}.scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-dot{background:linear-gradient(#ffffff4d,#0000);width:1px;height:32px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}.grid-3col-compact{grid-template-columns:repeat(3,1fr);align-items:start;gap:2px;display:grid}.grid-3col-compact .card{min-height:unset;max-height:none}.grid-3col-compact .card-img img{object-fit:contain;height:auto;max-height:none}.grid-2col{background:var(--border);grid-template-columns:repeat(2,1fr);gap:2px;display:grid}.grid-3col{grid-template-columns:repeat(3,1fr);display:grid}.grid-auto{background:var(--border);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px;display:grid}.gap-4{gap:4px}.card{color:inherit;background:var(--bg2);border-radius:2px;min-height:200px;max-height:480px;text-decoration:none;transition:all .5s cubic-bezier(.25,.46,.45,.94);display:block;position:relative;overflow:hidden}.glow-card{transition:all .5s cubic-bezier(.25,.46,.45,.94)}.glow-card:hover{z-index:10;box-shadow:0 0 30px var(--glow),0 0 60px #648cff08;transform:scale(1.02)}.card-img,.card-video{width:100%;height:100%;position:relative}.card-img img{object-fit:contain;width:100%;height:auto;display:block}.card-video video{object-fit:cover;width:100%;height:100%;display:block}.card:hover .card-img img,.glow-card:hover .card-img img{transform:scale(1.03)}.card-overlay{opacity:0;pointer-events:none;background:linear-gradient(#0000 40%,#000000d9 100%);flex-direction:column;justify-content:flex-end;padding:24px;transition:opacity .4s;display:flex;position:absolute;inset:0}.card:hover .card-overlay,.glow-card:hover .card-overlay{opacity:1}.card-overlay h3{letter-spacing:1px;margin-bottom:2px;font-size:15px;font-weight:600}.card-overlay span{letter-spacing:3px;color:var(--text2);font-size:10px}.play-badge{letter-spacing:3px;color:var(--text);opacity:.8;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff4d;border-radius:4px;padding:8px 20px;font-size:11px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.series-block{margin-bottom:56px}.series-title{letter-spacing:2px;color:var(--text2);margin-bottom:20px;font-size:18px;font-weight:600}.series-title span{letter-spacing:3px;color:var(--text3);margin-left:10px;font-size:12px;font-weight:400}.stack-row{cursor:pointer;flex-wrap:wrap;gap:0;min-height:160px;display:flex}.stack-card-h{width:280px;max-height:480px;color:inherit;border:1px solid var(--border);border-radius:4px;flex-shrink:0;margin-left:-235px;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:block;overflow:hidden;box-shadow:0 4px 20px #0006}.stack-card-h:first-child{margin-left:0}.stack-card-h img,.stack-card-h video{object-fit:contain;width:100%;height:auto;display:block}.stack-card-h video{object-fit:cover;height:100%}.stack-row.expanded .stack-card-h,.stack-row:hover .stack-card-h{flex-shrink:1;width:calc(33.3333% - 4px);min-width:0;margin-left:0}.stack-card-h:hover{z-index:100;box-shadow:0 0 30px var(--glow),0 0 60px #648cff0a;transform:scale(1.03)}.stack-card-h:hover img,.stack-card-h:hover video{transform:scale(1.05)}.stack-2col{flex-direction:column;gap:2px;display:flex}.stack-2col img,.stack-2col video{object-fit:contain;width:100%;height:auto;display:block}.stack-row.single-row.expanded .stack-card-h,.stack-row.single-row:hover .stack-card-h{width:calc((100% - 12px) / var(--count,4));flex-shrink:1}.footer{border-top:1px solid var(--border);padding:64px 48px 24px}.footer-content{max-width:var(--max-w);margin:0 auto}.footer-brand h2{letter-spacing:4px;margin-bottom:8px;font-size:24px;font-weight:700}.footer-brand p{color:var(--text3);letter-spacing:2px;font-size:12px}.footer-contact{gap:64px;margin:40px 0;display:flex}.contact-item{flex-direction:column;gap:6px;display:flex}.contact-label{letter-spacing:3px;color:var(--text3);text-transform:uppercase;font-size:10px}.contact-item a{color:var(--text2);font-size:14px;text-decoration:none;transition:all .3s}.contact-item a:hover{color:var(--text);text-shadow:0 0 10px #fff3}.footer-bottom{border-top:1px solid var(--border);padding-top:24px}.footer-bottom p{color:var(--text3);letter-spacing:1px;font-size:11px}@media (width<=1024px){.section{padding:80px 24px 60px}.footer{padding:48px 24px 20px}.grid-3col{grid-template-columns:repeat(2,1fr)}.stack-card-h{width:220px;margin-left:-175px}}@media (width<=768px){.navbar{padding:0 20px}.nav-links button:not(:last-child){display:none}.grid-2col,.grid-3col{grid-template-columns:1fr}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.hero-actions{flex-direction:column;align-items:center}.footer-contact{flex-direction:column;gap:24px}.section{padding:60px 16px 40px}.stack-card-h{width:180px;margin-left:-135px}}