/* CLAREA es la firma principal; LH es su sello editorial secundario. */
.site-header{background:#faf5ed;border-bottom-color:rgba(180,145,92,.26)}
.nav-shell{height:104px;gap:24px}
.brand{gap:5px;max-width:360px;min-width:0}
.brand-monogram{display:flex;align-items:center;justify-content:center;flex:0 0 68px;width:68px;height:76px}
.brand-monogram svg{width:100%;height:100%;display:block;mix-blend-mode:darken}
.brand-identity{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1}
.brand-name{font:800 41px/.98 var(--display);letter-spacing:.072em;color:var(--navy);white-space:nowrap}
.brand-services{margin-top:7px;font:700 7.8px/1.45 var(--display);letter-spacing:.03em;color:var(--navy);white-space:nowrap}
.brand-tagline{margin-top:4px;font:600 10.2px/1.45 var(--sans);letter-spacing:.005em;color:#ae8959;white-space:nowrap}

@media(max-width:1160px){
  .nav-shell{height:96px}
  .brand{gap:3px}
  .brand-monogram{flex-basis:62px;width:62px;height:70px}
  .brand-name{font-size:37px}
  .brand-services{font-size:7.3px}
  .brand-tagline{font-size:9.7px}
}
@media(max-width:920px){
  .nav-shell{height:88px}
  .nav-links{top:88px}
  .brand-monogram{flex-basis:59px;width:59px;height:65px}
  .brand-name{font-size:37px}
}
@media(max-width:410px){
  .nav-shell{height:78px;gap:12px}
  .nav-links{top:78px}
  .brand{gap:0}
  .brand-monogram{flex-basis:52px;width:52px;height:59px}
  .brand-name{font-size:32px;letter-spacing:.06em}
  .brand-services{font-size:6.3px;letter-spacing:0}
  .brand-tagline{font-size:8.5px}
}