:root{--bg-color:#fff;--text-main:#000;--text-muted:#bababa;--text-active:#000;--font-main:"Helvetica Neue",Helvetica,Arial,sans-serif;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--grid-gap:1rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);font-size:11px;line-height:1.4;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;text-transform:capitalize}a{color:inherit;text-decoration:none}.layout-wrapper{display:flex;flex-direction:column;min-height:100vh;padding:24px}.site-header{display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:40px;font-weight:500;width:100%;position:relative;z-index:100}.site-header .logo{text-align:left}.site-header .nav-overview{text-align:center}.site-header .nav-about{text-align:right;padding-right:40px}.site-footer{position:fixed;bottom:24px;left:24px;color:var(--text-muted);font-weight:500}.content-area{flex-grow:1;display:flex;pointer-events:none}.left-pane{width:60%;padding-right:40px}.right-pane{width:40%;position:fixed;top:0;right:0;bottom:0;pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.right-pane,.right-pane .image-container{display:flex;align-items:center;justify-content:center}.right-pane .image-container{width:100%;height:100%;pointer-events:auto}.cursor-next{cursor:e-resize!important}.right-pane img{max-width:90%;max-height:90%;object-fit:contain;transition:opacity var(--transition-fast);opacity:0}.right-pane img.visible{opacity:1}.portfolio-list-header{margin-bottom:24px;font-weight:400}.portfolio-list-header,.portfolio-list-item{display:grid;grid-template-columns:80px 40px 60px 2fr 1fr 1fr 1fr;color:var(--text-muted)}.portfolio-list-item{cursor:pointer;padding:4px 0;transition:color var(--transition-fast)}.portfolio-list-item:hover{color:var(--text-active)}.portfolio-list-item.active{color:var(--text-active);font-weight:500}.portfolio-list-item .col-close,.portfolio-list-item.active .col-index{display:none}.portfolio-list-item.active .col-close{display:block}.portfolio-list-item>div{pointer-events:auto}.project-expanded-desc{grid-column:4/8;padding:12px 0 24px;color:var(--text-active);font-weight:500;max-width:80%;pointer-events:auto}.image-counter-desktop{position:absolute;bottom:24px;right:24px;color:var(--text-muted);font-weight:500}.mobile-only-image{display:none;cursor:pointer;margin-top:1rem;position:relative}.mobile-only-image img{width:100%;aspect-ratio:4/3;object-fit:contain}.image-counter{position:absolute;bottom:10px;right:10px;background:hsla(0,0%,100%,.8);padding:4px 8px;font-size:10px;color:#000}.hide-on-desktop{display:none!important}.mobile-project-images{display:none}@media (max-width:1024px){.left-pane{width:100%;padding-right:0}.site-header{width:100%}.hide-on-desktop{display:inherit!important}.portfolio-list-header,.portfolio-list-item{grid-template-columns:40px 60px 2fr 3fr 0 0 0;overflow:hidden}.hide-on-mobile{display:none!important}.right-pane{display:none}.mobile-project-images{display:flex;flex-direction:column;gap:16px;margin-top:16px;margin-bottom:240px;pointer-events:auto}.mobile-project-images img{width:100%;height:auto;object-fit:cover}.project-expanded-desc{position:fixed;bottom:0;left:0;width:100vw;max-width:100vw!important;background:hsla(0,0%,100%,.85);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:24px;z-index:50;box-sizing:border-box}.image-counter-desktop{bottom:auto;top:24px;right:24px;background:hsla(0,0%,100%,.85);padding:4px 8px}}.admin-dashboard,.admin-login-container,.project-form{pointer-events:auto!important}.admin-login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fff;color:#000;font-size:14px}.admin-login-form{background:#f0f0f0;padding:2rem;border-radius:8px;width:100%;max-width:400px}.form-group{margin-bottom:1rem;display:flex;flex-direction:column}.form-group input,.form-group textarea{padding:.5rem;border:1px solid #ccc;font-family:inherit}.btn-delete,.btn-edit,.btn-primary,.btn-secondary{padding:.5rem 1rem;cursor:pointer;border:1px solid #000;background:#fff;font-family:inherit}.btn-primary{background:#000;color:#fff}.admin-dashboard{padding:2rem;max-width:1000px;margin:0 auto;font-size:14px}.project-card-admin{display:flex;gap:1rem;padding:1rem;border:1px solid #ccc;align-items:center;margin-bottom:1rem}.project-thumbnail{width:120px;height:80px;object-fit:cover}.project-form{max-width:600px;padding:2rem;background:#f9f9f9}