/* Adicot Engineering — home and about section layout.
   Tokens, typography, buttons and chrome live in site.css. Nothing here
   redefines them; these are grid and spacing rules only. */

/* ── Shared between home and about ────────────────────────────────── */

/* Meta chip rows under a project image (SCOPE / BUILDINGS / JURISDICTION). */
.meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin:0;
}
.meta__item dd{ margin:6px 0 0; font:400 15px/1.45 var(--font); }

.calclib__links{ list-style:none; margin:24px 0 28px; padding:0; }
.calclib__links a{ font:400 15px/1.9 var(--font); text-decoration:none; }
.calclib__links a:hover{ color:var(--accent); }
.calclib__full{ margin:0 0 6px; }
.calclib__full a{ color:var(--accent); }

.closing--center{ text-align:center; }
.closing__title{ max-width:1100px; margin:12px 0 0; }
.closing--center .closing__title{ margin-inline:auto; }
.closing__actions{
  display:flex; flex-wrap:wrap; gap:24px; justify-content:center;
  margin-top:36px;
}
.closing__more{
  display:block; text-align:center; margin-top:26px;
  font:400 15px/1.6 var(--font); text-decoration:none;
}
.closing__more-lead{ color:var(--paper-cream); }
.closing__more-link{ color:var(--accent); margin-left:8px; }
.closing__more:hover .closing__more-link{ text-decoration:underline; }

/* ── Home 1: hero ─────────────────────────────────────────────────── */

.hero__grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:64px;
  align-items:center;
}
.hero__copy .h1{ margin:18px 0 20px; }
.hero__copy .lead{ max-width:56ch; }
.hero__actions{
  display:flex; flex-wrap:wrap; align-items:center; gap:28px;
  margin-top:32px;
}
.hero__figure{ margin:0; }
.hero__img{ width:100%; aspect-ratio:3/2; object-fit:cover; }
.hero__caption{
  background:var(--ink-muted); color:var(--paper-cream);
  padding:9px 12px; text-align:center;
  font:400 11px/1.4 var(--font);
  letter-spacing:.18em; text-transform:uppercase;
}

/* ── Home 2: stat bar ─────────────────────────────────────────────── */

.statbar{ padding:44px 0; }
.statbar__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:32px;
  align-items:start;
}
.stat__value{ font:700 clamp(28px,3vw,40px)/1.1 var(--font); margin:0; }
.stat__label{ margin:6px 0 0; }
.stat__info{ font-size:13px; letter-spacing:0; }
.stat__note{
  margin:12px 0 0; max-width:42ch;
  font:400 12px/1.5 var(--font); color:var(--ink-muted);
}

/* ── Home 3: featured project ─────────────────────────────────────── */

.featured__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center;
}
.featured__img{ width:100%; aspect-ratio:4/3; object-fit:cover; }
.featured__copy .h2{ margin:14px 0 12px; }
.featured__where{ margin:0 0 20px; }
.featured__copy p{ max-width:56ch; }
.featured__copy .meta{ margin-top:32px; }

/* ── Home 4: services ─────────────────────────────────────────────── */

.services__title{ margin:10px 0 0; }
.services__intro{ max-width:110ch; margin:28px 0 48px; }
.services__list{ list-style:none; margin:0; padding:0; }

.service{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 190px 190px;
  column-gap:32px; row-gap:6px;
  padding:20px 0;
}
.service__num{
  grid-column:1; grid-row:1 / span 2; margin:5px 0 0;
  font:600 12px/1.2 var(--font); letter-spacing:.1em; color:var(--accent);
}
.service__name{ grid-column:2; grid-row:1; margin:0; font:600 20px/1.3 var(--font); }
.service__stamp{ grid-column:3; grid-row:1; margin-top:6px; }
.service__cta{ grid-column:4; grid-row:1 / span 2; align-self:start; margin-top:6px; }
.service__desc{ grid-column:2; grid-row:2; margin:0; max-width:72ch; }

/* ── Home 5 + 6: pricing and section header ───────────────────────── */

.pricing__inner .h2,
.difference__inner .h2{ margin:12px 0 20px; }
.pricing__inner .lead{ max-width:50ch; }
.pricing__inner .btn{ margin-top:12px; }
.difference__inner .h2{ max-width:760px; }

/* ── Home 7: calculator library ───────────────────────────────────── */

.calclib__grid{
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:80px;
}
.calclib__copy .lead{ max-width:56ch; margin:28px 0 0; }

.calclib__stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-self:center;
}
.figure{ padding:20px 28px; }
.figure:nth-child(1),.figure:nth-child(3){ border-right:1px solid rgba(212,208,194,.35); }
.figure:nth-child(3),.figure:nth-child(4){ border-top:1px solid rgba(212,208,194,.35); }
.figure__value{
  margin:0 0 10px;
  font:700 clamp(28px,3vw,40px)/1.1 var(--font); color:var(--accent);
}
.figure__note{ margin:0; max-width:30ch; }

/* ── Home 8: selected projects ────────────────────────────────────── */

.projects__title{ margin:10px 0 48px; }
.projects__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
}
.project__img{ width:100%; aspect-ratio:3/2; object-fit:cover; margin-bottom:22px; }
.project__where{ margin:0 0 10px; }
.project__name{ margin:0 0 12px; font:700 clamp(19px,1.9vw,24px)/1.25 var(--font); }
.project__desc{ margin:0 0 30px; }
.project .meta__item dd{ font-weight:600; }

/* ── About 1: hero ────────────────────────────────────────────────── */

.about-hero__inner .h1{ margin:22px 0 18px; max-width:1250px; }
.about-hero__inner .lead{ max-width:110ch; margin:0 0 24px; }

/* ── About 2: facts strip ─────────────────────────────────────────── */

.facts{ padding:44px 0; }
.facts__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:32px;
  align-items:start;
}
.fact__value{ margin:8px 0 8px; font:700 clamp(30px,3.2vw,44px)/1.1 var(--font); }
.fact__note{ margin:0; max-width:30ch; }

/* ── About 3: our approach ────────────────────────────────────────── */

.approach__grid{
  display:grid;
  grid-template-columns:340px minmax(0,1fr);
  gap:64px;
}
.approach__head .h2{ margin-top:20px; }
.approach__prose p{ margin:0 0 26px; color:var(--ink-muted); }
.approach__prose p:last-child{ margin-bottom:0; }

/* ── About 4: calculator library (single column) ──────────────────── */

.calclib__copy .h2{ margin:14px 0 24px; max-width:760px; }

/* ── About 5: meet the principal ──────────────────────────────────── */

.principal__grid{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:72px;
}
.principal__img{
  width:100%; aspect-ratio:4/5;
  object-fit:cover; object-position:37% 48%;
}
.principal__name{ margin:28px 0 14px; font:700 20px/1.4 var(--font); }
.principal__role{
  margin:0 0 8px;
  font:600 14px/1.4 var(--font); letter-spacing:.12em; color:var(--ink-muted);
}
.principal__est{
  margin:0 0 18px;
  font:400 13px/1.4 var(--font); letter-spacing:.18em; color:var(--ink-muted);
}
.principal__bio .h2{ margin:14px 0 28px; }
.principal__bio p:not(.eyebrow){ margin:0 0 24px; color:var(--ink-muted); }

.principal__lists{
  display:grid; grid-template-columns:1fr 1fr; gap:48px;
  margin-top:16px;
}
.plainlist{ list-style:none; margin:14px 0 0; padding:0; font:400 15px/1.9 var(--font); }
.plainlist--dated .year{ color:var(--accent); font-weight:600; margin-right:10px; }

/* ── About 6: how we work ─────────────────────────────────────────── */

.howwework__title{ margin:12px 0 40px; }
.howwework__grid{
  display:grid; grid-template-columns:1fr 1fr;
  column-gap:48px;
  list-style:none; margin:0; padding:0;
}
.know{ border-top:1px solid rgba(212,208,194,.35); padding:22px 0 30px; }
.know__num{ margin:0 0 12px; font:600 12px/1.2 var(--font); letter-spacing:.1em; color:var(--accent); }
.know__name{ margin:0 0 8px; font:600 clamp(17px,1.6vw,20px)/1.3 var(--font); }
.know__desc{ margin:0; max-width:62ch; }

@media (max-width:1000px){
  .hero__grid,
  .featured__grid,
  .calclib__grid,
  .projects__grid,
  .approach__grid,
  .principal__grid{ grid-template-columns:1fr; gap:40px; }

  .hero__copy .h1{ max-width:none; }
  .statbar__grid,
  .facts__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 24px; }

  .service{ grid-template-columns:44px minmax(0,1fr) 180px; }
  .service__cta{ grid-column:2; grid-row:3; margin-top:12px; }

  .howwework__grid{ grid-template-columns:1fr; }
  .principal__img{ max-width:320px; }
}

@media (max-width:750px){
  .statbar__grid,
  .facts__grid,
  .meta,
  .principal__lists{ grid-template-columns:1fr; gap:20px; }

  .service{ grid-template-columns:36px minmax(0,1fr); column-gap:16px; row-gap:8px; }
  .service__num{ grid-row:1; }
  .service__stamp{ grid-column:2; grid-row:2; margin-top:0; }
  .service__desc{ grid-column:2; grid-row:3; }
  .service__cta{ grid-column:2; grid-row:4; margin-top:4px; }

  .calclib__stats{ grid-template-columns:1fr; }
  .figure{ padding:20px 0; }
  .figure:nth-child(1),.figure:nth-child(3){ border-right:0; }
  .figure:nth-child(2),.figure:nth-child(3),.figure:nth-child(4){
    border-top:1px solid rgba(212,208,194,.35);
  }

  .closing__actions{ flex-direction:column; align-items:stretch; gap:16px; }
  .closing__actions .btn{ width:100%; }
}