:root{--primary-color:#1a1a1a;--secondary-color:#f4f4f4;--accent-color:#c9a57b;--text-color:#333;--font-heading:'Playfair Display', serif;--font-body:'Inter', sans-serif;--container-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);line-height:1.6;color:var(--text-color);background-color:#fff}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}a{text-decoration:none;color:inherit;transition:color 0.3s}ul{list-style:none}.site-header{padding:20px 0;border-bottom:1px solid #eee}.site-header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-heading);font-size:24px;font-weight:700}.main-nav ul{display:flex;gap:30px;padding:0;margin:0}.main-nav ul li{position:relative}.main-nav a{display:block;padding:12px 15px;font-size:16px}.main-nav a:hover{color:var(--accent-color)}.main-nav ul ul{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);flex-direction:column;min-width:220px;padding:10px 0;gap:0;z-index:100;border-radius:4px}.main-nav ul li:hover>ul{display:flex}.main-nav ul ul li a{padding:10px 20px;color:#444;transition:background 0.2s}.main-nav ul ul li a:hover{background:#f9f9f9;color:var(--accent-color)}.hero{height:80vh;background-color:var(--secondary-color);display:flex;align-items:center;justify-content:center;text-align:center}.hero h1{font-family:var(--font-heading);font-size:48px;margin-bottom:20px;margin-bottom:20px}.hero p{font-size:1.25rem;font-weight:700;color:#f4f4f4;text-shadow:0 1px 2px rgba(0, 0, 0, 0.5)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:30px;margin:60px 0}.project-card{background:#fff;overflow:hidden;transition:transform 0.3s}.project-card:hover{transform:translateY(-5px)}.project-image{width:100%;height:250px;object-fit:cover;background-color:#ddd}.project-info{padding:20px 0}.project-info h3{font-family:var(--font-heading);font-size:20px;margin-bottom:10px}.project-category{font-size:14px;color:#888;text-transform:uppercase;letter-spacing:1px}.site-footer{background-color:var(--primary-color);color:#fff;padding:60px 0 20px;margin-top:60px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:40px;margin-bottom:40px}.footer-bottom{border-top:1px solid #333;padding-top:20px;text-align:center;font-size:14px;color:#888}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:1}.mobile-menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--primary-color)}@media (max-width:768px){.container{padding:0 20px;width:100%}body{font-size:16px}h1{font-size:32px;line-height:1.2}h2{font-size:26px}h3{font-size:22px}.mobile-menu-toggle{display:none !important}.main-nav{display:none;align-items:center;justify-content:center;position:fixed;position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;z-index:9998;padding-top:60px}.main-nav.active{display:flex;transform:translateY(0)}.main-nav ul{flex-direction:column;gap:0}.main-nav ul li{border-bottom:1px solid #eee}.main-nav ul li:last-child{border-bottom:none}.main-nav ul li a{display:block;padding:15px 0;color:#333;font-size:18px;font-weight:500;text-align:center}.projects-grid{grid-template-columns:1fr;gap:20px}.project-card .image-wrapper{height:250px}input, textarea, select{font-size:16px !important;padding:12px}}.mobile-bottom-nav{display:none !important}@media (max-width:768px){.site-footer{padding-bottom:90px}.mobile-bottom-nav{display:flex !important;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;width:100%;height:80px;background-color:#D5845C;box-shadow:0 -2px 10px rgba(0, 0, 0, 0.1);z-index:9999;padding:0 30px}.mobile-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-decoration:none;background:none;border:none;font-size:11px;font-family:var(--font-body);gap:6px;cursor:pointer;flex:0 1 auto}.mobile-bottom-nav .nav-item svg{stroke:#fff;background:rgba(255, 255, 255, 0.2);border-radius:50%;padding:8px;width:40px;height:40px;box-sizing:border-box}.row{grid-template-columns:1fr !important;gap:30px !important}.contact-info{text-align:center}.contact-info .info-item{background:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:15px}.project-detail-header{padding:40px 0 !important}.project-title{font-size:32px !important}.project-container{margin-top:30px !important}.gallery-slider-container{height:300px !important}.project-content{grid-template-columns:1fr !important;gap:40px !important}.project-sidebar{order:-1}}.project-detail-header{background:#f4f4f4;padding:60px 0;text-align:center}.project-title{font-family:var(--font-heading);font-size:42px;margin-bottom:20px}.project-meta{color:#666;font-size:18px}.project-container{margin-top:60px}.gallery-slider-container{position:relative;width:100%;height:500px;background:#333;border-radius:4px;overflow:hidden;margin-bottom:40px}.gallery-slider{width:100%;height:100%;position:relative}.gallery-slide{display:none;width:100%;height:100%}.gallery-slide.active{display:block;animation:fade 0.8s}.gallery-slide img{width:100%;height:100%;object-fit:cover}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0, 0, 0, 0.5);color:white;border:none;width:50px;height:50px;cursor:pointer;font-size:24px;border-radius:50%;transition:0.3s;z-index:10}.slider-btn:hover{background:rgba(0, 0, 0, 0.8)}.slider-btn.prev{left:20px}.slider-btn.next{right:20px}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}.dot{width:12px;height:12px;background:rgba(255, 255, 255, 0.5);border-radius:50%;cursor:pointer;transition:0.3s}.dot.active, .dot:hover{background:white}@keyframes fade{from{opacity:0.4}to{opacity:1}}.project-content{display:grid;grid-template-columns:1fr 300px;gap:60px}.section-title{font-family:var(--font-heading);margin-bottom:20px}.text-content{line-height:1.8;color:#444}.project-sidebar{background:#f9f9f9;padding:30px;border-radius:8px;height:fit-content}.sidebar-title{font-family:var(--font-heading);margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:10px}.sidebar-list{list-style:none}.sidebar-item{margin-bottom:15px}