:root{--dark:#1D3557;--accent:#E9C46A;--accent-2:#F4A261;--muted:#f5f6f8;--text:#0b1b2b;--radius:12px;--container:1200px}*{box-sizing:border-box}html,body{height:100%}body{display:flex;flex-direction:column;margin:0;font-family:Open Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);background:var(--muted);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45}.wrap{max-width:var(--container);margin:0 auto;padding:0 20px}header{background:linear-gradient(0deg,rgba(29,53,87,.95),rgba(29,53,87,.95));position:fixed;top:0;left:0;width:100%;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand{display:flex;align-items:center;gap:12px;color:var(--accent);font-family:Montserrat;font-weight:700}.brand .logo{width:45px;height:45px;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--dark);font-weight:800}nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}nav a{color:#fff;text-decoration:none;font-weight:600;opacity:.95}.hero{height:68vh;min-height:520px;display:grid;align-items:center;position:relative;margin-bottom:40px;overflow:hidden;background-image:url(images/porto_golf/1.jpg);background-size:cover;background-position:center center}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(11,27,43,.6) 0%,rgba(11,27,43,.15) 60%)}.hero-inner{position:relative;z-index:2;display:flex;align-items:center;height:100%}.hero-content{max-width:640px;padding:40px 20px}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:1px;margin-bottom:12px}.hero h1{font-family:Montserrat;font-size:48px;line-height:1.02;color:#fff;margin:0 0 18px}.hero p{color:#ffffffe6;margin:0 0 24px}.cta{display:flex;gap:14px}.btn{display:inline-block;padding:12px 20px;border-radius:10px;font-weight:700;text-decoration:none}.btn-primary{background:var(--accent);color:var(--dark)}.btn-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);color:#fff}section{padding:36px 0}.section-title{font-family:Montserrat;font-size:20px;margin:0 0 18px;color:var(--dark)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:28px}.service-card{background:#fff;border-radius:12px;padding:20px;display:flex;gap:14px;align-items:center;box-shadow:0 6px 18px #0b1b2b0f}.service-icon{width:58px;height:58px;border-radius:10px;background:linear-gradient(135deg,rgba(233,196,106,.14),rgba(244,162,97,.08));display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--accent)}.service-title{font-weight:700}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #0b1b2b0f}.project img{width:100%;height:180px;object-fit:cover;display:block}.project-body{padding:14px}.project h4{margin:6px 0 4px;font-family:Montserrat}.project small{color:#6b7280}.projects-grid{display:flex;gap:20px}.project{flex:1;border-radius:10px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;cursor:pointer}.project img{width:100%;height:auto;display:block}.project:hover{transform:scale(1.05);box-shadow:0 8px 20px #0003}.projects-grid:hover .project:not(:hover){filter:brightness(.7)}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.about-card{background:var(--dark);color:#fff;padding:28px;border-radius:12px}.about-card h3{font-family:Montserrat;margin-top:0}.testimonial{background:#fff;padding:26px;border-radius:12px;box-shadow:0 6px 18px #0b1b2b0f}.testimonial p{margin:0 0 12px}.testimonial .meta{display:flex;gap:12px;align-items:center}.avatar{width:56px;height:56px;border-radius:100%;overflow:hidden}.contact{display:grid;grid-template-columns:1fr 360px;gap:24px}.contact-form{background:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 18px #0b1b2b0f}.form-row{display:flex;gap:10px}input,textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #e6e9ee;font-size:14px;font-family:inherit}textarea{min-height:120px}footer{padding:28px 0;margin-top:28px;background:linear-gradient(0deg,rgba(29,53,87,.95),rgba(29,53,87,.95));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.muted{color:#6b7280}@media (max-width:1000px){.wrap{padding:0 16px}.services,.projects-grid{grid-template-columns:repeat(2,1fr)}.split,.contact{grid-template-columns:1fr}.hero h1{font-size:40px}}@media (max-width:600px){nav ul{display:none}.services,.projects-grid{grid-template-columns:1fr}.hero{min-height:420px}.hero h1{font-size:32px}}.counter-box{background:#fff;padding:30px;border-radius:12px;box-shadow:0 6px 18px #0b1b2b0f;transition:transform .3s ease}.counter-box:hover{transform:translateY(-5px)}.counter-box i{font-size:40px;margin-bottom:10px}.icon-blue{color:#007bff}.icon-green{color:#28a745}.icon-yellow{color:#ffc107}.counter{font-size:2rem;font-weight:700}@media (max-width: 767px){.counter-box{margin-bottom:20px}}.counters{display:flex;justify-content:center;gap:50px;margin:50px 0}.counter-box{text-align:center}.counter{font-size:2.5rem;color:#007bff;font-weight:700}.project-detail{padding:40px 20px;max-width:1200px;margin:auto}.project-header{margin-bottom:20px}.project-header h1{padding:10px 0;font-size:2rem;color:#1d3557}.project-header p{color:#555;font-size:1.1rem}.project-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.project-gallery img{width:100%;height:auto;border-radius:12px;box-shadow:0 4px 8px #00000014}.project-section{margin-bottom:30px}.project-section h2{font-size:1.5rem;margin-bottom:10px;color:#1d3557}.project-section p,.project-section ul{font-size:1rem;line-height:1.6;color:#333}.project-section ul{list-style:disc;padding-left:20px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:10px}.gallery img{width:100%;height:auto;border-radius:8px;object-fit:cover;transition:transform .3s ease}.gallery img:hover{transform:scale(1.05)}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}.image-row{display:flex;justify-content:center;gap:15px;flex-wrap:nowrap}.image-row img{height:200px;width:auto;object-fit:cover;border-radius:10px}