@import "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#000;--white:#fff;--gray:#e8e8e8;--mid:#888;--font:"Space Mono", "Courier New", Courier, monospace;--border:2px solid var(--black);--transition:.12s ease;--header-height:64px}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--white);color:var(--black);font-family:var(--font);line-height:1.4;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;color:inherit;background:0 0;border:none}.loading{height:100vh;font-family:var(--font);letter-spacing:.2em;color:var(--mid);justify-content:center;align-items:center;font-size:.75rem;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.home{flex-direction:column;min-height:calc(80vh - 40px);display:flex}.home-header{border-bottom:var(--border);flex-shrink:0;justify-content:space-between;align-items:baseline;padding:1.5rem 2rem;display:flex}.home-logo{letter-spacing:.15em;font-size:clamp(1rem,2vw,1.25rem);font-weight:700}.home-counter{letter-spacing:.2em;color:var(--mid);font-size:.65rem}.scroll-area{flex:1;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.projects-track{scroll-behavior:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none;flex:1;align-items:center;gap:0;height:100%;padding:2rem 4rem;display:flex;overflow:auto hidden}.projects-track::-webkit-scrollbar{display:none}.projects-track.dragging{cursor:grabbing;scroll-behavior:auto}.project-card{border:var(--border);cursor:pointer;width:clamp(280px,30vw,400px);height:clamp(340px,55vh,500px);transition:transform var(--transition), z-index 0s;background:var(--white);flex-direction:column;flex-shrink:0;margin-right:-2px;display:flex;position:relative}.project-card:hover{z-index:10;transform:translateY(-6px)}.project-card:focus-visible{outline:3px solid var(--black);outline-offset:-3px}.card-image{border-bottom:var(--border);flex:1;position:relative;overflow:hidden}.card-image img{object-fit:contain;pointer-events:none;object-position:center top;width:100%;height:100%;display:block}.card-placeholder{background:var(--gray);justify-content:flex-end;align-items:flex-start;width:100%;height:100%;padding:1rem;display:flex}.card-index{color:var(--black);opacity:.08;font-size:4rem;font-weight:700;line-height:1}.card-info{flex-direction:column;gap:.25rem;padding:1rem 1.25rem;display:flex}.card-category{letter-spacing:.2em;color:var(--mid);font-size:.6rem}.card-title{letter-spacing:.05em;font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:700}.card-year{letter-spacing:.15em;color:var(--mid);font-size:.6rem}.card-hover-overlay{background:var(--black);color:var(--white);letter-spacing:.25em;opacity:0;pointer-events:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:opacity .15s;display:flex;position:absolute;inset:0}.project-card:hover .card-hover-overlay{opacity:.92}.scroll-btn{z-index:20;border:var(--border);background:var(--white);width:3rem;height:3rem;transition:background var(--transition), color var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.scroll-btn:hover{background:var(--black);color:var(--white)}.scroll-btn--left{left:.75rem}.scroll-btn--right{right:.75rem}@media (width<=600px){.home-header{padding:1rem}.projects-track{padding:1.5rem 3.5rem}.project-card{width:clamp(240px,75vw,300px)}.scroll-btn{width:2.5rem;height:2.5rem;font-size:.9rem}}@media (width<=768px){.scroll-btn{display:none}.projects-track{padding:1rem}}.navbar{border-bottom:var(--border);background:var(--white);z-index:100;height:var(--header-height);justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.navbar-logo{letter-spacing:.15em;transition:opacity var(--transition);font-size:clamp(.9rem,2vw,1rem);font-weight:700}.navbar-logo:hover{opacity:.4}.navbar-links{gap:0;display:flex}.navbar-link{letter-spacing:.2em;border:var(--border);transition:background var(--transition), color var(--transition);margin-left:-2px;padding:.5rem 1.25rem;font-size:.65rem;font-weight:700}.navbar-link:hover,.navbar-link.active{background:var(--black);color:var(--white)}@media (width<=600px){.navbar{padding:1rem}.navbar-link{padding:.5rem .75rem;font-size:.6rem}}.footer{border-top:var(--border);letter-spacing:.2em;color:var(--mid);height:var(--header-height);background:var(--white);z-index:200;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 2rem;font-size:.6rem;display:flex}