/* LH Digital shared chrome: frozen top bar and site footer. Source of truth: tools/site_chrome.py */
html{scroll-padding-top:84px}
/* full-width bar without clipping, so the Services menu can open below it */
.lhd-bar{position:sticky;top:0;z-index:60;background:var(--ground);box-shadow:-30vw 0 0 0 var(--ground),30vw 0 0 0 var(--ground),-60vw 0 0 0 var(--ground),60vw 0 0 0 var(--ground),-90vw 0 0 0 var(--ground),90vw 0 0 0 var(--ground),-120vw 0 0 0 var(--ground),120vw 0 0 0 var(--ground),0 1px 0 0 var(--rule),-30vw 1px 0 0 var(--rule),30vw 1px 0 0 var(--rule),-60vw 1px 0 0 var(--rule),60vw 1px 0 0 var(--rule),-90vw 1px 0 0 var(--rule),90vw 1px 0 0 var(--rule),-120vw 1px 0 0 var(--rule),120vw 1px 0 0 var(--rule)}
.brandbar.lhd-bar{padding-top:14px;padding-bottom:14px;margin-bottom:30px}
.nav.lhd-bar{padding-block:14px}
.lhd-moved header.mast .lh-mark{top:-14px}
@media (max-width:640px){
  html{scroll-padding-top:68px}
  .brandbar.lhd-bar{padding-block:10px;margin-bottom:22px;flex-wrap:nowrap;gap:10px}
  .brandbar.lhd-bar .company{display:none}
  .brandbar.lhd-bar .right{width:auto;flex-wrap:nowrap;gap:10px;justify-content:flex-end}
  .brandbar.lhd-bar .nav{gap:12px;flex-wrap:nowrap}
  .brandbar.lhd-bar .nav a:not([href="/services/"]):not([href*="cal.com"]){display:none}
  .brandbar.lhd-bar .lockup{flex:none;gap:7px;margin-right:14px}
  .brandbar.lhd-bar .word{font-size:18px;white-space:nowrap}
  .brandbar.lhd-bar .sigil{width:22px;height:26px}
  .brandbar.lhd-bar .right{min-width:0}
  .brandbar.lhd-bar .nav a{white-space:nowrap;font-size:13px}
  .brandbar.lhd-bar .theme-toggle{padding:6px;font-size:10px}
  .brandbar.lhd-bar #themeLabel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .brandbar.lhd-bar{justify-content:space-between}
  .nav.lhd-bar{padding-block:10px}
}
footer.lhf{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.2fr);gap:28px 40px;margin-top:72px;padding:36px 0 32px;border-top:1px solid var(--rule);font-family:var(--sans);font-size:14px;letter-spacing:0;color:var(--ink-2)}
footer.lhf a{color:var(--ink-2);text-decoration:none}
footer.lhf a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.lhf-lockup{display:inline-flex;align-items:center;gap:10px;font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink)!important;text-decoration:none!important}
.lhf-lockup svg{width:22px;height:26px;color:var(--urgent,var(--brass))}
.lhf-lockup i{font-style:italic;color:var(--urgent,var(--brass))}
.lhf-co{margin:6px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.lhf-line{margin:14px 0 0;max-width:30ch;text-wrap:balance;font-family:var(--serif);font-size:16px;line-height:1.5;color:var(--ink-2)}
.lhf-links{display:flex;flex-direction:column;gap:10px;font-weight:600}
.lhf-contact{display:grid;gap:14px;align-content:start}
.lhf-contact p{margin:0;display:grid;gap:2px}
.lhf-contact span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.lhf-contact a{color:var(--accent)!important}
.lhf-base{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--muted)}
@media (max-width:760px){
  footer.lhf{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .lhf-brand{grid-column:1/-1}
}
@media (max-width:480px){
  footer.lhf{grid-template-columns:minmax(0,1fr);gap:24px}
  .lhf-links{flex-direction:row;flex-wrap:wrap;gap:10px 18px}
}
.lhf-contact a{overflow-wrap:anywhere}
/* The one call to action in the top bar reads as a button on every page, as on home */
.brandbar.lhd-bar .nav a[href*="cal.com"]{background:var(--grad,linear-gradient(110deg,var(--accent),var(--urgent,var(--accent))));color:var(--ground)!important;padding:7px 12px;border-radius:2px;font-family:var(--sans);font-weight:600;text-decoration:none;border:0;box-shadow:none;line-height:1.2}
.brandbar.lhd-bar .nav a[href*="cal.com"]:hover{filter:brightness(1.08)}
.brandbar.lhd-bar .nav a[href*="cal.com"]::after{display:none}
/* Book a call in the footer carries the house gold, so the one action reads first */
footer.lhf .lhf-links a[href*="cal.com"]{color:var(--urgent,var(--brass))}
footer.lhf .lhf-links a[href*="cal.com"]:hover{color:var(--urgent,var(--brass));filter:brightness(1.1)}
@media (max-width:400px){
  .brandbar.lhd-bar{gap:8px}
  .brandbar.lhd-bar .lockup{margin-right:6px;gap:6px}
  .brandbar.lhd-bar .word{font-size:16px}
  .brandbar.lhd-bar .sigil{width:18px;height:22px}
  .brandbar.lhd-bar .right,.brandbar.lhd-bar .nav{gap:8px}
  .brandbar.lhd-bar .nav a,.brandbar.lhd-bar .nav button{font-size:12.5px}
  .brandbar.lhd-bar .nav a[href*="cal.com"]{padding:6px 9px}
}
@media (max-width:370px){
  .brandbar.lhd-bar .nav > :not([href*="cal.com"]){display:none}
}