.navbar{position:fixed;top:0;left:0;width:100%;height:68px;background-color:var(--cream);border-bottom:1px solid var(--gray-light);z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center;height:100%}.nav-brand{font-size:1.125rem;letter-spacing:.1em}.nav-desktop{display:none}@media(min-width:768px){.nav-desktop{display:flex;align-items:center;gap:2rem}}.nav-links{display:flex;gap:2rem}.nav-link{position:relative;font-size:.75rem;padding:.5rem 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:1px;background-color:var(--black);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.mobile-menu-btn{display:block}@media(min-width:768px){.mobile-menu-btn{display:none}}.nav-mobile-drawer{position:fixed;top:68px;left:0;width:100%;height:calc(100vh - 68px);background-color:var(--cream);padding:2rem;transform:translate(100%);transition:transform .3s ease;z-index:999}.nav-mobile-drawer.open{transform:translate(0)}.mobile-nav-links{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.mobile-nav-link{font-size:2rem;text-transform:uppercase}.footer{background-color:var(--black);color:var(--cream);padding:5rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:4rem}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-brand{font-size:1.25rem;display:block;margin-bottom:1rem}.footer-mission{color:var(--gray-mid)}.footer-col h4{margin-bottom:1.5rem;color:var(--gray-mid)}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:2rem;border-top:1px solid #333;color:var(--gray-mid);font-size:.875rem}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.main-content{min-height:calc(100vh - 68px);padding-top:68px}.hero-section{position:relative;height:calc(100vh - 68px);display:flex;align-items:center}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#000c,#0003)}.hero-content{color:var(--cream);max-width:800px}.hero-title{font-size:3rem;line-height:1.1;margin-bottom:1.5rem}@media(min-width:768px){.hero-title{font-size:5rem}}.hero-subtitle{font-size:1.25rem;margin-bottom:2.5rem;max-width:600px;opacity:.9}.hero-cta-group{display:flex;gap:1rem;flex-wrap:wrap}.btn.hero-btn-outline{border-color:#fff;color:#fff}.btn.hero-btn-outline:hover{background-color:#fff;color:var(--black)}.stats-bar{background-color:var(--black);color:var(--cream);padding:4rem 0}.stats-container{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem 1.5rem;text-align:center}@media(min-width:768px){.stats-container{grid-template-columns:repeat(4,1fr)}}.stat-value{font-size:3rem;margin-bottom:.5rem}.stat-label{color:var(--gray-mid)}.services-section{background-color:var(--cream-dark)}.services-header{text-align:center;max-width:600px;margin:0 auto 4rem}.services-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{background-color:var(--cream);padding:3rem 2rem;border:1px solid var(--gray-light);transition:transform .3s ease}.service-card:hover{transform:translateY(-5px);border-color:var(--black)}.service-icon{margin-bottom:1.5rem}.service-title{margin-bottom:1rem}.featured-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}@media(min-width:768px){.featured-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.projects-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{display:block}.project-image-wrapper{position:relative;aspect-ratio:4/5;overflow:hidden;margin-bottom:1.5rem}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-card:hover .project-overlay{opacity:1}.project-category{color:var(--gray-mid);margin-bottom:.5rem;display:block}.testimonials-section{background-color:var(--black);color:var(--cream)}.testimonials-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:768px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{display:flex;flex-direction:column}.quote-mark{font-size:5rem;line-height:1;color:var(--gray-mid);margin-bottom:1rem}.testimonial-quote{font-size:1.125rem;margin-bottom:2rem;flex-grow:1}.testimonial-author{margin-bottom:.25rem}.testimonial-project{color:var(--gray-mid);font-size:.875rem}.cta-banner{background-color:var(--cream-dark);text-align:center}.cta-container{max-width:800px;margin:0 auto}.cta-title{font-size:2.5rem;margin-bottom:1rem}@media(min-width:768px){.cta-title{font-size:4rem}}.cta-subtitle{font-size:1.25rem;margin-bottom:2.5rem}.portfolio-header{background-color:var(--black);color:var(--cream);text-align:center;padding:6rem 0 3rem}.portfolio-filter-section{background-color:var(--cream-dark);border-bottom:1px solid var(--gray-light);padding:1rem 0}.portfolio-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.filter-btn{padding:.5rem 1rem;color:var(--gray-mid);transition:all .3s ease}.filter-btn:hover,.filter-btn.active{color:var(--black);border-bottom:2px solid var(--black)}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:3rem 2rem}@media(min-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}.portfolio-card{display:flex;flex-direction:column}.portfolio-image-wrapper{position:relative;aspect-ratio:4/3;overflow:hidden;margin-bottom:1.5rem}.portfolio-image{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.portfolio-card:hover .portfolio-image{transform:scale(1.05)}.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-info{text-align:center}.portfolio-category{color:var(--gray-mid);margin-bottom:.5rem;display:block}.portfolio-title{font-size:1.5rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:3rem;color:var(--gray-mid);transition:color .3s ease}.back-link:hover{color:var(--black)}.project-detail-header{max-width:800px;margin-bottom:4rem}.project-detail-category{color:var(--gray-mid);display:block;margin-bottom:1rem}.project-detail-title{font-size:2.5rem;margin-bottom:1.5rem}@media(min-width:768px){.project-detail-title{font-size:4rem}}.project-detail-desc{font-size:1.25rem;line-height:1.6;color:var(--gray-mid)}.project-gallery{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:6rem}@media(min-width:768px){.project-gallery{grid-template-columns:repeat(2,1fr)}}.project-gallery-item{width:100%;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px #0000000d}.gallery-img{width:100%;height:auto;object-fit:cover;display:block;transition:transform .5s ease}.project-gallery-item:hover .gallery-img{transform:scale(1.02)}.project-detail-cta{text-align:center;padding:4rem 2rem;background-color:var(--cream-dark)}.mt-2{margin-top:2rem}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.skeleton-loader{border-radius:inherit}.about-header{background-color:var(--black);color:var(--cream);text-align:center;padding:6rem 0 3rem}.about-title{font-size:2.5rem}@media(min-width:768px){.about-title{font-size:4rem}}.about-grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media(min-width:768px){.about-grid{grid-template-columns:1fr 1fr}}.about-text p{margin-bottom:1.5rem;font-size:1.125rem;line-height:1.6;color:var(--gray-mid)}.about-image-wrapper{aspect-ratio:4/5;overflow:hidden}.about-image{width:100%;height:100%;object-fit:cover}.values-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.values-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.values-grid{grid-template-columns:repeat(4,1fr)}}.value-card{background-color:var(--cream);padding:2.5rem 2rem;border:1px solid var(--gray-light)}.value-title{margin-bottom:1rem;display:block;border-bottom:2px solid var(--black);padding-bottom:.5rem}.contact-header{background-color:var(--black);color:var(--cream);padding:6rem 0 3rem}.contact-title{font-size:2.5rem;margin-bottom:1rem}@media(min-width:768px){.contact-title{font-size:4rem}}.contact-grid{display:grid;grid-template-columns:1fr;gap:4rem}@media(min-width:992px){.contact-grid{grid-template-columns:3fr 2fr}}.contact-info-wrapper{background-color:var(--cream-dark);padding:3rem 2rem}.contact-info-block{margin-bottom:2rem}.contact-info-block .label{margin-bottom:.5rem;display:block}.contact-detail{font-size:1.125rem;line-height:1.6;color:var(--gray-mid)}.contact-detail a{transition:color .3s ease}.contact-detail a:hover{color:var(--black)}.contact-trust-tags{display:flex;flex-wrap:wrap;gap:1rem}.trust-tag{padding:.5rem 1rem;border:1px solid var(--black)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.form-row{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-control{padding:1rem;font-size:1rem;border:1px solid var(--gray-light);background-color:var(--cream);transition:border-color .3s ease;border-radius:0;font-family:inherit}.form-control:focus{outline:none;border-color:var(--black)}.form-success{text-align:center;padding:4rem 2rem;background-color:var(--cream-dark);border:1px solid var(--gray-light)}.form-success p{font-size:1.125rem;color:var(--gray-mid);margin-bottom:2rem}.w-full{width:100%}.text-center{text-align:center}:root{--cream: #FFFDF2;--cream-dark: #F5F0DC;--black: #000000;--gray-mid: #6B6B6B;--gray-light: #E8E4D4}*{box-sizing:border-box}body{margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;background-color:var(--cream);color:var(--black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}.display{font-weight:900}.label{text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.875rem}p{line-height:1.6;font-weight:500}a{color:inherit;text-decoration:none;transition:opacity .3s ease}a:hover{opacity:.7}ul{list-style:none;padding:0;margin:0}button,input,textarea,select{font-family:inherit;border-radius:0}button{border:none;background:none;cursor:pointer;padding:0}img{max-width:100%;height:auto;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;border:1px solid var(--black);transition:all .3s ease;font-size:.875rem}.btn-primary{background-color:var(--black);color:var(--cream)}.btn-primary:hover{background-color:var(--cream);color:var(--black)}.btn-secondary{background-color:transparent;color:var(--black)}.btn-secondary:hover{background-color:var(--black);color:var(--cream)}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}@media(min-width:768px){.container{padding:0 3rem}}.section-padding{padding:6rem 0}@media(max-width:768px){.section-padding{padding:4rem 0}}