:root{--primary: #222;--accent: #bfa67a;--background: #f7f7f7;--text: #222;--white: #fff;--gray: #e0e0e0}body{font-family:Montserrat,Arial,sans-serif;background:var(--background);color:var(--text);margin:0;padding:0}header{background:var(--white);box-shadow:0 2px 8px #0000000a;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3vw;position:relative}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;z-index:20}.menu-toggle span{display:block;height:4px;width:100%;background:var(--primary);border-radius:2px;transition:.3s}.menu-toggle span.open:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle span.open:nth-child(2){opacity:0}.menu-toggle span.open:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width: 800px){header{position:sticky;top:0}header{align-items:center;justify-content:space-between;position:relative}.logo{display:flex;align-items:center;height:40px}.menu-toggle{display:flex;align-items:center;margin-left:auto;height:40px}nav{position:absolute;top:100%;right:0;background:var(--white);box-shadow:0 2px 8px #00000014;width:180px;max-width:80vw;transform:translateY(-20px);opacity:0;pointer-events:none;transition:all .3s;border-radius:0 0 1rem 1rem;padding:.5rem 0;z-index:15}nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}nav ul{flex-direction:column;gap:.7rem;align-items:flex-start;padding:.7rem 1.2rem}}.logo{font-size:2rem;font-weight:700;color:var(--primary);letter-spacing:2px}nav ul{list-style:none;display:flex;gap:2rem;margin:0;padding:0}nav a{text-decoration:none;color:var(--primary);font-weight:500;transition:color .2s}nav a:hover{color:var(--accent)}.hero{background:url(/assets/images/fundo.png) center/cover no-repeat;min-height:60vh;display:flex;align-items:center;justify-content:flex-start;padding:4rem 3vw;color:var(--white);position:relative}.hero:after{content:"";position:absolute;inset:0;background:#22222273;z-index:1}.hero-content{position:relative;z-index:2;width:50%;margin-left:auto}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-desc{font-size:1.3rem;margin-bottom:2rem}.btn-primary{background:var(--accent);color:var(--white);border:none;padding:.9rem 2.2rem;border-radius:2rem;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:background .2s}.btn-primary:hover{background:#a88c5c}.section{padding:4rem 3vw;max-width:1200px;margin:0 auto}.section-title{font-size:2.2rem;color:var(--primary);margin-bottom:2rem;font-weight:600;letter-spacing:1px}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.project-card{background:var(--white);border-radius:1rem;box-shadow:0 2px 12px #0000000f;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s}.project-card:hover{transform:translateY(-6px) scale(1.02)}.project-img{width:100%;height:200px;object-fit:cover}.project-info{padding:1.2rem}.project-title{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.project-desc{color:#555;font-size:1rem}.about{display:flex;flex-wrap:wrap;gap:2rem;align-items:center}.about-img{flex:1 1 320px;max-width:400px;border-radius:1rem;box-shadow:0 2px 12px #00000014}.about-content{flex:2 1 400px}footer{background:var(--primary);color:var(--white);text-align:center;padding:2rem 3vw 1rem 3vw;font-size:1rem;letter-spacing:1px;margin-top:3rem}@media (max-width: 1000px){header{align-items:flex-start;gap:1rem;padding:1rem 4vw}nav ul{gap:1.2rem}.section{padding:2.5rem 2vw}}@media (max-width: 800px){.about{flex-direction:column;text-align:center;gap:1.5rem}.about-img{max-width:90vw;width:100%;margin:0 auto}.hero{min-height:40vh;padding:2.5rem 2vw;background-position:center top}.hero-title{font-size:2.2rem}.section-title{font-size:1.5rem}.projects{grid-template-columns:1fr;gap:1.2rem}.project-img{height:160px}header{padding:.7rem 2vw}}@media (max-width: 500px){.logo{font-size:1.2rem}nav ul{flex-direction:column;gap:.7rem;width:100%;align-items:flex-start}.hero-title{font-size:1.3rem}.hero-desc{font-size:1rem}.btn-primary{font-size:1rem;padding:.7rem 1.2rem}.section{padding:1.2rem 1vw}footer{font-size:.9rem;padding:1.2rem 1vw .7rem 1vw}}