*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#fcfbf9;color:#161e29;font-family:"Inter",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:"Outfit",sans-serif;color:#161e29}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.sub-heading{display:block;font-size:0.85rem;font-weight:600;letter-spacing:2px;color:#c85a32;text-transform:uppercase;margin-bottom:0.5rem}.section-header{text-align:center;max-width:700px;margin:0 auto 3rem auto}.section-header h2{font-size:2.25rem;margin-bottom:1rem;color:#161e29}.section-header p{color:#5e6873}.site-header{position:sticky;top:0;z-index:1000;background-color:rgba(252,251,249,0.95);backdrop-filter:blur(12px);border-bottom:1px solid #e2e5e8;padding:1rem 0;width:100%}.site-header .header-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (max-width: 480px){.site-header .header-container{padding:0 1rem}}.site-header .brand-logo{font-family:"Outfit",sans-serif;font-weight:700;font-size:1.25rem;color:#161e29;text-decoration:none;letter-spacing:1px}.site-header .brand-logo span{color:#c85a32}@media (max-width: 480px){.site-header .brand-logo{font-size:1.1rem}}.site-header .desktop-nav{display:flex;align-items:center;gap:2rem}@media (max-width: 768px){.site-header .desktop-nav{gap:1rem}}.site-header .desktop-nav a{color:#5e6873;text-decoration:none;font-weight:500;font-size:0.95srem;transition:color 0.2s}.site-header .desktop-nav a:hover{color:#161e29}@media (max-width: 480px){.site-header .desktop-nav a{display:none}}.site-header .desktop-nav .nav-cta{background-color:#c85a32;color:#ffffff;padding:0.6rem 1.25rem;border-radius:4px;font-weight:600}.site-header .desktop-nav .nav-cta:hover{opacity:0.9;color:#ffffff}@media (max-width: 480px){.site-header .desktop-nav .nav-cta{display:inline-block;padding:0.5rem 1rem;font-size:0.85rem}}.hero-section{padding:6rem 0 5rem 0;width:100%;overflow:hidden;background:linear-gradient(rgba(252,251,249,0.92), rgba(252,251,249,0.97)),url("../images/demos/hero-bg.jpg") center/cover no-repeat}@media (max-width: 768px){.hero-section{padding:4rem 0 3rem 0}}.hero-section .hero-content{max-width:750px;width:100%}.hero-section .hero-content h1{font-size:3rem;line-height:1.15;margin-bottom:1.5rem;color:#161e29}@media (max-width: 768px){.hero-section .hero-content h1{font-size:2.1rem}}.hero-section .hero-content p{font-size:1.15rem;color:#5e6873;margin-bottom:2rem}@media (max-width: 768px){.hero-section .hero-content p{font-size:1rem}}.hero-section .hero-content .hero-actions{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 480px){.hero-section .hero-content .hero-actions{flex-direction:column;width:100%}}.hero-section .hero-content .hero-actions .btn-primary{background-color:#c85a32;color:#ffffff;padding:0.85rem 1.75rem;font-weight:600;border-radius:4px;text-decoration:none;transition:opacity 0.2s;display:inline-block;text-align:center}.hero-section .hero-content .hero-actions .btn-primary:hover{opacity:0.9}@media (max-width: 480px){.hero-section .hero-content .hero-actions .btn-primary{width:100%}}.hero-section .hero-content .hero-actions .btn-outline{border:1px solid #e2e5e8;background-color:#fff;color:#161e29;padding:0.85rem 1.75rem;font-weight:600;border-radius:4px;text-decoration:none;transition:border-color 0.2s;display:inline-block;text-align:center}.hero-section .hero-content .hero-actions .btn-outline:hover{border-color:#c85a32}@media (max-width: 480px){.hero-section .hero-content .hero-actions .btn-outline{width:100%}}.services-section{padding:5rem 0;background-color:#f7f6f4;width:100%;overflow:hidden}@media (max-width: 768px){.services-section{padding:3.5rem 0}}.services-section .services-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 1fr));gap:2rem;width:100%}.services-section .service-card{background-color:#fff;border:1px solid #e2e5e8;padding:2.5rem;border-radius:6px;box-shadow:0 4px 20px rgba(22,30,41,0.03)}@media (max-width: 480px){.services-section .service-card{padding:1.75rem}}.services-section .service-card h3{font-size:1.35rem;margin-bottom:0.75rem;color:#161e29}.services-section .service-card p{color:#5e6873;font-size:0.95rem;margin-bottom:1.5rem}.services-section .service-card .service-features{list-style:none;display:flex;flex-direction:column;gap:0.5rem;font-size:0.9rem;color:#161e29}.portfolio-section{padding:5rem 0;width:100%;overflow:hidden}@media (max-width: 768px){.portfolio-section{padding:3.5rem 0}}.portfolio-section .portfolio-filters{display:flex;justify-content:center;gap:0.75rem;margin-bottom:2.5rem;flex-wrap:wrap;width:100%}.portfolio-section .portfolio-filters .filter-btn{background:#fff;border:1px solid #e2e5e8;color:#5e6873;padding:0.5rem 1.25rem;border-radius:4px;cursor:pointer;font-weight:500;transition:all 0.2s}.portfolio-section .portfolio-filters .filter-btn.active,.portfolio-section .portfolio-filters .filter-btn:hover{background-color:#c85a32;color:#ffffff;border-color:#c85a32}.portfolio-section .portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr));gap:2rem;width:100%}.portfolio-section .portfolio-card{background-color:#fff;border-radius:6px;overflow:hidden;border:1px solid #e2e5e8;box-shadow:0 4px 20px rgba(22,30,41,0.03)}.portfolio-section .portfolio-card .portfolio-image-wrapper{position:relative;height:240px;background-color:#e2e5e8}.portfolio-section .portfolio-card .portfolio-image-wrapper img{width:100%;height:100%;object-fit:cover}.portfolio-section .portfolio-card .portfolio-image-wrapper .portfolio-location{position:absolute;bottom:1rem;left:1rem;background-color:rgba(22,30,41,0.85);backdrop-filter:blur(4px);padding:0.25rem 0.75rem;font-size:0.8rem;font-weight:600;border-radius:3px;color:#ffffff}.portfolio-section .portfolio-card .portfolio-content{padding:1.5rem}@media (max-width: 480px){.portfolio-section .portfolio-card .portfolio-content{padding:1.25rem}}.portfolio-section .portfolio-card .portfolio-content h3{font-size:1.2rem;margin-bottom:0.5rem;color:#161e29}.portfolio-section .portfolio-card .portfolio-content p{color:#5e6873;font-size:0.9rem;margin-bottom:1rem}.portfolio-section .portfolio-card .portfolio-content .portfolio-specs{display:block;font-size:0.8rem;color:#c85a32;font-weight:600}.testimonials-section{padding:5rem 0;background-color:#f7f6f4;width:100%;overflow:hidden}@media (max-width: 768px){.testimonials-section{padding:3.5rem 0}}.testimonials-section .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 300px), 1fr));gap:2rem;width:100%}.testimonials-section .testimonial-card{background-color:#fff;padding:2.5rem;border-radius:6px;border:1px solid #e2e5e8;box-shadow:0 4px 20px rgba(22,30,41,0.03)}@media (max-width: 480px){.testimonials-section .testimonial-card{padding:1.75rem}}.testimonials-section .testimonial-card .stars{color:#c85a32;margin-bottom:1rem;letter-spacing:2px}.testimonials-section .testimonial-card p{font-style:italic;color:#161e29;margin-bottom:1.5rem;font-size:0.95rem}.testimonials-section .testimonial-card .client-meta{display:flex;flex-direction:column;font-size:0.85rem}.testimonials-section .testimonial-card .client-meta strong{color:#161e29}.testimonials-section .testimonial-card .client-meta span{color:#5e6873}.estimate-section{padding:6rem 0;width:100%;overflow:hidden}@media (max-width: 768px){.estimate-section{padding:4rem 0}}.estimate-section .estimate-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%}@media (max-width: 768px){.estimate-section .estimate-wrapper{grid-template-columns:1fr;gap:2rem}}.estimate-section .estimate-info h2{font-size:2.5rem;margin-bottom:1rem;color:#161e29}@media (max-width: 768px){.estimate-section .estimate-info h2{font-size:2rem}}.estimate-section .estimate-info p{color:#5e6873;margin-bottom:2rem}.estimate-section .estimate-info .contact-direct{display:flex;flex-direction:column;gap:1rem}.estimate-section .estimate-info .contact-direct .direct-item strong{display:block;color:#161e29}.estimate-section .estimate-info .contact-direct .direct-item a,.estimate-section .estimate-info .contact-direct .direct-item span{color:#c85a32;font-weight:600;text-decoration:none}.estimate-section .estimate-form{background-color:#fff;padding:2.5rem;border-radius:6px;border:1px solid #e2e5e8;box-shadow:0 4px 25px rgba(22,30,41,0.04);width:100%;max-width:100%}@media (max-width: 480px){.estimate-section .estimate-form{padding:1.5rem}}.estimate-section .estimate-form .form-group{margin-bottom:1.25rem;width:100%}.estimate-section .estimate-form .form-group label{display:block;font-size:0.85rem;font-weight:500;margin-bottom:0.5rem;color:#5e6873}.estimate-section .estimate-form .form-group input,.estimate-section .estimate-form .form-group select,.estimate-section .estimate-form .form-group textarea{width:100%;max-width:100%;background-color:#fcfbf9;border:1px solid #e2e5e8;padding:0.85rem;color:#161e29;border-radius:4px;font-family:inherit}.estimate-section .estimate-form .form-group input:focus,.estimate-section .estimate-form .form-group select:focus,.estimate-section .estimate-form .form-group textarea:focus{outline:none;border-color:#c85a32}.estimate-section .estimate-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}@media (max-width: 480px){.estimate-section .estimate-form .form-row{grid-template-columns:1fr}}.estimate-section .estimate-form .btn-block{width:100%;background-color:#c85a32;color:#ffffff;padding:1rem;border:none;font-weight:600;border-radius:4px;cursor:pointer;transition:opacity 0.2s}.estimate-section .estimate-form .btn-block:hover{opacity:0.9}.estimate-section .estimate-form .form-status{margin-top:1rem;font-size:0.9rem;text-align:center}.estimate-section .estimate-form .form-status.success{color:#16a34a}.estimate-section .estimate-form .form-status.error{color:#dc2626}.mobile-floating-cta{display:none;position:fixed;bottom:0;left:0;width:100%;background-color:rgba(22,30,41,0.95);backdrop-filter:blur(10px);border-top:1px solid #e2e5e8;padding:0.75rem 1rem;z-index:1000;box-shadow:0 -4px 20px rgba(22,30,41,0.15)}@media (max-width: 768px){.mobile-floating-cta{display:flex;gap:0.75rem}}.mobile-floating-cta .cta-btn{flex:1;padding:0.75rem;text-align:center;border-radius:4px;font-weight:600;text-decoration:none;font-size:0.9rem;display:flex;align-items:center;justify-content:center;gap:0.5rem;transition:background-color 0.2s ease}.mobile-floating-cta .cta-btn.cta-call{background-color:#fff;color:#161e29;border:1px solid #e2e5e8}.mobile-floating-cta .cta-btn.cta-call:hover{background-color:#eae7e3}.mobile-floating-cta .cta-btn.cta-estimate{background-color:#c85a32;color:#ffffff}.mobile-floating-cta .cta-btn.cta-estimate:hover{background-color:#a74b2a}@use "sass:color";.site-footer{background-color:#121821;border-top:1px solid #e2e5e8;padding:4rem 0 2rem 0}.site-footer .footer-container{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:3rem}@media (max-width: 768px){.site-footer .footer-container{grid-template-columns:1fr}}.site-footer .footer-col h3{font-size:1.1rem;margin-bottom:1rem;letter-spacing:1px;color:#c85a32}.site-footer .footer-col h4{font-size:1rem;margin-bottom:1rem;color:#161e29}.site-footer .footer-col p{color:#5e6873;font-size:0.9rem;margin-bottom:0.5rem}.site-footer .footer-bottom{border-top:1px solid #e2e5e8;padding-top:1.5rem;text-align:center;font-size:0.85rem;color:#5e6873}
