.gallery-hero{padding:calc(var(--spacing-2xl) + 70px) 0 var(--spacing-2xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:var(--color-white);text-align:center}.gallery-hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:var(--spacing-sm);color:var(--color-white)}.gallery-hero-subtitle{font-size:1.25rem;margin-bottom:var(--spacing-xl);opacity:.95;max-width:600px;margin-left:auto;margin-right:auto}.gallery-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-xl)}.filter-btn{padding:.75rem 1.5rem;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:var(--color-white);border-radius:50px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.filter-btn.active{background:var(--color-white);color:var(--color-primary);border-color:var(--color-white)}.gallery-projects-section{padding:var(--spacing-3xl) 0;background:var(--color-gray-50)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.project-card{background:var(--color-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);cursor:pointer;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.project-card-image{position:relative;width:100%;height:280px;overflow:hidden;background:var(--color-gray-200)}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .project-card-image img{transform:scale(1.1)}.project-card-overlay{position:absolute;top:0;left:0;right:0;padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,transparent 100%)}.project-card-badge{display:inline-block;padding:.4rem .9rem;background:var(--color-white);color:var(--color-primary);font-weight:700;font-size:.8rem;border-radius:50px;text-transform:uppercase;letter-spacing:.05em}.project-card-count{display:inline-block;padding:.4rem .9rem;background:#000000b3;color:var(--color-white);font-weight:600;font-size:.8rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card-content{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.project-card-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-gray-900)}.project-card-description{color:var(--color-gray-600);line-height:1.6;margin-bottom:var(--spacing-md);flex:1}.project-card-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--transition-base);align-self:flex-start}.project-card-btn:hover{background:var(--color-accent);transform:translate(4px)}.project-card-btn svg{width:18px;height:18px;transition:transform var(--transition-base)}.project-card-btn:hover svg{transform:translate(4px)}.project-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:var(--spacing-md);margin:0}.project-modal.active{display:flex}.project-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.project-modal-container{position:relative;background:var(--color-white);border-radius:var(--border-radius-lg);max-width:550px;width:100%;max-height:95vh;overflow-y:auto;z-index:10001;animation:modalFadeIn .3s ease-out;box-shadow:0 25px 50px -12px #00000080;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin:0 auto}.project-modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;border:none;background:#00000080;color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-modal-close:hover{background:#000c;transform:rotate(90deg)}.project-modal-close svg{width:24px;height:24px}.project-modal-content{padding:var(--spacing-lg) var(--spacing-xl)}.project-modal-header{margin-bottom:var(--spacing-lg)}.project-modal-title{font-size:1.75rem;font-weight:800;color:var(--color-gray-900);margin-bottom:var(--spacing-sm);line-height:1.3}.project-modal-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.project-meta-item{display:inline-block;padding:.5rem 1rem;background:var(--color-gray-100);color:var(--color-gray-700);font-weight:600;font-size:.9rem;border-radius:var(--border-radius-md)}.category-badge{background:var(--color-primary);color:var(--color-white)}.category-kitchen{background:#e74c3c}.category-bathroom{background:#3498db}.category-living{background:#2ecc71}.category-outdoor{background:#f39c12}.category-other{background:#9b59b6}.project-modal-gallery{margin-bottom:var(--spacing-lg)}.project-modal-image-container{position:relative;width:100%;height:300px;background:var(--color-gray-900);border-radius:var(--border-radius-lg);overflow:hidden}.project-modal-image{width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:none;background:#ffffffe6;color:var(--color-gray-900);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-nav-btn:hover{background:var(--color-white);transform:translateY(-50%) scale(1.1)}.gallery-nav-prev{left:var(--spacing-md)}.gallery-nav-next{right:var(--spacing-md)}.gallery-nav-btn svg{width:24px;height:24px}.project-modal-image-counter{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);padding:.5rem 1rem;background:#000000b3;color:var(--color-white);font-weight:600;font-size:.9rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-modal-thumbnails{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs) 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.project-thumbnail{flex-shrink:0;width:90px;height:70px;border:2px solid transparent;border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-base);background:var(--color-gray-200)}.project-thumbnail:hover{border-color:var(--color-gray-400);transform:scale(1.05)}.project-thumbnail.active{border-color:var(--color-primary)}.project-thumbnail img{width:100%;height:100%;object-fit:cover}.project-modal-autoplay{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-md);padding:var(--spacing-md) 0}.autoplay-btn{display:inline-flex;align-items:center;gap:.75rem;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-base)}.autoplay-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.autoplay-btn:active{transform:translateY(0)}.autoplay-btn svg{width:20px;height:20px;flex-shrink:0}@media(max-width:768px){.project-modal-autoplay{display:flex;justify-content:center}.autoplay-btn{padding:var(--spacing-xs) var(--spacing-md)}}.project-modal-body{border-top:2px solid var(--color-gray-200);padding-top:var(--spacing-lg)}.project-modal-body h3{font-size:1.15rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.project-modal-body p{color:var(--color-gray-600);line-height:1.7;margin-bottom:var(--spacing-sm);font-size:.95rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.gallery-hero{padding:calc(var(--spacing-xl) + 70px) 0 var(--spacing-xl)}.gallery-hero-title{font-size:2rem}.gallery-hero-subtitle{font-size:1rem}.filter-btn{padding:.6rem 1.2rem;font-size:.85rem}.projects-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.project-card-image{height:240px}.project-modal{padding:var(--spacing-xs)}.project-modal-container{max-height:98vh;margin:0;border-radius:var(--border-radius-md)}.project-modal-content{padding:var(--spacing-md) var(--spacing-lg)}.project-modal-title{font-size:1.4rem;padding-right:var(--spacing-2xl);line-height:1.2}.project-modal-body h3{font-size:1.05rem}.project-modal-body p{font-size:.88rem}.project-modal-image-container{height:350px}.gallery-nav-btn{width:40px;height:40px}.gallery-nav-prev{left:var(--spacing-sm)}.gallery-nav-next{right:var(--spacing-sm)}.project-thumbnail{width:80px;height:60px}}@media(max-width:480px){.project-modal-image-container{height:300px}.project-card-image{height:200px}.project-modal-content{padding:var(--spacing-md)}.gallery-filters{gap:var(--spacing-xs)}.filter-btn{padding:.5rem 1rem;font-size:.8rem}}