.gallery-filters{margin-bottom:var(--spacing-xl,3rem)}.filter-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-sm,1rem);justify-content:center}.filter-btn{background:var(--bg-primary,#fff);border:2px solid var(--border-color,#e0e1e3);border-radius:var(--radius-md,12px);color:var(--text-secondary,#4a504d);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;position:relative;transition:var(--transition,.3s ease)}.filter-btn:hover{color:var(--primary-green,#28503f);transform:translateY(-2px)}.filter-btn.active,.filter-btn:hover{border-color:var(--primary-green,#28503f)}.filter-btn.active{background:var(--primary-green,#28503f);box-shadow:var(--shadow,0 2px 8px rgba(40,80,63,.15));color:#fff}.gallery-section{background:var(--bg-secondary,#f7f6f3);padding:var(--spacing-2xl,4rem) 0}.gallery-grid{align-items:stretch;display:grid;gap:var(--spacing-lg,2rem);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:var(--spacing-xl,3rem)}.gallery-item{aspect-ratio:4/3;background:var(--bg-card,#fafaf8);border:1px solid var(--border-color,#e0e1e3);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow,0 2px 8px rgba(40,80,63,.12));contain:layout style paint;cursor:pointer;overflow:hidden;position:relative;transition:var(--transition,.3s ease);will-change:transform}.gallery-item:hover{border-color:var(--secondary-color,#bccac3);filter:drop-shadow(0 6px 20px rgba(40,80,63,.15));transform:translateY(-3px)}.gallery-item img{display:block;height:100%;object-fit:cover;object-position:center;transition:var(--transition,.3s ease);width:100%}.gallery-item:hover img{transform:scale(1.03)}.gallery-overlay{background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;inset:auto 0 0;padding:var(--spacing-lg,2rem);position:absolute;transform:translateY(100%);transition:var(--transition,.3s ease);z-index:5}.gallery-item:focus .gallery-overlay,.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-overlay h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.gallery-overlay p{font-size:.9rem;line-height:1.4;opacity:.9}.project-tag{background:var(--primary-green,#28503f);border-radius:var(--radius-md,12px);box-shadow:var(--shadow-sm,0 1px 3px rgba(40,80,63,.12));color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;position:absolute;right:var(--spacing-md,1.5rem);text-transform:uppercase;top:var(--spacing-md,1.5rem);z-index:6}.gallery-loading{align-items:center;color:var(--text-secondary,#4a504d);display:flex;gap:var(--spacing-md,1.5rem);grid-column:1/-1;justify-content:center;padding:var(--spacing-3xl,6rem) 0}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color,#e0e1e3);border-radius:50%;border-top-color:var(--primary-green,#28503f);height:42px;width:42px}@keyframes spin{to{transform:rotate(1turn)}}.eco-features-grid{display:grid;gap:var(--spacing-lg,2rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--spacing-xl,3rem)}.eco-feature-card{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e0e1e3);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm,0 1px 3px rgba(40,80,63,.12));padding:var(--spacing-xl,3rem) var(--spacing-lg,2rem);text-align:center;transition:var(--transition,.3s ease)}.eco-feature-card:hover{box-shadow:var(--shadow-hover,0 6px 24px rgba(40,80,63,.18));transform:translateY(-4px)}.eco-feature-icon{font-size:2.75rem;margin-bottom:var(--spacing-md,1.5rem)}.eco-feature-card h3{color:var(--text-primary,#2f3634);font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-sm,1rem)}.eco-feature-card p{color:var(--text-secondary,#4a504d);line-height:1.6}.lightbox-overlay{align-items:center;background:rgba(0,0,0,.9);display:none;top:0;right:0;bottom:0;left:0;justify-content:center;padding:var(--spacing-lg,2rem);position:fixed;z-index:2000}.lightbox-overlay.active{display:flex}.lightbox-modal{animation:lightboxIn .3s ease-out;background:var(--bg-primary,#fff);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-md,0 10px 25px rgba(0,0,0,.15));max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:100%}@keyframes lightboxIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.lightbox-close{background:rgba(0,0,0,.72);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.4rem;height:48px;position:absolute;right:var(--spacing-md,1.5rem);top:var(--spacing-md,1.5rem);transition:var(--transition,.3s ease);width:48px;z-index:1}.lightbox-close:hover{background:var(--primary-green,#28503f);transform:scale(1.05)}.lightbox-content{display:grid;grid-template-columns:2fr 1fr;min-height:500px}.lightbox-image-container{align-items:center;background:var(--bg-secondary,#f7f6f3);display:flex;justify-content:center;position:relative}.lightbox-image{max-height:100%;max-width:100%;object-fit:contain}.lightbox-nav{display:flex;inset:50% 0 auto;justify-content:space-between;padding:0 var(--spacing-md,1.5rem);position:absolute;transform:translateY(-50%)}.lightbox-next,.lightbox-prev{background:rgba(0,0,0,.72);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:48px;transition:var(--transition,.3s ease);width:48px}.lightbox-next:hover,.lightbox-prev:hover{background:var(--primary-green,#28503f);transform:scale(1.08)}.lightbox-info{overflow-y:auto;padding:var(--spacing-xl,3rem) var(--spacing-lg,2rem)}.lightbox-info h3{color:var(--text-primary,#2f3634);font-size:1.8rem;font-weight:700;margin-bottom:var(--spacing-md,1.5rem)}.lightbox-info p{color:var(--text-secondary,#4a504d);line-height:1.6;margin-bottom:var(--spacing-lg,2rem)}.lightbox-details{margin-bottom:var(--spacing-xl,3rem)}.detail-item{align-items:center;border-bottom:1px solid var(--border-color,#e0e1e3);display:flex;justify-content:space-between;padding:var(--spacing-sm,1rem) 0}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-primary,#2f3634);font-weight:600}.detail-value{color:var(--text-secondary,#4a504d)}.lightbox-actions{border-top:1px solid var(--border-color,#e0e1e3);padding-top:var(--spacing-lg,2rem)}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){.gallery-grid{gap:var(--spacing-md,1.5rem);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.lightbox-content{grid-template-columns:1fr;max-height:90vh}.lightbox-info{max-height:45vh}}@media(max-width:768px){.filter-controls{gap:.75rem}.gallery-item{aspect-ratio:16/9}.eco-feature-card{padding:var(--spacing-lg,2rem)}.lightbox-overlay{padding:var(--spacing-md,1.5rem)}.lightbox-modal{max-height:95vh}}@media(max-width:480px){.filter-btn{font-size:.9rem;padding:.5rem 1rem}.gallery-grid{gap:var(--spacing-sm,1rem)}.lightbox-modal{margin:0 auto}}@media(prefers-color-scheme:dark){.gallery-section{background:#212421}.gallery-item{background:#252827;border-color:rgba(255,255,255,.08)}.gallery-overlay{background:linear-gradient(transparent,rgba(0,0,0,.85))}.lightbox-modal{background:#1a1d1b;color:var(--text-primary,#e8e6e1)}.detail-value,.lightbox-info p{color:var(--text-secondary,#bdb9b0)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.filter-btn:focus,.gallery-item:focus,.lightbox-close:focus,.lightbox-next:focus,.lightbox-prev:focus{outline:2px solid var(--primary-green,#28503f);outline-offset:3px}.gallery-item:focus{transform:translateY(-2px)}