@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#1d1e1c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eee9df;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit}:root{--ink:#1d1e1c;--paper:#eee9df;--orange:#ed5a2e;--soft:#d9d3c7;--muted:#77756e;--display:"Space Grotesk",sans-serif;--mono:"DM Mono",monospace}main{background:var(--paper);overflow:hidden}.shell{max-width:1240px;margin:0 auto;padding-left:48px;padding-right:48px}.nav{border-bottom:1px solid var(--soft);height:92px;font:11px var(--mono);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:10px;font-size:17px;font-weight:500;text-decoration:none;display:flex}.brand-mark{background:var(--ink);color:var(--paper);font:20px var(--display);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.brand-dot{color:var(--orange)}.nav-links{gap:38px;display:flex}.nav-links a,.nav-contact{text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-contact:hover,.text-link:hover{color:var(--orange)}.nav-contact{border:1px solid var(--ink);padding:12px 16px}.nav-contact span,.text-link span,.contact-email span{color:var(--orange);margin-left:10px;font-size:16px}.hero{grid-template-columns:1fr 1.06fr;gap:40px;min-height:650px;padding-top:94px;padding-bottom:100px;display:grid}.eyebrow{font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:12px;margin:0 0 28px;display:flex}.eyebrow-line{background:var(--orange);width:28px;height:1px}.hero h1,.intro h2,.project-info h2,.contact h2{font:500 clamp(55px,7.3vw,104px)/.9 var(--display);letter-spacing:-.075em;margin:0}.hero h1 em,.intro h2 em,.project-info h2 em,.contact h2 em{color:var(--orange);font-style:normal}.hero-lede{color:#55534d;max-width:350px;margin:34px 0 36px;font-size:16px;line-height:1.55}.button{font:500 11px var(--mono);text-transform:uppercase;align-items:center;gap:38px;padding:17px 19px;text-decoration:none;display:inline-flex}.button-orange{color:#fff;background:var(--orange)}.button-orange span{font-size:19px;line-height:0}.hero-visual{min-height:472px;position:relative}.hero-image{filter:saturate(.72);background:linear-gradient(120deg,#171e1c1a,#171e1c4d),url(/images/projects/hero-primate.jpeg) 50%/cover;position:absolute;inset:0 0 23px 48px}.hero-stamp{background:var(--orange);color:#fff;text-align:center;width:115px;height:115px;font:600 14px/1.05 var(--display);border-radius:50%;place-content:center;display:grid;position:absolute;bottom:0;left:0;transform:rotate(-12deg)}.hero-stamp span{font:9px var(--mono);margin-top:5px}.hero-caption{font:10px var(--mono);text-transform:uppercase;color:var(--muted);gap:30px;display:flex;position:absolute;bottom:0;right:0}.hero-caption span:first-child{color:var(--orange)}.ticker{background:var(--ink);color:var(--paper);overflow:hidden}.ticker-inner{max-width:1440px;font:11px var(--mono);white-space:nowrap;justify-content:space-around;align-items:center;gap:28px;margin:auto;padding:19px 30px;display:flex}.ticker b{color:var(--orange);font-size:14px}.intro{grid-template-columns:190px 1fr;padding-top:145px;padding-bottom:150px;display:grid}.section-number{font:11px var(--mono);color:var(--orange)}.section-number span{color:var(--muted);margin:0 4px}.intro-content{max-width:810px}.intro h2{font-size:clamp(54px,7vw,93px)}.intro-bottom{color:#5e5b54;max-width:390px;margin:55px 0 0 31%;font-size:15px;line-height:1.6}.text-link{text-transform:uppercase;font:11px var(--mono);border-bottom:1px solid var(--orange);align-items:center;margin-top:28px;padding-bottom:7px;text-decoration:none;display:inline-flex}.services{border-top:1px solid var(--soft);padding-top:27px;padding-bottom:140px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading .eyebrow{margin:0}.muted{color:var(--muted);font:11px var(--mono)}.service-grid{background:var(--soft);border:1px solid var(--soft);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:52px;display:grid}.service{background:var(--paper);min-height:275px;padding:23px 20px 28px;transition:background .25s,color .25s;position:relative}.service:hover{background:var(--orange);color:#fff}.service>span{font:11px var(--mono);color:var(--orange)}.service:hover>span,.service:hover p{color:#ffffffbf}.service h3{font:500 25px/1 var(--display);letter-spacing:-.045em;max-width:170px;margin:92px 0 13px}.service p{color:var(--muted);max-width:190px;font-size:12px;line-height:1.45}.service a{font-size:20px;text-decoration:none;position:absolute;bottom:22px;right:20px}.projects{padding-bottom:145px}.project-feature{grid-template-columns:1.35fr .65fr;min-height:495px;margin-top:50px;display:grid}.project-image{filter:saturate(.72);background-position:50%;background-size:cover}.project-image-one{background-image:url(/images/projects/proyecto-industria.jpg)}.project-info{background:var(--ink);color:var(--paper);flex-direction:column;align-items:flex-start;padding:45px 40px;display:flex}.project-tag{font:10px var(--mono);color:var(--orange);text-transform:uppercase;margin:0}.project-info h2{margin-top:auto;font-size:clamp(45px,5vw,70px)}.project-info>p:not(.project-tag){color:#aaa9a1;max-width:230px;margin:25px 0 32px;font-size:13px;line-height:1.5}.project-index{font:10px var(--mono);color:#85847e}.project-row{grid-template-columns:1fr 1fr;gap:32px;margin-top:70px;display:grid}.project-card{max-width:390px}.project-card-offset{margin-top:110px}.project-card .project-image{height:250px;margin-bottom:22px}.project-image-two{background-image:url(/images/projects/proyecto-evento.jpg)}.project-image-three{background-image:url(/images/projects/hero-primate.jpeg)}.project-card h3{font:500 37px/.95 var(--display);letter-spacing:-.06em;margin:12px 0}.project-card .project-tag{color:var(--muted)}.numbers{border-top:1px solid var(--soft);border-bottom:1px solid var(--soft);grid-template-columns:repeat(3,1fr);padding-top:32px;padding-bottom:32px;display:grid}.numbers div{border-left:1px solid var(--soft);flex-direction:column;gap:6px;padding-left:25px;display:flex}.numbers div:first-child{border:0;padding-left:0}.numbers strong{font:500 55px/.9 var(--display);letter-spacing:-.07em}.numbers span{font:10px var(--mono);text-transform:uppercase;color:var(--muted)}.contact{padding-top:145px;padding-bottom:35px}.contact h2{font-size:clamp(55px,8vw,108px)}.contact-email{font:500 clamp(24px,3vw,40px) var(--display);border-bottom:2px solid var(--orange);letter-spacing:-.05em;margin-top:65px;padding-bottom:10px;text-decoration:none;display:inline-block}.contact-footer{border-top:1px solid var(--soft);font:10px var(--mono);text-transform:uppercase;color:var(--muted);justify-content:space-between;margin-top:140px;padding-top:18px;display:flex}.contact-footer a{color:var(--ink);text-decoration:none}@media (width<=760px){.shell{padding-left:22px;padding-right:22px}.nav{height:74px}.nav-links{display:none}.nav-contact{padding:10px}.hero{padding-top:65px;padding-bottom:75px;display:block}.hero h1{font-size:58px}.hero-visual{min-height:380px;margin-top:60px}.hero-image{left:20px}.hero-stamp{width:90px;height:90px;font-size:11px}.hero-stamp span{font-size:7px}.hero-caption{gap:12px;font-size:8px}.ticker-inner{justify-content:flex-start;animation:22s linear infinite ticker}.intro{padding-top:85px;padding-bottom:95px;display:block}.intro-content{margin-top:44px}.intro-bottom{margin:40px 0 0}.section-heading{align-items:flex-start;gap:20px}.section-heading .muted{text-align:right;max-width:130px}.services{padding-bottom:90px}.service-grid{grid-template-columns:1fr 1fr}.service{min-height:230px;padding:17px 14px}.service h3{margin-top:65px;font-size:21px}.service p{font-size:11px}.projects{padding-bottom:90px}.project-feature{display:block}.project-image-one{height:300px}.project-info{min-height:400px;padding:28px 25px}.project-row{gap:18px;margin-top:45px}.project-card-offset{margin-top:50px}.project-card .project-image{height:160px}.project-card h3{font-size:26px}.numbers{gap:25px}.numbers div{padding-left:12px}.numbers strong{font-size:37px}.numbers span{font-size:8px;line-height:1.25}.contact{padding-top:90px}.contact-email{margin-top:45px;font-size:21px}.contact-footer{flex-wrap:wrap;gap:15px;margin-top:95px}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-35%)}}
