/*
 * Shared page geometry for the Dardos site.
 * Loaded after page-specific styles so Home and About resolve to one grid.
 */
:root {
  --site-container-max: 1240px;
  --site-gutter: 32px;
  --site-container: min(var(--site-container-max), calc(100vw - var(--site-gutter) - var(--site-gutter)));
  --layout-section-space: clamp(84px, 7vw, 104px);
  --layout-content-space: clamp(38px, 4vw, 52px);
  --container-width: var(--site-container-max);
  --container: var(--site-container);
  --u-max: var(--site-container);
  --section-space: var(--layout-section-space);
  --content-space: var(--layout-content-space);
}

/* Bootstrap containers carry their own inner gutter; remove it so both
   container families share the same physical left and right edges. */
.container,
.u-container {
  width: var(--site-container);
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
}

.home .u-container {
  width: var(--site-container);
  max-width: none;
}

/* Major Home and About chapters use one repeatable vertical rhythm. */
.home :is(.d-home-about, .d-home-proof, .home-move),
.about-aligned-page > .section {
  padding-block: var(--layout-section-space);
}

.home .d-home-about__intro,
.home .d-home-proof .dardos-numbers__intro,
.home .home-move__head,
.about-aligned-head {
  margin-bottom: var(--layout-content-space);
}

.home .d-home-about__logic {
  margin-top: 0;
}

.home .u-section-label {
  margin-bottom: clamp(22px, 3vw, 34px);
}

/* Bootstrap's row gutters otherwise pull the Process title outside the
   shared container and inset its columns by a second gutter. */
.home .u-process__head {
  --bs-gutter-x: 0;
  margin-inline: 0;
}

.home .u-process__head > [class*="col-"] {
  padding-inline: 0;
}

/* The statistic field and CTA card are full members of the page grid. */
.home .d-home-proof .dardos-metrics-console {
  width: 100%;
  max-width: none;
}

.home .global-contact-cta {
  padding: var(--layout-section-space) 0;
}

.home .global-contact-cta__inner.container,
.home .d-home-hero__layout.u-container {
  width: var(--site-container);
  max-width: none;
}

@media (max-width: 1050px) {
  :root {
    --site-gutter: 24px;
    --layout-section-space: 84px;
    --layout-content-space: 40px;
  }
}

@media (max-width: 760px) {
  :root {
    --site-gutter: 19px;
    --layout-section-space: 72px;
    --layout-content-space: 34px;
  }

  .home .d-home-about,
  .home .global-contact-cta {
    padding-block: var(--layout-section-space);
  }

  .home .u-process__head {
    row-gap: 22px;
  }

  .about-aligned-head {
    margin-bottom: var(--layout-content-space);
  }
}

@media (max-width: 425px) {
  :root {
    --site-gutter: 16px;
    --layout-section-space: 64px;
    --layout-content-space: 32px;
  }
}