:root{--black: #0a0a0a;--dark: #111111;--gold: #d4a84b;--gold-dim: #b8922f;--white: #f0f0f0;--grey: #888888;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--gold) var(--black)}body{background:var(--black);color:var(--white);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:1.2rem 3rem;transition:all .4s ease;background:transparent}#navbar.scrolled{background:#0a0a0af2;backdrop-filter:blur(20px);padding:.8rem 3rem}.nav-logo{display:flex;align-items:center;text-decoration:none}.logo-img{height:50px;transition:opacity .3s}.logo-img:hover{opacity:.8}.nav-links{display:flex;gap:2.5rem}.nav-links a{color:var(--grey);text-decoration:none;font-size:.8rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;transition:color .3s}.nav-links a:hover{color:var(--white)}#hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.05);animation:heroZoom 25s ease-in-out infinite alternate}@keyframes heroZoom{0%{transform:scale(1.05)}to{transform:scale(1.15)}}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0a0a0a80,#0a0a0a4d,#0a0a0a99 80%,#0a0a0a)}.hero-content{position:relative;text-align:center;z-index:2}.hero-credits{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:2;font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:#ffffff4d;white-space:nowrap}.hero-logo-img{height:150px;filter:invert(1);margin-bottom:2rem;opacity:0;animation:fadeUp 1s ease .3s forwards}.hero-tagline{font-size:1rem;color:var(--gold);letter-spacing:6px;text-transform:uppercase;font-weight:300;margin-bottom:3rem;opacity:0;animation:fadeUp 1s ease .6s forwards}.hero-stats{display:flex;align-items:center;justify-content:center;gap:2.5rem;margin-bottom:4rem;opacity:0;animation:fadeUp 1s ease .8s forwards}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:1.6rem;font-weight:600;letter-spacing:2px}.stat-label{font-size:.65rem;color:var(--grey);text-transform:uppercase;letter-spacing:2px}.stat-divider{width:1px;height:40px;background:#ffffff1f}.scroll-cta{display:inline-flex;flex-direction:column;align-items:center;gap:.8rem;text-decoration:none;color:var(--grey);font-size:.7rem;letter-spacing:3px;text-transform:uppercase;transition:color .3s;opacity:0;animation:fadeUp 1s ease 1s forwards}.scroll-cta:hover{color:var(--gold)}.scroll-arrow{width:16px;height:16px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);animation:bounce 2.5s ease infinite}@keyframes bounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(5px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}#games{padding:4rem 3rem 6rem}.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-width:1400px;margin:0 auto;transition:opacity .4s}.game-card{position:relative;aspect-ratio:16/10;overflow:hidden;cursor:pointer}.game-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease,filter .5s ease;filter:brightness(.5)}.game-card:hover img{transform:scale(1.08);filter:brightness(.7)}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.9) 0%,transparent 60%)}.card-content{position:absolute;bottom:0;left:0;padding:2rem;z-index:2}.card-status{display:inline-block;font-size:.6rem;letter-spacing:3px;text-transform:uppercase;padding:.3rem .8rem;border:1px solid;margin-bottom:.8rem}.card-status.upcoming{color:var(--gold);border-color:var(--gold)}.card-status.planned{color:#8ecae6;border-color:#8ecae6}.card-status.released{color:var(--grey);border-color:#fff3}.card-content h3{font-size:2rem;font-weight:600;letter-spacing:2px;line-height:1.1;margin-bottom:.3rem}.card-content p{font-size:.8rem;color:var(--grey);letter-spacing:1px}.game-detail{display:none}.game-detail.active{display:block}.detail-hero{position:relative;min-height:85vh;display:flex;align-items:center;background-size:cover;background-position:center}.detail-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(10,10,10,.88) 0%,rgba(10,10,10,.5) 30%,rgba(10,10,10,.05) 55%,transparent 100%);z-index:1}.detail-overlay{display:none}.detail-close{position:absolute;top:5rem;right:2rem;z-index:10;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;width:48px;height:48px;font-size:1.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;line-height:1}.detail-close:hover{background:var(--gold);border-color:var(--gold);color:var(--black)}.detail-content{position:relative;z-index:2;max-width:580px;padding:3rem 5rem}.detail-content h2{font-size:3.5rem;font-weight:700;letter-spacing:2px;line-height:1;margin-bottom:.2rem}.detail-subtitle{font-size:1.2rem;color:var(--gold);letter-spacing:2px;margin-bottom:.5rem;font-weight:300}.detail-genre{color:var(--gold);font-size:.75rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.5rem}.detail-desc{font-size:.92rem;line-height:1.8;color:#ffffffbf;margin-bottom:1.5rem;font-weight:300}.detail-tags{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2rem}.detail-tags span{font-size:.65rem;letter-spacing:1px;padding:.35rem .8rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--grey)}.detail-pillars{display:grid;grid-template-columns:1fr;gap:1.2rem;margin-top:1rem}.pillar{border-left:2px solid var(--gold);padding-left:1rem}.pillar strong{font-size:.85rem;display:block;margin-bottom:.2rem;letter-spacing:1px}.detail-steam-link{font-size:.65rem;letter-spacing:1px;padding:.35rem .8rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--gold-dim);text-decoration:none;text-transform:uppercase;transition:all .3s}.detail-steam-link:hover{color:var(--gold);border-color:var(--gold)}.pillar p{font-size:.8rem;color:var(--grey);line-height:1.5}.detail-quote{border-left:2px solid var(--gold);padding-left:1rem;font-style:italic;font-size:.85rem;color:#ffffff8c;line-height:1.6;margin-top:1rem}.detail-quote cite{display:block;margin-top:.4rem;font-style:normal;font-size:.65rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold-dim)}.detail-gallery{position:absolute;bottom:.8rem;left:0;right:0;z-index:4;height:80px;overflow:hidden}.detail-gallery .gallery-track{display:flex;gap:8px;position:absolute;left:50%;top:0;transition:transform .4s ease}.detail-gallery img{height:70px;aspect-ratio:16/9;object-fit:cover;display:block;flex-shrink:0;border-radius:3px;filter:brightness(.35) saturate(.5);transform:scale(.85);opacity:0;transition:filter .4s,transform .4s,opacity .4s;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff26}.detail-gallery img:hover{filter:brightness(.6)}.detail-gallery img.gallery-active{filter:brightness(1) saturate(1);transform:scale(1.05)}.hero-arrows{opacity:0;transition:opacity .4s}.hero-arrows.visible{opacity:1}.hero-arrow-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:none;border:none;color:#fff6;font-size:4rem;font-weight:300;cursor:pointer;padding:1rem 1.5rem;transition:color .3s;user-select:none}.hero-arrow-btn:hover{color:#ffffffe6}.hero-arrow-btn.arrow-left{left:1rem}.hero-arrow-btn.arrow-right{right:1rem}.crossfade-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:opacity .5s ease;pointer-events:none}#studio{padding:6rem 3rem;border-top:1px solid rgba(255,255,255,.04)}.studio-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.studio-text h2{font-size:2.5rem;font-weight:600;letter-spacing:3px;margin-bottom:1.5rem}.studio-text p{font-size:.9rem;line-height:1.8;color:#ffffffb3;margin-bottom:1.2rem;font-weight:300}.studio-text strong{color:var(--gold);font-weight:500}.studio-numbers{display:flex;gap:2.5rem;margin-top:2rem}.number-block{display:flex;flex-direction:column;border-left:2px solid var(--gold);padding-left:1rem}.big-number{font-size:2.2rem;font-weight:600;line-height:1}.number-block span:last-child{font-size:.65rem;color:var(--grey);letter-spacing:2px;text-transform:uppercase;margin-top:.3rem}.studio-image img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:brightness(.8)}#community{padding:4rem 3rem;text-align:center;border-top:1px solid rgba(255,255,255,.06)}.community-inner h2{font-size:1.5rem;font-weight:600;letter-spacing:2px;margin-bottom:.5rem}.community-inner p{color:var(--grey);font-size:.85rem;margin-bottom:1.5rem}.discord-btn{display:inline-block;padding:.8rem 2rem;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none;color:#fff;background:#5865f2;border:none;transition:background .3s;font-family:var(--font-body)}.discord-btn:hover{background:#4752c4}#contact{padding:5rem 3rem 2rem;text-align:center;border-top:1px solid rgba(255,255,255,.04)}.contact-inner{max-width:600px;margin:0 auto}.contact-logo{height:50px;filter:invert(1);margin-bottom:1.5rem;opacity:.6}.contact-inner>p{color:var(--grey);font-size:.85rem;margin-bottom:1.5rem}.contact-btn{display:inline-block;color:var(--gold);text-decoration:none;font-size:.95rem;letter-spacing:2px;padding:.9rem 2.2rem;border:1px solid var(--gold);transition:all .3s}.contact-btn:hover{background:var(--gold);color:var(--black)}.social-links{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem}.social-links a{color:var(--grey);text-decoration:none;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;transition:color .3s}.social-links a:hover{color:var(--white)}.footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.04)}.footer p{color:#ffffff26;font-size:.65rem;letter-spacing:2px}.detail-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:2rem 3rem;border-top:1px solid rgba(255,255,255,.06);background:var(--dark)}.detail-nav>:first-child{justify-self:start}.detail-nav>:last-child{justify-self:end}.detail-nav-btn{background:none;border:1px solid rgba(255,255,255,.15);color:var(--grey);padding:.7rem 1.5rem;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:var(--font-body);transition:all .3s}.detail-nav-btn:hover{color:var(--gold);border-color:var(--gold)}.lightbox{position:fixed;inset:0;z-index:2000;background:#000000f2;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}.lightbox.active{opacity:1;pointer-events:all}.lightbox img{max-width:92vw;max-height:92vh;object-fit:contain}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){#navbar{padding:1rem 1.5rem}.nav-links{gap:1.2rem}.nav-links a{font-size:.7rem;letter-spacing:1px}.hero-logo-img{height:180px}.games-grid{grid-template-columns:repeat(2,1fr);gap:4px}.game-card{aspect-ratio:16/9}.detail-hero{min-height:70vh}.detail-content{padding:2rem;max-width:100%}.detail-content h2{font-size:2.2rem}.detail-pillars{gap:.8rem}.hero-arrow-btn{font-size:3rem;padding:.8rem 1rem}.detail-nav{padding:1.5rem 2rem}.detail-nav-btn{padding:.5rem 1rem;font-size:.65rem}.studio-inner{grid-template-columns:1fr;gap:2rem}.studio-numbers{gap:1.5rem}.hero-credits{font-size:.5rem}}@media(max-width:768px){#navbar{padding:.8rem 1rem}.logo-img{height:20px}.nav-links{gap:.8rem}.nav-links a{font-size:.55rem;letter-spacing:1px}.hero-logo-img{height:100px}.hero-tagline{font-size:.75rem;letter-spacing:3px}.hero-stats{flex-direction:column;gap:.8rem}.stat-divider{width:40px;height:1px}.stat-number{font-size:1.3rem}.scroll-cta{font-size:.65rem}.hero-credits{font-size:.4rem;letter-spacing:1px}#games{display:none}.game-detail{display:block!important;position:relative!important;left:auto!important;visibility:visible!important}.detail-hero{min-height:85vh;align-items:flex-end;padding-top:0}.detail-hero:before{background:linear-gradient(to bottom,transparent 0%,rgba(10,10,10,.6) 50%,rgba(10,10,10,.95) 100%)}.detail-content{padding:1.5rem;max-width:100%}.detail-content h2{font-size:1.6rem;letter-spacing:1px}.detail-subtitle{font-size:.9rem}.detail-genre{font-size:.6rem;letter-spacing:1px;margin-bottom:1rem}.detail-desc{font-size:.82rem;line-height:1.7}.detail-tags{gap:.3rem;margin-bottom:1.2rem}.detail-tags span,.detail-steam-link{font-size:.5rem;padding:.25rem .6rem}.detail-pillars{gap:.8rem;margin-top:.5rem}.pillar{padding-left:.8rem}.pillar strong{font-size:.75rem}.pillar p{font-size:.7rem}.detail-quote{font-size:.75rem;margin-top:.8rem}.detail-quote cite{font-size:.55rem}.card-status.released{color:#2ecc71;border-color:#2ecc71}.detail-gallery,.hero-arrows,.detail-nav{display:none}.game-detail+.game-detail{border-top:1px solid rgba(255,255,255,.06)}#studio{padding:3rem 1.5rem}.studio-inner{grid-template-columns:1fr;gap:2rem}.studio-text h2{font-size:1.3rem}.studio-text p{font-size:.82rem}.studio-numbers{flex-direction:column;gap:1rem}.big-number{font-size:2rem}#community{padding:2.5rem 1.5rem}.community-inner h2{font-size:1.1rem}.discord-btn{padding:.6rem 1.5rem;font-size:.7rem}#contact{padding:2.5rem 1.5rem 1.5rem}.contact-logo{height:50px}.contact-inner>p{font-size:.72rem}.contact-btn{font-size:.72rem;padding:.8rem 2rem}.social-links{gap:.8rem;flex-wrap:wrap;justify-content:center}.social-links a{font-size:.6rem}}