@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=JetBrains+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

/* A restrained editorial serif paired with a precise contemporary sans. */
body { font-family:'Manrope',sans-serif !important; }
.topbar { justify-content:flex-start !important; gap:42px; }
.topbar .links { margin-right:auto; }
.brand-text strong,.page-hero h1,.section-title,.metric b,.service h2,.feature-band h2,.form h2,
.home-hero h1,.section-heading h2,.home-service h3,.work-band h2,.feature-copy h3,.approach-title h2,.step h3,.home-cta h2,
.brand-word strong,h1,h2,.closing h2 { font-family:'DM Serif Display',Georgia,serif !important; font-weight:400 !important; letter-spacing:-.035em !important; }
.eyebrow,.service-no,.hero-label,.proof-label,.home-service span,.step span,.kicker,.count,.project-index,.project-sector,.tag { font-family:'JetBrains Mono',monospace !important; }
.brand-text strong { font-family:'DM Serif Display',Georgia,serif !important; font-weight:400 !important; }
.links a,.portfolio-links a { font-family:'Manrope',sans-serif !important; font-size:13px !important; font-weight:800 !important; letter-spacing:-.015em !important; }

/* Portfolio has a standalone header: keep its navigation beside the brand too. */
.shell > nav { justify-content:flex-start !important; gap:42px; }
.portfolio-links { margin-left:0; }

@media (max-width:850px) {
  .topbar { gap:16px; }
  .topbar .links { margin-right:0; }
}
@media (max-width:980px) {
  .shell > nav { gap:16px; }
}