@import "https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@400;700&family=Inter:wght@400;500;600&display=swap";:root{--bg-color:#0d0d0d;--text-color:#fff;--text-muted:#888;--accent:#e24831;--font-hero:"Anton", sans-serif;--font-display:"Oswald", sans-serif;--font-ui:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;transition:background-color .8s,color .8s}::-webkit-scrollbar{background:0 0;width:0}#root{width:100%;height:100%}.app-container{width:100%;height:100%;position:relative}.navbar{z-index:50;mix-blend-mode:difference;justify-content:space-between;align-items:center;display:flex;position:fixed;top:40px;left:40px;right:40px}.logo{font-family:var(--font-display);letter-spacing:-1px;text-transform:uppercase;color:#fff;font-size:2rem;font-weight:700;line-height:1}.nav-link{cursor:pointer;color:#fff;border-bottom:1px solid;font-size:.8rem;font-weight:500;text-decoration:none}.progress-container{color:#fff;align-items:center;gap:16px;display:flex}.progress-numbers{font-family:var(--font-ui);align-items:center;gap:8px;font-size:.8rem;display:flex}.progress-box{border:1px solid #fff;padding:0 6px;font-size:.75rem}.progress-bars{gap:2px;display:flex}.progress-bar{background-color:var(--text-muted);opacity:.3;width:1px;height:10px;transition:opacity .3s,height .3s}.progress-bar.active{opacity:1;background-color:#fff;height:12px}.footer{z-index:50;mix-blend-mode:difference;letter-spacing:.5px;color:#fff;justify-content:space-between;align-items:flex-end;font-size:.7rem;display:flex;position:fixed;bottom:40px;left:40px;right:40px}.footer-left{flex-direction:column;display:flex}.footer-left strong{font-weight:600}.footer-right{text-align:right;flex-direction:column;gap:2px;display:flex}.carousel-wrapper{perspective:1000px;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.carousel-track{width:100%;height:100%;transform-style:preserve-3d;pointer-events:none;position:relative}.card-container{cursor:pointer;pointer-events:auto;height:55vh;transform-style:preserve-3d;transform-origin:50%;transition:opacity .5s;position:absolute;top:50%;left:50%}.card-container.invisible{opacity:0}.card-container.fade-out{opacity:.1;pointer-events:none}.card-img{object-fit:cover;will-change:transform, filter;width:100%;height:100%}.expanded-view{z-index:100;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.expanded-title-bg{text-align:center;width:100%;font-family:var(--font-hero);color:var(--accent);z-index:1;white-space:nowrap;justify-content:space-between;padding:0 5vw;font-size:28vw;font-weight:400;line-height:.8;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.expanded-img{object-fit:cover;z-index:10;width:60vw;height:60vh;position:relative;box-shadow:0 30px 60px #0000004d}.expanded-details{color:#0d0d0d;z-index:20;justify-content:space-between;align-items:flex-end;font-size:.65rem;display:flex;position:absolute;bottom:40px;left:40px;right:40px}.detail-col{flex-direction:column;gap:2px;width:15%;display:flex}.desc-col{text-align:right;align-items:flex-end;width:25%}.explore-btn{color:var(--accent);flex-direction:column;align-items:center;gap:8px;font-weight:700;display:flex}.explore-line{background-color:var(--accent);width:1px;height:40px}