:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-primary: #8b7356;--color-secondary: #d4c4b0;--color-tertiary: #f7f4f0;--color-white: #ffffff;--color-dark-text: #333}body{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;background-color:var(--color-tertiary);color:var(--color-dark-text)}.main-content{width:90%;margin:0 auto}.section{padding:4rem 2rem;text-align:center;width:100%;box-sizing:border-box}.brand-name{font-family:Playfair Display,serif;font-size:3.5rem;margin-bottom:1rem;color:var(--color-primary)}.brand-tagline{font-family:Montserrat,sans-serif;font-size:1.2rem;margin-bottom:2rem;color:var(--color-dark-text)}h2{font-family:Playfair Display,serif;font-size:2.5rem;color:var(--color-primary);margin-bottom:2rem}@media (max-width: 768px){.section{padding:3rem 1rem}.brand-name{font-size:2.5rem}.brand-tagline{font-size:1rem}h2{font-size:2rem}}.services-section{background-color:var(--color-tertiary);padding:6rem 2rem}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1280px;margin:2rem auto 0}.service-card{background-color:var(--color-white);padding:2rem;border-radius:10px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease;text-align:center}.service-card:hover{transform:translateY(-5px)}.service-icon{font-size:3rem;margin-bottom:1rem;display:block}.service-card h3{font-family:Playfair Display,serif;color:var(--color-primary);font-size:1.5rem;margin-bottom:1rem}.service-card p{color:var(--color-dark-text);line-height:1.6;margin-bottom:1.5rem}.service-cta{display:inline-block;font-size:1rem;margin-top:auto}@media (max-width: 1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.services-section{padding:4rem 1rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:1.5rem}.service-icon{font-size:2.5rem}.service-card h3{font-size:1.3rem}}.portfolio-section{background-color:var(--color-white);padding:6rem 2rem}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1280px;margin:2rem auto 0}.portfolio-card{background-color:var(--color-tertiary);border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.portfolio-card:hover{transform:translateY(-5px)}.portfolio-image{width:100%;height:250px;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:cover}.portfolio-content{padding:1.5rem;background-color:var(--color-white)}.portfolio-content h3{font-family:Playfair Display,serif;color:var(--color-primary);font-size:1.5rem;margin-bottom:.5rem}.portfolio-content p{color:var(--color-dark-text);line-height:1.6}.portfolio-cta-container{text-align:center;margin-top:3rem}.portfolio-message{font-size:1.2rem;color:var(--color-primary);margin-bottom:1rem}.portfolio-cta{display:inline-block;font-size:1.1rem}@media (max-width: 1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.portfolio-section{padding:4rem 1rem}.portfolio-grid{grid-template-columns:1fr;gap:1.5rem}.portfolio-image{height:200px}.portfolio-content h3{font-size:1.3rem}.portfolio-message{font-size:1.1rem}}.header{background-color:var(--color-white);padding:1rem 2rem;box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000}.header-content{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{height:50px;padding:0}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-menu a{color:var(--color-dark-text);text-decoration:none;font-family:Montserrat,sans-serif;font-weight:500;transition:color .3s ease}.nav-menu a:hover{color:var(--color-primary)}.cta-button{background-color:var(--color-primary);color:var(--color-white)!important;padding:.8rem 1.5rem;border-radius:25px;transition:background-color .3s ease!important}.cta-button:hover{background-color:#725e46;color:var(--color-white)!important}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:1001}.hamburger span{display:block;width:25px;height:2px;background-color:var(--color-dark-text);transition:all .3s ease}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 768px){.header{padding:1rem}.hamburger{display:flex}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--color-white);flex-direction:column;gap:1.5rem;padding:2rem;box-shadow:0 4px 6px #0000001a;text-align:center}.nav-menu.nav-open{display:flex}.logo{height:50px}}.about-section{background-color:var(--color-white);padding:6rem}.about-content{display:flex;gap:4rem;align-items:center;max-width:1280px;margin:0 auto}.about-text{flex:1;text-align:left}.about-description{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:var(--color-dark-text)}.about-highlight{font-size:1.2rem;font-style:italic;color:var(--color-primary);margin-bottom:2rem}.about-image{flex:1;display:flex;justify-content:center;align-items:center}.about-image img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 4px 12px #0000001a}.about-cta{display:inline-block;font-size:1.1rem;margin-top:1rem}@media (max-width: 768px){.about-section{padding:4rem 1rem}.about-content{flex-direction:column-reverse;gap:2rem}.about-text{text-align:center}.about-description,.about-highlight{font-size:1rem}}