: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}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-archive-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;width:100%}.portfolio-grid-item{position:relative;border:1px solid red;aspect-ratio:4/3;display:block;text-decoration:none;overflow:hidden;background-color:transparent;transition:opacity var(--transition-fast)}.portfolio-grid-item.portrait{aspect-ratio:3/4}.portfolio-grid-item:hover{opacity:.8}.portfolio-grid-title{position:absolute;top:8px;left:8px;color:#fff;font-size:1rem;z-index:2;mix-blend-mode:difference}.portfolio-grid-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.portfolio-grid-copyright{position:absolute;bottom:8px;right:8px;color:#fff;font-size:.8rem;z-index:2;mix-blend-mode:difference}.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:40px;pointer-events:auto}.portfolio-archive-grid{grid-template-columns:1fr}.mobile-project-images img{width:100%;height:auto;object-fit:cover}.project-expanded-desc{position:static;grid-column:1/-1;max-width:100%!important;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:12px 12px 12px 0;z-index:auto}.image-counter-desktop{bottom:auto;top:24px;right:24px;background:hsla(0,0%,100%,.85);padding:4px 8px}}.admin-dashboard,.admin-login-container,.analytics-dashboard,.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}.typography-focused{font-size:var(--font-size-desktop,4vw);font-weight:var(--font-weight,700);font-style:var(--font-style,normal);letter-spacing:-.03em;line-height:1.1;max-width:95vw}.typography-focused a{display:block;margin-top:1rem}.grey-text{color:#a0a0a0}.contact-link{color:transparent;-webkit-text-stroke:1px red;text-stroke:1px red;transition:var(--transition-fast);text-decoration:none}.contact-link:hover{color:red;-webkit-text-stroke:0 red;text-stroke:0 red}a.lilith-name-link{color:transparent;-webkit-text-stroke:1px #000;text-stroke:1px #000;transition:var(--transition-fast);text-decoration:none;display:inline!important;margin-top:0!important;padding:0}a.lilith-name-link:active,a.lilith-name-link:hover{color:#000;-webkit-text-stroke:0 #000;text-stroke:0 #000}@media (max-width:768px){body{font-size:14px;line-height:1.5}.layout-wrapper{padding:16px}.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:32px}.site-header>div{text-align:left!important;padding-right:0!important}.typography-focused{font-size:var(--font-size-mobile,8vw);margin-bottom:3rem!important}.portfolio-list-header,.portfolio-list-item{grid-template-columns:50px 45px 1fr!important;gap:8px;font-size:14px}.portfolio-list-item .col-index{display:none}.project-expanded-desc{padding:16px 0 24px!important;font-size:14px;line-height:1.5}.mobile-project-images{margin-top:8px;gap:16px;margin-bottom:48px}.mobile-project-images img,.mobile-project-images video{width:100%;height:auto;object-fit:contain;border-radius:4px}.site-footer{position:relative;left:0;bottom:0;margin-top:48px;padding-bottom:24px}}