/*
 * Home + About visual contract.
 * This layer maps existing components to the shared Dardos tokens without
 * changing their editorial structure or introducing new visual treatments.
 */

/* Type hierarchy and integrated gold emphasis. */
.home .d-home-hero__title,
.dardos-page-about .page-hero h1 {
  font-family: inherit;
  font-weight: 700;
  text-wrap: balance;
}

.dardos-page-about .page-hero h1 {
  max-width: 18ch;
  font-size: var(--type-page-hero);
}

.home :is(.d-home-about__intro, .dardos-numbers__intro, .u-process__head) h2,
.about-aligned-page .about-aligned-head h2 {
  max-width: 19ch;
  color: var(--text-primary);
  font-size: var(--type-section-heading);
  font-weight: 700;
  letter-spacing: var(--tracking-display);
  line-height: var(--leading-display);
  text-wrap: balance;
}

.home :is(.d-home-about__intro, .dardos-numbers__intro, .u-process__head) h2 em,
.about-aligned-page .about-aligned-head h2 em,
.dardos-page-about .page-hero h1 em {
  display: inline;
  color: var(--color-gold);
  font-style: normal;
}

.home .d-home-about__statement {
  font-size: var(--type-large-statement);
  font-weight: 650;
  letter-spacing: -.038em;
  line-height: var(--leading-statement);
}

.home :is(.d-home-about__chapter-copy, .home-move__step-copy) h3,
.about-aligned-page :is(.about-aligned-story__steps, .about-aligned-office__title, .about-aligned-commitments__support) h3 {
  color: var(--text-primary);
  font-size: var(--type-row-title);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.2;
}

/* One eyebrow system across both pages. */
.home :is(.u-overline, .u-section-label > p, .d-home-about__logic-intro > span),
.about-aligned-page :is(.eyebrow, .about-aligned-story__steps article > span, .about-aligned-commitment > span),
.dardos-page-about .page-hero .eyebrow {
  color: var(--color-gold);
  font-size: var(--type-eyebrow);
  font-weight: 700;
  letter-spacing: var(--tracking-label);
  line-height: 1.4;
  text-transform: uppercase;
}

.home :is(.d-home-about__intro, .dardos-numbers__intro) .u-overline,
.about-aligned-page .about-aligned-head .eyebrow {
  margin-top: 0;
  margin-bottom: 18px;
}

/* Body and introductory copy. */
.home :is(.d-home-hero__lead, .d-home-about__intro > p, .dardos-numbers__intro > p:last-child, .u-process__head p),
.about-aligned-page .about-aligned-head > p,
.dardos-page-about .page-hero__copy {
  max-width: 62ch;
  color: var(--text-muted);
  font-size: var(--type-body-large);
  font-weight: 400;
  line-height: var(--leading-body);
}

.home :is(.d-home-about__chapter-copy p, .home-move__step p),
.about-aligned-page :is(.about-aligned-story__steps p, .about-aligned-office__copy > p, .about-aligned-commitment p, .industry-carousel__card p) {
  color: var(--text-muted);
  font-size: var(--type-body);
  font-weight: 400;
  line-height: var(--leading-body);
}

/* Metadata, numbers and compact labels. */
.home :is(.d-home-hero__kicker em, .d-home-hero__capabilities b, .d-home-hero__principles span, .d-home-about__visual figcaption b, .home-move__step-copy > span),
.about-aligned-page :is(.about-aligned-office__identity > span, .about-aligned-office__title small, .about-aligned-office__copy footer, .industry-carousel__card small) {
  color: var(--text-subtle);
  font-size: var(--type-metadata);
  font-weight: 700;
  letter-spacing: var(--tracking-label);
  line-height: 1.5;
  text-transform: uppercase;
}

.home :is(.home-move__step-copy > span, .d-home-hero__capabilities em),
.about-aligned-page :is(.about-aligned-office__identity > span, .about-aligned-office__title small) {
  color: var(--color-gold);
}

.home .d-home-proof .dardos-signal strong {
  color: var(--color-gold);
  font-size: var(--type-stat-number);
  font-variant-numeric: tabular-nums;
  font-weight: 650;
  letter-spacing: -.05em;
  line-height: 1;
}

.home .d-home-proof .dardos-signal p {
  color: #c5d1e0;
  font-size: var(--type-stat-label);
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.4;
  text-transform: uppercase;
}

/* One dark-section divider value. */
.home :is(.d-home-hero__capabilities, .d-home-about__chapters),
.about-aligned-page :is(.about-aligned-founding, .about-aligned-presence__list) {
  border-color: var(--divider-dark);
}

.home :is(.d-home-about__chapters article, .home-move__step),
.about-aligned-page :is(.about-aligned-story__steps article, .about-aligned-office, .about-aligned-commitments__support .about-aligned-commitment) {
  border-color: var(--divider-dark);
}

.home .d-home-proof .dardos-signal::before,
.home .d-home-proof .dardos-signal::after {
  background: var(--divider-dark);
}

/* Existing filled components share one restrained surface recipe. */
.about-aligned-page .about-aligned-commitment--lead,
.about-aligned-page .industry-carousel__card {
  border: var(--divider-size) solid var(--surface-border);
  border-radius: var(--surface-radius);
  background: var(--surface-dark);
  box-shadow: none;
}

.about-aligned-page .about-aligned-commitment--lead {
  padding: var(--surface-padding);
}

/* Shared square icon container; the process intentionally remains circular. */
.home .d-home-proof .dardos-signal__icon,
.about-aligned-page :is(.about-aligned-office__identity > i, .industry-carousel__card > span) {
  display: grid;
  width: var(--icon-size);
  height: var(--icon-size);
  flex: 0 0 var(--icon-size);
  place-items: center;
  border: var(--divider-size) solid var(--icon-border);
  border-radius: 8px;
  background: var(--icon-surface);
  color: var(--color-gold);
  font-size: var(--icon-glyph-size);
  line-height: 1;
}

.home .home-move__icon {
  width: var(--icon-size);
  height: var(--icon-size);
  border: var(--divider-size) solid var(--icon-border);
  border-radius: 50%;
  background: transparent;
  color: var(--color-gold);
}

.home .home-move__icon i {
  color: inherit;
  font-size: var(--icon-glyph-size);
}

/* Existing Dardos control geometry and interaction language. */
.home :is(.u-button, .button),
.dardos-page-about .button {
  min-height: var(--button-height);
  padding-inline: var(--button-padding-inline);
  border-radius: var(--radius-small);
  font-size: var(--type-button);
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.2;
  text-transform: uppercase;
}

.home :is(.u-button, .button--gold),
.dardos-page-about .button--gold {
  border-color: var(--color-gold);
  background: var(--color-gold);
  color: var(--color-ink);
}

.home :is(.u-button, .button--gold):is(:hover, :focus-visible),
.dardos-page-about .button--gold:is(:hover, :focus-visible) {
  border-color: var(--color-white);
  background: var(--color-white);
  color: var(--color-ink);
}

/* Home and About continue to use the unmodified shared header and footer. */
.home .brand,
.dardos-page-about .brand {
  width: 184px;
}

@media (max-width: 760px) {
  :root {
    --type-page-hero:clamp(2.45rem,10vw,3.25rem);
    --type-section-heading:clamp(2.15rem,10vw,3rem);
    --type-large-statement:clamp(1.55rem,7vw,2rem);
    --type-body-large:.94rem;
    --type-stat-number:clamp(1.9rem,9vw,2.5rem);
    --icon-size:34px;
  }

  .home :is(.d-home-about__intro, .dardos-numbers__intro, .u-process__head) h2,
  .about-aligned-page .about-aligned-head h2,
  .dardos-page-about .page-hero h1 {
    max-width: 100%;
    line-height: 1.06;
  }

  .home :is(.d-home-about__intro, .dardos-numbers__intro) .u-overline,
  .about-aligned-page .about-aligned-head .eyebrow {
    margin-bottom: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home :is(.u-button, .button),
  .dardos-page-about .button {
    transition: none;
  }
}