html,body{min-height:100vh;background-color:#1e1e1e;overflow-x:hidden;max-width:100vw}.site-wrapper{display:flex;min-height:100vh;max-width:100vw;overflow-x:hidden}.sidebar{position:fixed;left:0;top:0;width:150px;height:100vh;background-color:#1e1e1e;display:flex;flex-direction:column;align-items:center;padding:2rem 0;z-index:100;border-right:1px solid #2a2a2a}.sidebar__logo{margin-bottom:3rem}.sidebar__logo img,.sidebar__logo svg{width:80px;height:auto}.sidebar__nav{flex:1;display:flex;flex-direction:column;justify-content:center}.sidebar__nav ul{list-style:none;padding:0;margin:0;text-align:center}.sidebar__nav li{margin:.75rem 0}.sidebar__nav a{color:#b5b5b5;text-decoration:none;font-size:.9rem;letter-spacing:.5px;transition:color .2s ease}.sidebar__nav a:hover,.sidebar__nav a.is-active{color:#f5f5f5}.sidebar__social{display:flex;gap:.75rem;margin-top:auto}.sidebar__social a{color:#7a7a7a;transition:color .2s ease}.sidebar__social a:hover{color:#f5f5f5}.sidebar__social a svg{width:20px;height:20px}.sidebar__lang{margin-top:1rem;display:flex;gap:.5rem}.sidebar__lang a{color:#7a7a7a;font-size:.8rem;text-decoration:none}.sidebar__lang a:hover,.sidebar__lang a.is-active{color:#f5f5f5}.main-content{margin-left:150px;flex:1;min-height:100vh;padding:2rem 3rem;max-width:calc(100vw - 150px);overflow-x:hidden;box-sizing:border-box}.page-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #2a2a2a}.page-header__title{color:#f5f5f5;font-size:2rem;font-weight:400;margin-bottom:.5rem}.page-header__breadcrumb .breadcrumb{margin-bottom:0}.page-header__breadcrumb .breadcrumb a{color:#7a7a7a}.page-header__breadcrumb .breadcrumb a:hover{color:#f5f5f5}.page-header__breadcrumb .breadcrumb li.is-active a{color:#b5b5b5}.page-header__breadcrumb .breadcrumb li+li::before{color:#4a4a4a}.photo-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:4px;gap:8px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}@media(max-width:1400px){.photo-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.photo-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.photo-grid{grid-template-columns:1fr}}.photo-grid__item{cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box}.photo-grid__item.is-hidden{display:none}.photo-grid__item:hover .lazy-image__full.is-loaded{transform:scale(1.02);filter:brightness(1.1)}.lazy-image{position:relative;overflow:hidden;background-color:#242424;width:100%;height:100%;box-sizing:border-box;display:block}.lazy-image__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(20px);transform:scale(1.1);transition:opacity .4s ease}.lazy-image__full{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 2s ease-out,transform .3s ease,filter .3s ease}.lazy-image__full.is-loaded{opacity:1}.lazy-image:has(.lazy-image__full.is-loaded) .lazy-image__placeholder{opacity:0;pointer-events:none}.portfolio-filters{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.portfolio-filters button{background:0 0;border:none;color:#7a7a7a;font-size:.9rem;cursor:pointer;padding:.5rem 0;position:relative;transition:color .2s ease}.portfolio-filters button::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#c9a050;transition:width .2s ease}.portfolio-filters button:hover,.portfolio-filters button.is-active{color:#f5f5f5}.portfolio-filters button:hover::after,.portfolio-filters button.is-active::after{width:100%}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.95);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.lightbox.is-active{opacity:1;visibility:visible}.lightbox__content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;min-width:100px;min-height:100px}.lightbox__content img{max-width:100%;max-height:90vh;object-fit:contain;opacity:0;transition:opacity .3s ease}.lightbox__content img.is-loaded{opacity:1}.lightbox__loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lightbox__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#f5f5f5;border-radius:50%;animation:spin .8s linear infinite}.lightbox__close{position:absolute;top:1rem;right:1rem;background:0 0;border:none;color:#f5f5f5;font-size:2rem;cursor:pointer;z-index:1001}.lightbox__close:hover{color:#c9a050}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#f5f5f5;font-size:3rem;cursor:pointer;padding:1rem;z-index:1001;transition:color .2s ease}.lightbox__nav:hover{color:#c9a050}.lightbox__nav--prev{left:1rem}.lightbox__nav--next{right:1rem}.lightbox__counter{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);color:#7a7a7a;font-size:.9rem}.project__gallery{max-width:900px}.project__info{position:sticky;top:2rem;padding:1.5rem;background-color:#242424}.project__info p{color:#b5b5b5;font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.project__meta{border-top:1px solid #2a2a2a;padding-top:1rem}.project__meta dt{color:#7a7a7a;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.project__meta dd{color:#f5f5f5;margin-bottom:1rem;margin-left:0}.blog-post{max-width:800px;margin:0 auto}.blog-post__featured{margin-bottom:2rem}.blog-post__featured img{width:100%;height:auto}.blog-post__meta{display:flex;gap:1.5rem;color:#7a7a7a;font-size:.9rem;margin-bottom:2rem}.blog-post__content{color:#b5b5b5;line-height:1.8}.blog-post__content h2,.blog-post__content h3,.blog-post__content h4{color:#f5f5f5;margin-top:2rem;margin-bottom:1rem}.blog-post__content p{margin-bottom:1.5rem}.blog-post__content img{max-width:100%;height:auto;margin:2rem 0}.blog-list__item{display:flex;gap:2rem;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid #2a2a2a}.blog-list__item:last-child{border-bottom:none}.blog-list__image{flex-shrink:0;width:300px}.blog-list__image img{width:100%;height:200px;object-fit:cover}.blog-list__content h2{margin-bottom:.5rem}.blog-list__content h2 a{color:#f5f5f5;text-decoration:none}.blog-list__content h2 a:hover{color:#c9a050}.blog-list__meta{color:#7a7a7a;font-size:.85rem;margin-bottom:1rem}.blog-list__excerpt{color:#b5b5b5;line-height:1.6}.contact{max-width:600px}.contact__info{margin-bottom:2rem}.contact__info a{color:#c9a050;text-decoration:none}.contact__info a:hover{text-decoration:underline}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:200;background:#242424;border:none;color:#f5f5f5;padding:.75rem;cursor:pointer}.mobile-menu-toggle svg{width:24px;height:24px}@media(max-width:768px){.mobile-menu-toggle{display:block}.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.is-open{transform:translateX(0)}.main-content{margin-left:0;padding:4rem 1rem 2rem;max-width:100%;width:100%}.portfolio-filters{flex-wrap:wrap;gap:.5rem 1rem}.blog-list__item{flex-direction:column}.blog-list__image{width:100%}}@media(max-width:480px){.portfolio-filters{justify-content:center}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.loading-more{text-align:center;padding:2rem;color:#7a7a7a}.loading-more::after{content:'';display:inline-block;width:20px;height:20px;margin-left:10px;border:2px solid #4a4a4a;border-top-color:#c9a050;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}