/* Generado por brand/tools/build.mjs (tema: techo). No editar a mano. */
:root{--paper:#F4F7FA;--ink:#0B1118;--green:#05070A;--lime:#48A8F0;--line:#D5DEE6;--gray:#52606D;--border-soft:#9DB2C6;--tint:#E3EAF1;--hero-bg:#DDE6EF;--tint-2:#EAF0F6;--border-strong:#6F8599;--border-input:#7F93A6;--tint-3:#E6EEF6}
/* Títulos en mayúsculas con la tipografía condensada, y la foto principal con forma de casa */
h1,h2,h3{text-transform:uppercase;letter-spacing:.005em;font-weight:800}
h1{font-size:clamp(46px,6.2vw,84px);line-height:.98;letter-spacing:.005em}
h2{font-size:clamp(34px,4.2vw,52px);letter-spacing:.005em}
.services-heading h2,.approach-heading h2,.faq h2,.related h2,.how h2,.page-body h2{font-size:clamp(32px,3.8vw,44px)}
.service-detail h3,.approach-item h3,.steps h3,.work h3,.coverage h3{font-size:24px;letter-spacing:.01em}
.faq summary{text-transform:none;font-family:Barlow,Arial,sans-serif}
.hero-photo{border-radius:6px!important;clip-path:polygon(50% 0,100% 26%,100% 100%,0 100%,0 26%)}
.hero-photo img{transform-origin:38% 66%}
.nav a,nav a{letter-spacing:.02em}