/* Industry design system: ARCHITECTURE & ENGINEERING FIRM
   Minimal, structural, editorial. Graphite + warm clay, classical garamond headings, sharp edges. */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500;600&family=Inter:wght@400;500;600&display=swap');
:root{
  --bg:#fcfcfb; --surface:#ffffff; --ink:#33373b; --ink-strong:#1a1c1f; --muted:#5a5e63;
  --line:#e3e2de;
  --brand:#23262a; --brand-dark:#101214; --brand-tint:#eceae5; --on-brand:#ffffff;
  --accent:#8a4e32;
  --hero-bg:linear-gradient(180deg,#f5f4f1,#fcfcfb);
  --header-bg:rgba(252,252,251,.9); --footer-bg:#1a1c1f;
  --band-bg:#1a1c1f; --on-band:#ffffff; --on-band-muted:#a9adb1;

  --font-heading:'EB Garamond',Georgia,serif; --font-body:'Inter',system-ui,sans-serif;
  --fs-base:16.5px; --lh-body:1.7; --fw-body:400; --fw-head:600; --lh-head:1.1; --ls-head:0em;
  --fs-lead:1.2rem; --fs-h1:clamp(2.3rem,5vw,3.7rem); --fs-h2:clamp(1.65rem,3.3vw,2.4rem); --fs-h3:1.3rem;

  --container:1100px; --gutter:26px; --section-y:100px; --hero-y:112px; --nav-h:78px;
  --space-3:10px; --space-4:16px; --space-5:26px; --space-6:32px; --space-7:60px;
  --btn-pad:14px 30px;
  --radius:0px; --radius-lg:0px; --radius-pill:0px;
  --shadow:0 4px 16px rgba(26,28,31,.05); --shadow-lg:0 14px 36px rgba(26,28,31,.1);
  --dur:140ms; --ease:cubic-bezier(.3,.6,.3,1);
}
.eyebrow{color:var(--accent);letter-spacing:.2em}
.card .ic{background:#f0e6df;color:var(--accent)}
.site-footer{color:var(--on-band-muted)}.site-footer a{color:#cdd0d3}