:root{--bg: #f7f2ec;--surface: #ffffff;--ink: #1f1d1a;--muted: #6f6a63;--olive: #5a5b40;--gold: #b2986a;--line: #e4ded6;--shadow: 0 24px 60px rgba(23, 20, 16, .08);--radius: 22px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Manrope,sans-serif;background:radial-gradient(circle at top,#faf6f1 0%,var(--bg) 40%,#f1ece6 100%);color:var(--ink);line-height:1.6}img{width:100%;display:block;border-radius:var(--radius)}a{color:inherit;text-decoration:none}button{font-family:Manrope,sans-serif}.page{overflow-x:hidden}.navbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 6vw;background:#f7f2ecf0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;gap:4px;font-family:Playfair Display,serif}.brand-mark{font-size:1.6rem;font-weight:600}.brand-domain{font-size:.85rem;font-family:Manrope,sans-serif;color:var(--muted);letter-spacing:.16em;text-transform:uppercase}.nav-links{display:flex;gap:22px;flex-wrap:wrap}.nav-link{border:none;background:transparent;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--muted);cursor:pointer;padding-bottom:4px;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.nav-link.active{color:var(--ink);border-color:var(--olive)}.nav-cta{padding:12px 20px;border-radius:999px;border:1px solid var(--ink);background:transparent;font-size:.9rem;cursor:pointer}.hero{position:relative;min-height:90vh;display:grid;align-items:center}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#181410a6,#18141033),url(https://images.unsplash.com/photo-1505691723518-36a5ac3be353?auto=format&fit=crop&w=2000&q=80);background-size:cover;background-position:center}.hero-content{position:relative;z-index:1;max-width:680px;margin-left:8vw;color:#fff;padding:120px 0}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;margin-bottom:18px}.hero h1{font-family:Playfair Display,serif;font-size:clamp(2.8rem,5vw,4.6rem);line-height:1.1;margin-bottom:20px}.lead{font-size:1.1rem;max-width:460px;margin-bottom:32px;color:#ffffffd9}.hero-actions{display:flex;gap:16px;margin-bottom:36px}.primary,.ghost,.slider-btn,.nav-cta,.floating-cta,.filter,.text-link{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.primary{padding:14px 26px;background:var(--olive);color:#fff;border:none;border-radius:999px;cursor:pointer;box-shadow:var(--shadow)}.ghost{padding:14px 26px;border-radius:999px;background:#ffffff26;border:1px solid rgba(255,255,255,.6);color:#fff;cursor:pointer}.text-link{border:none;background:transparent;color:var(--olive);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;cursor:pointer}.primary:hover,.ghost:hover,.nav-cta:hover,.slider-btn:hover,.floating-cta:hover,.filter:hover,.text-link:hover{transform:translateY(-2px)}.primary:focus-visible,.ghost:focus-visible,.nav-cta:focus-visible,.slider-btn:focus-visible,.floating-cta:focus-visible,.filter:focus-visible,.text-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.hero-stats{display:flex;gap:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}.stat{display:block;font-size:1.4rem;font-weight:600}.stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffffb3}.section{padding:90px 8vw}.section-header{max-width:640px;margin-bottom:40px}.section-header h2{font-family:Playfair Display,serif;font-size:clamp(2rem,3.5vw,3rem);margin-bottom:16px}.section-header p{color:var(--muted)}.section-header.split{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .4s ease,box-shadow .4s ease,border .2s ease;border:1px solid transparent;cursor:pointer}.card.active{border-color:var(--olive);box-shadow:0 32px 70px #17141024}.card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #1714101f}.card-body{padding:22px}.card h3{font-family:Playfair Display,serif;margin-bottom:8px;font-size:1.3rem}.card p{color:var(--muted);margin-bottom:12px}.service-spotlight{margin-top:36px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.service-spotlight h3{font-family:Playfair Display,serif;font-size:1.6rem;margin-bottom:8px}.projects{background:#f2ede7}.filter-row{display:flex;gap:12px;margin-bottom:28px}.filter{padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:.85rem}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project{position:relative;overflow:hidden;border-radius:var(--radius);cursor:pointer;min-height:320px}.project img{height:100%;object-fit:cover;transition:transform .5s ease}.project:hover img{transform:scale(1.04)}.project-info{position:absolute;bottom:24px;left:24px;color:#fff;background:#100e0c8c;padding:16px 20px;border-radius:16px}.project-info h3{font-family:Playfair Display,serif;font-size:1.2rem;margin-bottom:6px}.project-info p{font-size:.85rem;color:#fffc}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid var(--line);padding-top:40px}.timeline-step{padding:16px;border-radius:18px;border:1px solid transparent;background:transparent;text-align:left;cursor:pointer;transition:border .2s ease,background .2s ease}.timeline-step.active{border-color:var(--olive);background:#fbf7f1}.step-index{font-size:.9rem;letter-spacing:.18em;color:var(--olive);text-transform:uppercase}.timeline-step h3{font-family:Playfair Display,serif;font-size:1.2rem;margin:14px 0 10px}.timeline-step p{color:var(--muted)}.step-detail{margin-top:20px;color:var(--muted);font-size:.95rem}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.about-content h2{font-family:Playfair Display,serif;font-size:clamp(2rem,3vw,2.6rem);margin-bottom:16px}.about-content p{color:var(--muted);margin-bottom:18px}.clean-list{list-style:none;display:grid;gap:10px;font-weight:500}.clean-list li:before{content:"-";color:var(--olive);margin-right:12px}.testimonials{background:#f2ede7}.testimonial-slider{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.testimonial-card{background:var(--surface);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);display:grid;gap:16px;align-content:center;min-height:280px}.testimonial-card img{width:64px;height:64px;border-radius:50%}.rating{color:var(--gold);letter-spacing:.2em;font-size:.9rem}.client{color:var(--muted);font-size:.9rem}.slider-btn{border:1px solid var(--ink);border-radius:999px;padding:10px 16px;background:transparent;cursor:pointer}.consultation-card{background:var(--surface);border-radius:var(--radius);padding:48px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;box-shadow:var(--shadow)}.consultation-card h2{font-family:Playfair Display,serif;font-size:clamp(2rem,3vw,2.6rem);margin-bottom:12px}.consultation-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.consultation-form input,.consultation-form select{padding:14px;border-radius:14px;border:1px solid var(--line);font-family:Manrope,sans-serif}.consultation-form button{grid-column:span 2}.form-status{grid-column:span 2;font-size:.9rem;color:var(--olive)}.footer{background:#1b1815;color:#eee6dd;padding:70px 8vw 40px}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-bottom:40px}.footer h3,.footer h4{font-family:Playfair Display,serif;margin-bottom:16px}.footer ul{list-style:none;display:grid;gap:10px;color:#eee6ddb3}.footer .text-link{color:#eee6ddb3}.email-capture{display:flex;gap:10px;margin-top:16px}.email-capture input{padding:12px;border-radius:999px;border:1px solid rgba(238,230,221,.2);background:transparent;color:#fff}.email-capture button{padding:12px 18px}.capture-status{display:inline-block;margin-top:12px;font-size:.9rem;color:#eee6ddb3}.footer-bottom{display:flex;justify-content:space-between;color:#eee6dd99;font-size:.85rem;border-top:1px solid rgba(238,230,221,.1);padding-top:20px;flex-wrap:wrap;gap:8px}.floating-cta{position:fixed;bottom:30px;right:30px;padding:14px 22px;border:none;border-radius:999px;background:var(--olive);color:#fff;box-shadow:0 20px 40px #17141038;cursor:pointer;z-index:20}.whatsapp{position:fixed;bottom:90px;right:30px;background:#1f3b2f;color:#fff;padding:12px 18px;border-radius:999px;font-size:.9rem;z-index:20}.modal,.exit-intent{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e0c0a99;display:flex;align-items:center;justify-content:center;z-index:30;padding:24px}.modal-card,.exit-card{background:var(--surface);border-radius:var(--radius);padding:32px;max-width:520px;width:100%;box-shadow:var(--shadow);display:grid;gap:18px}.modal-card img{border-radius:18px}.modal-info h3{font-family:Playfair Display,serif;font-size:1.5rem;margin-bottom:8px}.modal-close,.exit-close{justify-self:end;border:none;background:transparent;font-size:.9rem;cursor:pointer;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.exit-card h3{font-family:Playfair Display,serif}.exit-card p{color:var(--muted)}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (max-width: 1100px){.navbar{flex-direction:column}.project-grid,.about-grid,.consultation-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.hero-content{margin:0 auto;padding:120px 8vw}.service-grid,.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonial-slider{grid-template-columns:1fr}.slider-btn{display:none}}@media (max-width: 700px){.hero-actions{flex-direction:column;align-items:flex-start}.hero-stats{flex-direction:column;gap:12px}.service-grid{grid-template-columns:1fr}.service-spotlight{flex-direction:column;align-items:flex-start}.timeline,.consultation-form{grid-template-columns:1fr}.consultation-form button,.form-status{grid-column:span 1}.footer-grid{grid-template-columns:1fr}}