@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fdfdfd;--text:#000;--text-muted:#000;--sidebar-width:250px;--border:#eceae6;--font:"Helvetica Neue", Helvetica, Arial, sans-serif}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;font-size:12px;font-weight:300;line-height:1.6}a{color:inherit;text-decoration:none}#app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg);z-index:100;flex-direction:column;height:100vh;padding:32px 24px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-brand{letter-spacing:-.01em;text-transform:none;margin-bottom:40px;font-size:12px;font-weight:300;line-height:1.2;transition:all .8s cubic-bezier(.4,0,.2,1)}.sidebar-brand a{transition:font-style .2s;display:block}.sidebar-brand a:hover{font-style:italic;text-decoration:none}.nav-section{margin-bottom:24px}.nav-label{letter-spacing:0;text-transform:none;color:var(--text);margin-bottom:12px;font-size:12px;font-weight:300}.nav-list{list-style:none}.nav-list li{margin-bottom:2px}.nav-list a{color:var(--text-muted);cursor:pointer;padding:6px 0;font-size:12px;transition:color .15s,font-style .2s;display:block}.nav-list a:hover,.nav-list a.active{color:var(--text);font-style:italic}.nav-list a.active{font-weight:500}.sidebar-footer{color:var(--text-muted);margin-top:auto;padding-top:24px;font-size:12px}.sidebar-footer a{margin-right:12px;transition:color .15s,font-style .2s;display:inline-block}.sidebar-footer a:hover{color:var(--text);font-style:italic}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:32px 40px}.section-header{text-align:left;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:50px;padding-bottom:20px;display:flex}.section-title{letter-spacing:-.01em;font-size:12px;font-weight:300}.section-count{color:var(--text-muted);font-size:12px}.image-grid{flex-direction:column;align-items:flex-start;gap:60px;display:flex}.image-item{cursor:pointer;width:100%;max-width:800px;position:relative}.image-item img{object-fit:contain;filter:grayscale(10%);width:100%;transition:opacity .3s;display:block}.image-item:hover img{opacity:.85}.image-caption{color:var(--text-muted);padding:12px 0 6px;font-size:12px}.lightbox{z-index:200;background:#f5f4f0f5;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.lightbox.open{display:flex}.lightbox-img-wrap{max-width:80vw;max-height:80vh;position:relative}.lightbox-img-wrap img{object-fit:contain;filter:grayscale(10%);max-width:100%;max-height:80vh;display:block}.lightbox-meta{color:var(--text-muted);text-align:center;margin-top:16px;font-size:12px}.lightbox-close{cursor:pointer;color:var(--text-muted);letter-spacing:.05em;font-size:12px;font-weight:300;font-family:var(--font);background:0 0;border:none;transition:color .15s;position:fixed;top:24px;right:32px}.lightbox-close:hover{color:var(--text)}.lightbox-nav{color:var(--text-muted);cursor:pointer;font-size:12px;font-family:var(--font);letter-spacing:.05em;background:0 0;border:none;padding:8px;transition:color .15s;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{color:var(--text)}.lightbox-prev{left:24px}.lightbox-next{right:24px}.about-section{max-width:560px}.about-section p{color:var(--text);margin-bottom:20px;font-size:12px;line-height:1.6}.about-meta{border-top:1px solid var(--border);color:var(--text-muted);margin-top:32px;padding-top:24px;font-size:12px;line-height:2}.books-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:32px;display:grid}.book-item img{aspect-ratio:3/4;object-fit:cover;filter:grayscale(15%);background:#e8e5e0;width:100%;display:block}.book-item .book-info{margin-top:10px;font-size:12px}.book-item .book-title{margin-bottom:2px;font-weight:500}.book-item .book-year{color:var(--text-muted)}.menu-toggle{z-index:300;cursor:pointer;letter-spacing:.08em;font-size:12px;font-family:var(--font);color:var(--text);background:0 0;border:none;display:none;position:fixed;top:16px;left:16px}@media (width<=768px){.menu-toggle{background:var(--bg);border-radius:2px;padding:4px 8px;display:block;box-shadow:0 2px 8px #0000000d}.sidebar{padding-top:64px;transition:transform .3s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 20px #0000000f}.main-content{margin-left:0;padding:56px 20px 32px}.image-grid{grid-template-columns:1fr;gap:40px}.mobile-home-content{background:var(--bg);z-index:50;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mobile-home-nav{flex-direction:column;gap:20px;display:flex}.mobile-home-nav a{color:var(--text);font-size:12px;font-weight:300;text-decoration:none}.mobile-home-nav .home-brand{margin-bottom:20px;font-weight:300}}.section-description{color:#444;max-width:800px;margin-top:40px;font-size:12px;line-height:1.8}.section-description p{margin-bottom:12px}.fade-in{animation:.8s cubic-bezier(.2,.8,.2,1) forwards mainFadeIn}@keyframes mainFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.sidebar{opacity:1}.lang-switcher{gap:8px;margin-top:12px;display:flex}.contact-trigger{cursor:pointer;transition:font-style .2s}.contact-trigger:hover{font-style:italic}.contact-email{opacity:0;max-height:0;color:var(--text);margin-top:12px;font-size:12px;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.contact-email.show{opacity:1;max-height:40px;margin-bottom:20px}.lang-btn{color:var(--text-muted);cursor:pointer;font-size:12px;transition:color .15s,font-style .2s}.lang-btn:hover,.lang-btn.active{color:var(--text);font-style:italic}
