*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#f5f5f5;color:#333;line-height:1.4;font-size:14px}h2{font-size:2.5em;font-weight:700}.container{display:grid;grid-template-columns:350px 1fr;min-height:100vh}.sidebar{background:#f5f5f5;padding:60px 30px;border-right:none;width:350px;height:100vh;overflow-y:auto}.main-title{font-size:16px;font-weight:700;color:#000;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.subtitle{font-size:12px;color:#111;margin-bottom:40px;text-transform:none;font-weight:400}.nav-section{margin-bottom:30px}.nav-section-title{font-size:12px;color:#666;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.nav-list{list-style:none}.nav-item{margin-bottom:8px}.nav-item a{color:#333;text-decoration:none;font-size:13px;font-weight:400;transition:color .3s ease;position:relative;padding-left:15px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;display:block}.nav-item a:before{content:"→";position:absolute;left:0;opacity:0;transition:opacity .3s ease}.nav-item a:hover{color:#000}.nav-item a:hover:before{opacity:1}.nav-item.active a{color:#000;font-weight:500}.nav-item.active a:before{opacity:1}.main-content{background:#f5f5f5;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:80px 60px}.content-area{max-width:700px;width:100%}.content-image{max-width:350px;width:100%;height:auto;margin:0 0 40px;box-shadow:0 4px 20px #0000001a}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin-bottom:40px}.gallery-item{width:100%;box-sizing:border-box}.gallery-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block;cursor:pointer}.gallery-item:nth-child(3n) .gallery-image{max-width:90%}.gallery-item:nth-child(4n) .gallery-image{max-width:80%}.gallery-item:nth-child(5n) .gallery-image{max-width:100%}.gallery-item:nth-child(6n) .gallery-image{max-width:70%}.gallery-caption{font-size:11px;color:#888;margin-top:8px;font-style:italic}.content-caption{font-size:11px;color:#888;text-align:left;margin-top:25px;margin-bottom:40px;font-style:italic}.content-text{font-size:14px;line-height:1.6;color:#444;margin-bottom:40px;text-align:left}.content-text h2{font-size:24px;font-weight:700;margin-bottom:30px;color:#000;line-height:1.3}.content-text h3{font-size:18px;font-weight:600;margin-bottom:20px;margin-top:30px;color:#000}.content-text p{margin-bottom:20px}.publication-list{max-width:700px;margin:0;text-align:left}.publication-item{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.publication-title{font-size:14px;font-weight:600;color:#000;margin-bottom:12px;line-height:1.5}.publication-details{font-size:12px;color:#666;line-height:1.6;margin-bottom:8px}.publication-link{color:#000;text-decoration:underline;font-size:12px}.clickable{cursor:pointer;transition:color .3s ease}.clickable:hover{color:#000;font-weight:500}.publication-summary{margin-top:15px;padding:15px;background:#f9f9f9;border-left:3px solid #ccc;font-size:12px;line-height:1.5;display:block}.commissariat-details{margin-top:10px;padding-left:15px;font-size:12px;color:#666;line-height:1.5;display:block}.communication-list{max-width:700px;margin:0;text-align:left}.communication-item{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.communication-title{font-size:14px;font-weight:600;color:#000;margin-bottom:8px;line-height:1.4}.communication-details{font-size:12px;color:#666;line-height:1.5}.contact-info{max-width:400px;margin:0;text-align:left}.contact-item{margin-bottom:25px}.contact-label{font-size:11px;color:#666;text-transform:uppercase;margin-bottom:6px;letter-spacing:.5px}.contact-value{font-size:14px;color:#000;line-height:1.4}.contact-value a{color:#000;text-decoration:none;border-bottom:1px solid #ccc}.contact-value a:hover{border-bottom-color:#000}.intro-section{display:flex;gap:40px;align-items:flex-start;margin-bottom:50px}.profile-image{flex:0 0 350px}.page-content{display:none}.page-content.active{display:block}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out}.lightbox-img{max-width:96vw;max-height:96vh;box-shadow:0 8px 40px #00000080;background:#fff}.photo-gallery{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:300px;gap:15px;margin-top:20px}.photo-gallery.organized-chaos{grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:15px}.photo-gallery .gallery-item{overflow:hidden}.photo-gallery .gallery-item img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;cursor:pointer;border:none;border-radius:0}.custom-cursor{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);width:33vw;height:auto;opacity:1;border-radius:0;box-shadow:0 4px 20px #0000004d}@media (max-width: 768px){.container{grid-template-columns:1fr}.sidebar{position:static;width:100%;height:auto;padding:20px;border-right:none;border-bottom:1px solid #e0e0e0}.main-content{margin-left:0;padding:20px}.content-image{max-width:300px}.photo-gallery .gallery-item{flex:1 1 100%}.intro-section{flex-direction:column!important}.profile-image{flex:none!important}.photo-gallery.organized-chaos{grid-template-columns:repeat(3,1fr)}}img{loading:lazy}.gallery-image{transition:none}.mobile-nav-toggle{display:none;flex-direction:column;background:#ffffffe6;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;padding:8px;position:fixed;top:15px;right:15px;z-index:1001;width:40px;height:40px;justify-content:space-around;box-shadow:0 2px 8px #0000001a}.mobile-nav-toggle span{width:20px;height:2px;background:#333;transition:all .3s ease;transform-origin:center;display:block;border-radius:1px}.mobile-nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-nav-toggle.active span:nth-child(2){opacity:0}.mobile-nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:15px 70px 15px 20px;z-index:1000;height:60px;box-sizing:border-box}.mobile-header .main-title{font-size:14px;margin:0}.mobile-header .subtitle{font-size:10px;margin:2px 0 0}@media (max-width: 768px){.mobile-nav-toggle{display:flex!important}.mobile-header{display:block!important}body .sidebar{position:fixed!important;top:0!important;left:-100%!important;width:80%!important;max-width:300px!important;height:100vh!important;background:#fff!important;z-index:1000!important;transition:left .3s ease!important;border-right:1px solid var(--color-border)!important;border-bottom:none!important;overflow-y:auto!important;padding:20px!important;box-sizing:border-box!important;box-shadow:2px 0 10px #0000001a!important}body.mobile-nav-open .sidebar{left:0!important}body.mobile-nav-open:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.container{grid-template-columns:1fr!important}.main-content{padding:20px!important;margin-top:65px!important;margin-left:0!important}.content-text h2{margin-top:0!important}.nav-item a{padding:6px 15px;min-height:36px;display:flex;align-items:center;font-size:13px}.nav-item{margin-bottom:2px}.gallery-image{min-height:44px;min-width:44px}}@media (pointer: coarse){.nav-item a,.publication-link,.gallery-image{min-height:44px;min-width:44px}}img:not(.content-image){loading:lazy}*:focus-visible{outline:2px solid #000;outline-offset:2px}