/* Gallery: clean and modern. White space, Manrope, soft radius, photos first. */
:root {
  --bg: #ffffff; --fg: #111213; --muted: #63676c; --surface: #f4f4f2; --line: #e6e6e3;
  --accent: #111213; --accent-ink: #fff; --link: #111213; --focus: #2a62d8;
  --head-font: Manrope, system-ui, sans-serif; --body-font: Manrope, system-ui, sans-serif;
  --head-weight: 750; --head-track: -.04em; --head-lh: 1.02;
  --radius: 14px; --btn-radius: 999px;
  --brand-weight: 800; --brand-track: -.04em; --brand-size: 1.65rem;
  --h1-size: clamp(2.2rem, 4vw, 3.6rem);
  --hero-shade: linear-gradient(90deg, rgb(12 12 14 / .72), rgb(12 12 14 / .42) 55%, rgb(12 12 14 / .15));
  --form-bg: #fff; --form-radius: 18px; --form-shadow: 0 30px 70px rgb(0 0 0 / .3); --form-band: #f4f4f2;
  --facts-bg: #fff; --card-gap: 1.25rem; --gallery-gap: 1rem;
  --footer-bg: #111213; --footer-fg: #e9e9e7;
}
.site-header { border-bottom: 0; }
.facts-band .facts { border-block: 1px solid var(--line); margin-top: clamp(2rem, 5vw, 3.5rem); }
.facts dd { font-size: 1.3rem; font-weight: 700; letter-spacing: -.02em; }
.service-card { background: var(--surface); }
.service-card .card-img { aspect-ratio: 16 / 10; }
.card-body { padding: 1.25rem 1.4rem 1.5rem; }
.steps li { border-top-width: 1px; }
input, select, textarea { border-radius: 10px; border-color: #cfcfcb; }
@media (min-width: 60em) { .hero { width: min(76rem, 100% - 2 * var(--gap)); margin: var(--gap) auto 0; border-radius: 20px; overflow: hidden; } .hero-grid { padding-inline: clamp(1.5rem, 4vw, 3.5rem); width: 100%; } }
.facts-band .facts { margin-top: 0; }
/* Original layout sections */
:root {
  --cta-bg: #111213; --cta-fg: #fff; --cta-btn-bg: #fff; --cta-btn-fg: #111213;
}
.cta-band { width: min(76rem, 100% - 2 * var(--gap)); margin: 0 auto var(--section); border-radius: calc(var(--radius) + 6px); padding-inline: clamp(1.5rem, 4vw, 3.5rem); }
.cta-band .wrap { width: 100%; }
