﻿.projects-section{padding:8rem 1rem;background-color:#ffffff}.projects-grid-home{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto;padding:0 1rem}@media (max-width:1024px){.projects-grid-home{grid-template-columns:repeat(2,1fr)}}.project-item-home{position:relative;display:block;overflow:hidden;border-radius:12px;aspect-ratio:16 / 10;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer}.project-item-home:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,0.15)}.project-item-home img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.project-item-home:hover img{transform:scale(1.05)}.project-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);padding:1.5rem 1rem 1rem;opacity:0;transition:opacity 0.3s ease}.project-item-home:hover .project-overlay{opacity:1}.project-overlay h3{color:white;font-size:1.2rem;font-weight:600;margin:0}.btn-view-all-projects{display:inline-block;padding:0.9rem 2rem;background-color:rgba(255,255,255,0.05);color:var(--text-primary);border:1px solid rgba(255,255,255,0.2);text-decoration:none;border-radius:2rem;font-weight:600;transition:all 0.3s ease;position:relative;overflow:hidden;box-shadow:inset 0 0 10px rgba(255,255,255,0.05)}.btn-view-all-projects:hover{background-color:rgba(255,255,255,0.1);border:1px solid var(--btn-bg);box-shadow:0 10px 20px rgba(0,0,0,0.2);transform:translateY(-1px)}@media (max-width:768px){.projects-grid-home{grid-template-columns:1fr;gap:1.5rem}.project-overlay{opacity:1;background:linear-gradient(to top,rgba(0,0,0,0.7),transparent)}}.projects-content{max-width:960px;margin:0 auto;text-align:center;margin-bottom:5rem}.projects-section .small-heading{font-size:0.75rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#888;margin-bottom:1rem}.projects-title{font-size:2.25rem;font-weight:700;color:#222;margin-bottom:3rem}.projects-subtitle{font-size:1.125rem;font-weight:400;color:#555;margin-bottom:2rem}.projects-section h4.section-subtitle,.blog-section h4.section-subtitle,.contact-section h4.section-subtitle{font-size:1.1rem;font-weight:400;color:var(--text-color,#eee);line-height:1.6;margin-bottom:0;opacity:0.95;max-width:90%;padding-left:0;padding-right:0;text-align:center;margin-left:auto;margin-right:auto;font-family:inherit;font-style:normal;letter-spacing:0.01em}#projects-mini-title,#blog-mini-title,#contact-mini-title{font-family:inherit;font-size:0.95rem;font-weight:400;letter-spacing:0.18em;text-transform:uppercase;color:#fff;opacity:0.8;display:block;text-align:center;max-width:90%;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto;margin-bottom:1rem}#projects-title,#blog-title,#contact-title{font-family:inherit;font-size:3rem;font-weight:800;line-height:1.13;color:#fff;margin-bottom:1rem;text-align:center;max-width:90%;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto;letter-spacing:-0.5px}#projects-subtitle,#blog-subtitle,#contact-subtitle{font-family:inherit;font-size:1.1rem;font-weight:400;color:#eee;line-height:1.6;margin-bottom:0;opacity:0.95;max-width:90%;padding-left:0;padding-right:0;text-align:center;margin-left:auto;margin-right:auto;font-style:normal;letter-spacing:0.01em}.project-carousel{max-width:1000px;margin:0 auto;position:relative;overflow:hidden;padding:0 2rem}.carousel-track{display:flex;will-change:transform;gap:4rem;transition:none;padding:1rem}.project-card{display:flex;background-color:var(--bg-color);border-radius:12px;overflow:hidden;box-sizing:border-box;box-shadow:0 6px 24px rgba(0,0,0,0.08);margin:0;padding:0;gap:0;transition:box-shadow 0.3s}.carousel-track .project-card{flex-direction:column;flex:0 0 70%;width:70%;margin:0 auto;justify-content:center;align-items:center}.projects-grid .project-card{flex-direction:row;width:100%;justify-content:space-between;align-items:center}.project-card:not(:last-child){margin-right:4rem}.carousel-controls,.carousel-button,.carousel-indicators,.indicator{display:none !important}.project-card-image{overflow:hidden}.carousel-track .project-card-image{width:100%;border-radius:12px 12px 0 0}.projects-grid .project-card-image{width:50%;border-radius:12px}.image-placeholder{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.carousel-track .image-placeholder{min-height:300px;border-radius:12px 12px 0 0}.projects-grid .image-placeholder,.projects-grid .project-img{min-height:350px;border-radius:12px}.project-card:hover .image-placeholder{transform:scale(1.05)}.project-card-content{display:flex;flex-direction:column;justify-content:center}.carousel-track .project-card-content{width:100%;padding:2rem 1.8rem;align-items:center;text-align:center}.projects-grid .project-card-content{width:50%;padding:2rem 3rem;align-items:flex-start;text-align:left}.project-card-title{font-size:1.5rem;font-weight:700;color:#222;margin-bottom:1rem}.project-card-description{font-size:1rem;line-height:1.6;color:#555;margin-bottom:1.5rem}.project-features-list{padding-left:0;color:#444;font-size:0.95rem;margin-bottom:1.5rem}.carousel-track .project-features-list{display:none}.projects-grid .project-features-list{display:block;list-style:disc;padding-left:1.2rem;text-align:left}.project-link{margin-top:auto;align-self:center;background-color:#f0f0f0;color:#333;padding:0.5rem 1.25rem;border-radius:5px;font-weight:500;font-size:0.9rem;text-decoration:none;transition:all 0.3s ease}.project-link:hover{background-color:#222;color:#fff}.carousel-controls{pointer-events:none;z-index:10;height:0}.carousel-button{pointer-events:auto;width:48px;height:48px;background:#fff;border:2px solid var(--accent-color);border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,0.10);display:flex;justify-content:center;align-items:center;transition:background 0.2s,border-color 0.2s;cursor:pointer;outline:none;position:relative}.carousel-button svg{stroke:var(--accent-color);width:24px;height:24px;transition:stroke 0.2s}.carousel-button:hover,.carousel-button:focus{background:var(--accent-color);border-color:var(--accent-color)}.carousel-button:hover svg,.carousel-button:focus svg{stroke:#fff}.carousel-button svg{stroke:#222;width:20px;height:20px}.carousel-button:hover{background-color:#222}.carousel-button:hover svg{stroke:#fff}@media screen and (max-width:1200px){.projects-grid .project-card{flex-direction:column}.projects-grid .project-card-image,.projects-grid .project-card-content{width:100%}}@media screen and (max-width:991px){.project-card{flex:0 0 100%;width:100%;margin-right:0;flex-direction:column;margin:1.5rem 0;padding:1.5rem 1rem}.projects-grid .project-card{flex-direction:column}.carousel-controls{left:-30px;width:calc(100% + 60px)}.carousel-button{width:44px;height:44px}.project-card-image,.project-card-content,.projects-grid .project-card-image,.projects-grid .project-card-content{width:100%}.project-card-content{padding:1.5rem 1rem;justify-content:center;align-items:center;text-align:center}.image-placeholder{min-height:220px}.project-features-list{display:none}.projects-title{font-size:1.75rem}.project-link{align-self:center}.carousel-controls{left:-20px;width:calc(100% + 40px);padding:0}}@media screen and (max-width:480px){.carousel-button{width:32px;height:32px}.project-card{margin:1rem 0;padding:1rem 0.5rem}.project-card-title{font-size:1.1rem}.project-card-description{font-size:1rem}.image-placeholder{min-height:180px}.project-card-content{padding:1.2rem 0.8rem}}