:root{--ink:#263950;--blue:#394867;--slate:#7789a4;--pale:#f1f6f9;--paper:#fbfcfd;--gold:#e8c942;--line:#dfe5ea;--white:#fff;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.topbar{background:var(--blue);color:#e7edf3;font-size:10px}.topbar-inner{height:30px;display:flex;align-items:center;justify-content:space-between}.topbar-inner div{display:flex;align-items:center;gap:14px}.topbar i{height:12px;border-left:1px solid #ffffff40}.header{height:78px;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:10;border-bottom:1px solid #dfe5ea}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{position:relative;width:34px;height:45px;display:inline-flex;align-items:center;justify-content:center}.brand-mark b{position:absolute;border-radius:70% 30% 65% 35%;display:block;background:var(--slate);transform:rotate(-28deg)}.brand-mark b:first-child{height:40px;width:12px;left:8px;top:0}.brand-mark b:nth-child(2){height:29px;width:10px;left:19px;top:9px;opacity:.65}.brand-mark b:nth-child(3){height:18px;width:7px;left:2px;top:20px;background:#cbd5df}.brand-text{display:flex;flex-direction:column;gap:3px}.brand-text strong{font-size:14px;letter-spacing:-.4px}.brand-text small{font-size:8px;letter-spacing:1.55px;color:#5a6879}.nav{display:flex;align-items:center;gap:28px;font-size:12px}.nav>a:not(.button):hover,.footer nav a:hover{color:var(--slate)}.button{display:inline-flex;align-items:center;gap:17px;padding:12px 18px;border-radius:99px;background:var(--blue);color:white;font-weight:600;font-size:11px;transition:.2s}.button:hover{background:#253650;transform:translateY(-1px)}.button span,.text-link span{font-size:16px;line-height:10px}.button-small{padding:11px 16px;font-size:10px}.menu-toggle{display:none}.hero{height:480px;position:relative;isolation:isolate;background:#e7ebee;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(249,250,250,.98) 0%,rgba(249,250,250,.94) 29%,rgba(249,250,250,.47) 49%,rgba(249,250,250,0) 72%)}.hero-photo{position:absolute;z-index:-2;inset:0;background-image:url('assets/hero.jpg');background-position:center 48%;background-size:cover;filter:saturate(.78)}.hero-inner{height:100%;display:flex;align-items:center;position:relative}.hero-copy{max-width:515px;padding:0 0 4px}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:700;color:var(--slate);display:block;margin-bottom:10px}.hero h1{font-family:var(--display);font-weight:600;font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-3px;margin:0 0 14px;color:#263950}.hero h1 em{font-style:normal;font-weight:400}.hero-copy>p{font-size:13px;line-height:1.7;color:#596879;max-width:350px;margin:0 0 22px}.hero-caption{position:absolute;right:0;bottom:26px;display:flex;align-items:center;gap:9px;font-size:10px;color:white;text-shadow:0 1px 4px #000}.caption-line{width:28px;border-top:1px solid var(--gold)}.promise{background:#fff;border-bottom:1px solid #edf0f2}.promise-grid{min-height:86px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.promise-item{display:flex;align-items:center;gap:13px;padding:0 16px;border-right:1px solid #e9edf0;min-height:40px}.promise-item:first-child{padding-left:0}.promise-item:last-child{border:0}.line-icon{font-size:24px;color:var(--blue);width:26px;text-align:center}.promise-item div{display:flex;flex-direction:column;gap:4px}.promise-item b{font-size:11px}.promise-item small{font-size:10px;color:#758292}.section{padding:61px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-heading .eyebrow{margin-bottom:5px}.section-heading h2,.about h2,.contact h2{font:600 26px/1.2 var(--display);letter-spacing:-.8px;margin:0}.text-link{font-size:10px;color:#536377;display:flex;align-items:center;gap:9px;padding-bottom:5px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{background:#fff;border:1px solid #e5e9ec;transition:.25s;overflow:hidden}.product-card:hover{box-shadow:0 10px 24px #26395014;transform:translateY(-3px)}.card-image{position:relative;height:168px;overflow:hidden;background:#e6e8e7}.card-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s}.product-card:hover .card-image img{transform:scale(1.045)}.round-arrow{position:absolute;right:12px;bottom:12px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#ffffffeb;color:var(--blue);font-size:14px}.card-meta{padding:12px 12px 13px;display:flex;align-items:center;justify-content:space-between}.card-meta h3{font-size:11px;margin:0 0 5px;font-weight:700}.card-meta p{font-size:9px;margin:0;color:#798593}.card-plus{width:21px;height:21px;border-radius:50%;border:1px solid #c6d0d9;display:grid;place-items:center;color:#64778d;font-size:15px}.projects{padding-top:2px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project-grid figure{position:relative;margin:0;height:202px;overflow:hidden;background:#e5e6e4}.project-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-grid figure:hover img{transform:scale(1.05)}.project-grid figcaption{position:absolute;inset:auto 0 0;padding:32px 12px 10px;color:white;font-size:10px;background:linear-gradient(transparent,#101c2db5);opacity:0;transition:.2s}.project-grid figure:hover figcaption{opacity:1}.about{display:grid;grid-template-columns:1.05fr 1.1fr .8fr;min-height:296px;background:#eaf0f4}.about-image{min-height:296px;overflow:hidden}.about-image img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.75)}.about-copy{align-self:center;padding:40px 8%}.about-copy .eyebrow{font-size:8px}.about h2{font-size:24px;margin-bottom:14px}.about-copy p{font-size:11px;line-height:1.8;color:#5d6d7e;margin:0 0 17px;max-width:430px}.button-light{background:#fff;color:var(--blue);border:1px solid #d8e0e6}.button-light:hover{background:var(--blue);color:white}.about-values{border-left:1px solid #d5dfe6;align-self:center;padding:30px 22px;display:grid;gap:15px;font-size:10px;color:#536477}.about-values div{display:flex;align-items:center;gap:12px}.about-values span{width:18px;font-size:16px;color:var(--blue);text-align:center}.contact{background:var(--blue);color:white;padding:30px 0}.contact-inner{display:grid;grid-template-columns:1.15fr .9fr auto;align-items:center;gap:38px}.contact-intro{display:flex;gap:18px;align-items:center}.mark-light{min-width:45px;height:60px}.mark-light b{background:#8394ad}.mark-light b:nth-child(3){background:#bdc9d6}.contact .eyebrow{color:#bfccd9;font-size:8px}.contact h2{font-size:23px;margin-bottom:6px}.contact-intro p{font-size:10px;color:#d0dae4;line-height:1.65;max-width:300px;margin:0}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;font-size:17px;color:#e0c03b}.contact-details a,.contact-details>span{display:flex;gap:9px;align-items:center}.contact-details span span{font-size:9px;line-height:1.7;color:#e1e7ed}.whatsapp{white-space:nowrap;border-radius:99px;background:white;color:#32445e;padding:13px 16px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:9px}.whatsapp span{color:#46a77d;font-size:18px}.whatsapp b{font-size:15px;margin-left:5px}.footer{background:#fff}.footer-main{min-height:76px;display:flex;align-items:center;justify-content:space-between}.footer .brand-mark{transform:scale(.75);transform-origin:left center;width:29px}.footer .brand-text strong{font-size:11px}.footer .brand-text small{font-size:7px}.footer nav{display:flex;gap:21px;font-size:9px;color:#657286}.social{color:var(--blue);font-size:14px}.footer-bottom{border-top:1px solid #eef0f2;padding:12px 0;display:flex;justify-content:space-between;font-size:8px;color:#85909b}
@media(max-width:900px){.wrap{width:min(100% - 40px,720px)}.nav{gap:14px}.nav>a{font-size:10px}.nav .button{padding:10px 12px}.hero{height:430px}.hero h1{font-size:52px}.promise-grid{grid-template-columns:repeat(2,1fr);padding:14px 0;gap:12px}.promise-item:nth-child(2){border:0}.promise-item{padding-left:8px}.card-image{height:138px}.about{grid-template-columns:1fr 1.15fr}.about-values{grid-column:1/-1;display:flex;justify-content:space-around;border-left:0;border-top:1px solid #d5dfe6;padding:18px}.contact-inner{grid-template-columns:1fr auto;gap:20px}.contact-details{grid-column:1}.whatsapp{grid-column:2;grid-row:1/3}.footer nav{gap:12px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.topbar-inner{height:28px}.topbar-inner>span{font-size:9px}.topbar-inner div{gap:8px;font-size:9px}.topbar-inner div i,.topbar-inner div span{display:none}.header{height:68px}.brand-mark{transform:scale(.9);transform-origin:left center;width:30px}.brand-text strong{font-size:13px}.menu-toggle{width:39px;height:39px;border:1px solid var(--line);border-radius:50%;background:white;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-toggle span{width:15px;border-top:1.5px solid var(--blue)}.nav{display:none;position:absolute;left:0;right:0;top:68px;background:white;padding:12px 18px 18px;box-shadow:0 12px 18px #20354b16;align-items:stretch;flex-direction:column;gap:0}.nav.open{display:flex}.nav>a:not(.button){padding:13px 4px;border-bottom:1px solid #edf0f2;font-size:13px}.nav .button{align-self:flex-start;margin-top:12px;padding:12px 16px}.hero{height:560px;align-items:flex-start}.hero-photo{background-position:57% center}.hero:after{background:linear-gradient(90deg,#f7f8f8f2 0%,#f7f8f8d9 56%,#f7f8f84a 100%)}.hero-inner{align-items:flex-start;padding-top:68px}.hero-copy{max-width:390px}.eyebrow{font-size:8px}.hero h1{font-size:48px;line-height:1.05;letter-spacing:-2.3px}.hero-copy>p{font-size:12px;max-width:300px}.hero-caption{right:0;bottom:18px;font-size:9px}.promise-grid{width:calc(100% - 28px)}.promise-item{gap:9px;padding:4px 7px;min-height:52px}.line-icon{font-size:21px;width:22px}.promise-item b{font-size:10px}.promise-item small{font-size:9px;line-height:1.3}.section{padding:43px 0}.section-heading{align-items:flex-start;gap:10px;margin-bottom:16px}.section-heading h2{font-size:21px;line-height:1.25}.section-heading .eyebrow{font-size:8px}.text-link{font-size:9px;white-space:nowrap;margin-top:20px;gap:5px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.card-image{height:132px}.card-meta{padding:10px 9px}.card-meta h3{font-size:10px}.card-meta p{font-size:8px}.card-plus{width:19px;height:19px;flex:0 0 auto}.projects{padding-top:0}.project-grid{grid-template-columns:repeat(2,1fr);gap:9px}.project-grid figure{height:148px}.project-grid figcaption{opacity:1;font-size:9px;padding:25px 9px 8px}.about{grid-template-columns:1fr}.about-image{min-height:220px;height:220px}.about-copy{padding:28px 22px 24px}.about h2{font-size:22px}.about-values{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:18px 22px}.contact{padding:28px 0}.contact-inner{grid-template-columns:1fr;gap:22px}.contact-intro{align-items:flex-start}.contact-intro p{max-width:290px}.contact-details{grid-column:auto;grid-template-columns:1fr 1fr;gap:14px 8px}.contact-details span span{font-size:9px}.whatsapp{grid-column:auto;grid-row:auto;justify-content:center;width:max-content}.footer-main{padding:15px 0;min-height:0;flex-wrap:wrap;gap:13px}.footer-main nav{order:3;width:100%;flex-wrap:wrap;gap:8px 16px}.footer-main nav a{font-size:9px}.footer-bottom{font-size:7px}.social{font-size:12px}}