/* ARCHITECTURAL CONCRETE — warm, material-led editorial design. */
:root {
  --accent-on-dark: #eac59c;
  --accent-text: #775435;
  --accent: #99734d;
  --accent-hover: #765435;
  --accent-ink: #ffffff;
  --ink: #282d2b;
  --text: #535550;
  --muted: #777b72;
  --surface: #faf9f6;
  --soft: #f1eee9;
  --concrete: #e8e1d6;
  --dark: #373c39;
  --dark-deep: #262e2a;
  --border: #e3ded5;
  --radius: 20px;
  --radius-lg: 30px;
  --font-display: Georgia, "Times New Roman", serif;
}
.home-hero .hero-mask, .page-hero .hero-mask { background: linear-gradient(90deg,rgba(30,32,30,.94),rgba(43,43,40,.81) 45%,rgba(65,64,57,.43)); }
.home-hero { min-height: 720px; }
.home-hero-inner { min-height: 720px; }
.home-hero .hero-content h1 { letter-spacing: -.055em; font-weight: 700; }
.hero-interface { border-color: rgba(255,255,255,.33); background: rgba(37,43,39,.60); backdrop-filter: blur(26px); }
.interface-topline, .hero-process, .eyebrow { font-family: var(--font-body); }
.section-head h2, .split-copy h2 { letter-spacing: -.045em; }
.section-concrete { background-image: radial-gradient(#6f68571b .7px,transparent 1px);background-size:17px 17px; }
.grade-visual { background: linear-gradient(150deg,#eee7df,#d8d0c3); }
.service-card.dark-service { background: rgba(255,255,255,.075); }
.project-card { border-radius: 6px 26px 6px 26px; }
.button { border-radius: 100px; }
.brand-mark { border-radius: 4px 18px 4px 18px; }