:root{--ink:#111312;--paper:#f4f4ef;--white:#fff;--acid:#d7ff4f;--line:#c9cbc4;--muted:#696d68;--pad:clamp(1.25rem,4vw,4.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;font-size:16px;line-height:1.5}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{font:inherit}.topbar{position:absolute;z-index:20;top:0;left:0;width:100%;height:94px;display:flex;align-items:center;padding:0 var(--pad);color:#fff;border-bottom:1px solid #ffffff45}.brand{display:flex;align-items:center;gap:.75rem}.brand-mark{width:42px;height:42px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-weight:900;letter-spacing:-.06em}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-size:.96rem;text-transform:uppercase;letter-spacing:.05em}.brand-copy small{font-size:.72rem;opacity:.72;margin-top:.25rem}.topbar nav{display:flex;gap:clamp(1rem,2.3vw,2.5rem);margin:auto;font-size:.82rem;font-weight:700}.topbar nav a,.text-link{position:relative}.topbar nav a:after,.text-link:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:.25s}.topbar nav a:hover:after,.text-link:hover:after{right:0}.top-cta{font-size:.86rem;font-weight:800;border:1px solid #ffffff80;border-radius:999px;padding:.8rem 1.1rem}.menu-toggle{display:none;background:none;border:0;color:#fff;width:42px;height:42px;padding:10px}.menu-toggle span{display:block;height:1px;background:currentColor;margin:7px 0}
.hero{min-height:760px;height:100svh;position:relative;color:#fff;display:flex;align-items:flex-end;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;height:100%;object-fit:cover}.hero-image{object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(8,11,9,.92) 0%,rgba(8,11,9,.5) 52%,rgba(8,11,9,.2) 100%),linear-gradient(0deg,rgba(8,11,9,.45),transparent 55%)}.hero-content{position:relative;z-index:2;width:min(960px,75vw);padding:150px var(--pad) clamp(4rem,9vh,7rem)}.kicker,.overline{font-size:.75rem;text-transform:uppercase;letter-spacing:.17em;font-weight:800}.kicker{display:flex;align-items:center;gap:.75rem}.kicker span{width:34px;height:2px;background:var(--acid)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(4.3rem,9.5vw,9.5rem);line-height:.78;letter-spacing:-.075em;margin:.7rem 0 2rem;max-width:1000px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--acid)}.hero-lead{font-size:clamp(1.08rem,1.5vw,1.35rem);max-width:680px;line-height:1.55;color:#ecefe9}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.25rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;border-radius:999px;padding:1rem 1.25rem;font-weight:800;font-size:.9rem;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:#fff;color:var(--ink)}.button-dark{background:var(--ink);color:#fff}.button span{font-size:1.15rem}.text-link{font-weight:800;font-size:.9rem}.text-link span{color:var(--acid);margin-left:.5rem}.hero-panel{position:absolute;z-index:2;right:var(--pad);bottom:0;width:min(320px,22vw);border-left:1px solid #ffffff52}.hero-panel div{display:flex;gap:1rem;padding:1.15rem;border-top:1px solid #ffffff52;font-size:.78rem}.hero-panel b{color:var(--acid);font-size:.7rem}.hero-panel span{line-height:1.35}
.section-pad{padding:clamp(5rem,10vw,9rem) var(--pad)}.section-number{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--muted)}h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.9;letter-spacing:-.065em}.intro{display:grid;grid-template-columns:1fr 3fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:start}.intro-copy h2{max-width:950px}.overline{color:var(--muted);margin-bottom:1.6rem}.large-copy{font-size:clamp(1.15rem,1.8vw,1.55rem);color:var(--muted);max-width:760px;margin:2.4rem 0 0}.stat-card{border-top:1px solid var(--ink);padding-top:1rem}.stat-card strong{font-size:clamp(4rem,7vw,7rem);line-height:1;letter-spacing:-.08em}.stat-card span{display:block;font-size:.85rem;color:var(--muted);margin-top:.8rem}
.solutions{background:var(--ink);color:#fff}.section-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:4rem;align-items:end;margin-bottom:4rem}.section-heading .section-number{color:#9ba09a;display:block;margin-bottom:2rem}.section-heading h2{max-width:850px}.section-heading>p{color:#adb2ac;font-size:1.05rem;max-width:520px}.solution-list{border-top:1px solid #ffffff30}.solution-list article{display:grid;grid-template-columns:55px minmax(260px,1fr) 1fr minmax(190px,.7fr);gap:2rem;padding:2rem 0;border-bottom:1px solid #ffffff30;align-items:center}.solution-list article>span{color:var(--acid);font-size:.7rem}.solution-list h3{font-size:clamp(1.4rem,2.1vw,2rem);margin:0}.solution-list p{color:#adb2ac;margin:0}.solution-list b{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;text-align:right}
.projects{background:#dedfd8}.projects-head{padding-bottom:2.5rem}.projects-head h2{max-width:900px;margin:2rem 0 3.5rem}.filters{display:flex;gap:.6rem;flex-wrap:wrap}.filters button{border:1px solid #aeb0a9;background:transparent;border-radius:999px;padding:.65rem 1rem;font-size:.78rem;font-weight:800;cursor:pointer}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.project-grid{padding-top:0;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:320px;gap:.9rem}.project{position:relative;margin:0;overflow:hidden;background:#bbb}.project-wide{grid-column:span 2}.project-tall{grid-row:span 2}.project img{height:100%;object-fit:cover;transition:transform .6s ease}.project:hover img{transform:scale(1.035)}.project:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000b)}.project figcaption{position:absolute;z-index:2;left:1.25rem;bottom:1.15rem;color:#fff;display:grid}.project figcaption span{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--acid)}.project figcaption b{font-size:1.1rem}.project.hidden{display:none}
.method{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,9rem)}.method-title h2{margin:2rem 0;max-width:720px}.method ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.method li{display:grid;grid-template-columns:55px 1fr;gap:1rem;padding:1.6rem 0;border-bottom:1px solid var(--line)}.method li>span{font-size:.7rem;color:var(--muted);font-weight:800}.method h3{font-size:1.3rem;margin:0 0 .4rem}.method p{margin:0;color:var(--muted)}
.contact{background:var(--acid);display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(3rem,8vw,9rem)}.contact-main h2{max-width:900px;margin:1.5rem 0 2rem}.contact-main>p:not(.kicker){font-size:1.1rem;max-width:650px}.contact-actions{display:flex;align-items:center;gap:2rem;margin-top:2.5rem}.contact-phone{font-size:1.2rem;font-weight:900}.contact-card{border-top:1px solid var(--ink)}.contact-card p{display:grid;padding:1rem 0;border-bottom:1px solid #11131245;margin:0;gap:.25rem}.contact-card small{text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:.65rem}.contact-card a,.contact-card span{font-weight:700;overflow-wrap:anywhere}
footer{background:var(--ink);color:#fff;padding:4rem var(--pad) 2rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.footer-brand{width:max-content}footer>p{color:#9ca19b}footer>div{grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:1.2rem;display:flex;justify-content:space-between;color:#8d928c;font-size:.75rem}.mobile-whatsapp{display:none}
@media(max-width:900px){.topbar{height:78px}.topbar nav{display:none;position:fixed;inset:78px 0 0;background:var(--ink);padding:3rem var(--pad);font-size:1.8rem;flex-direction:column;gap:1rem}.topbar nav.open{display:flex}.top-cta{display:none}.menu-toggle{display:block;margin-left:auto}.hero{min-height:720px}.hero-content{width:100%;padding-bottom:5rem}.hero-panel{display:none}.intro{grid-template-columns:1fr}.intro>.section-number{margin-bottom:-1rem}.stat-card{max-width:220px}.section-heading{grid-template-columns:1fr}.solution-list article{grid-template-columns:40px 1fr}.solution-list article p,.solution-list article b{grid-column:2}.solution-list article b{text-align:left}.project-grid{grid-template-columns:1fr 1fr}.project-wide{grid-column:span 2}.method,.contact{grid-template-columns:1fr}}
@media(max-width:600px){.brand-copy{display:none}.hero{min-height:680px}.hero-shade{background:linear-gradient(0deg,rgba(8,11,9,.9) 0%,rgba(8,11,9,.18) 90%)}h1{font-size:clamp(4rem,20vw,6rem)}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.25rem}.section-heading{gap:1rem}.solution-list article{gap:1rem;padding:1.5rem 0}.project-grid{display:block}.project{height:300px;margin-bottom:.7rem}.project-tall{height:430px}.method li{grid-template-columns:38px 1fr}.contact-actions{align-items:flex-start;flex-direction:column}.contact-phone{font-size:1.1rem}footer{grid-template-columns:1fr}.footer-brand .brand-copy{display:grid}footer>div{flex-direction:column;gap:.5rem}.mobile-whatsapp{display:flex;position:fixed;z-index:30;right:1rem;bottom:1rem;background:#25d366;color:#08110b;padding:.9rem 1.1rem;border-radius:999px;font-weight:900;gap:1.2rem;box-shadow:0 12px 35px #0004}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project img,.button{transition:none}}