/* Home + About responsive QA corrections. Loaded last to close breakpoint gaps. */
.home :is(.d-home-hero__layout, .d-home-hero__brief, .d-home-about__intro, .d-home-about__logic, .d-home-about__rail, .d-home-about__chapter-copy, .u-process__head),
.about-aligned-page :is(.about-aligned-head, .about-aligned-story__steps, .about-aligned-office, .about-aligned-commitments__layout, .about-aligned-commitment) {
  min-width: 0;
}

/* The overlay has one additional line at laptop widths; preserve its caption. */
@media (min-width: 901px) and (max-width: 1100px) {
  .home .d-home-about__message {
    bottom: 104px;
  }
}

/* Small tablets need the editorial column stack, not compressed desktop rows. */
@media (max-width: 820px) {
  .about-aligned-story__steps {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .about-aligned-story__steps article {
    padding-top: 20px;
  }

  .about-aligned-story__steps article > span {
    margin-bottom: 14px;
  }

  .about-aligned-story__steps article > div {
    grid-template-rows: auto auto;
  }

  .about-aligned-story__steps p {
    max-width: 62ch;
  }

  .about-aligned-office {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 16px 18px;
    padding: 26px 0;
  }

  .about-aligned-office__identity > i {
    width: var(--icon-size-small);
    height: var(--icon-size-small);
  }

  .about-aligned-office__copy {
    grid-column: 2;
  }

  .about-aligned-office__copy > p {
    max-width: 62ch;
  }
}

/* Shared safeguards for long editorial text and compact controls. */
@media (max-width: 600px) {
  .home :is(.d-home-hero__lead, .d-home-about__intro p, .d-home-about__statement, .d-home-about__chapter-copy p, .u-process__head p, .home-move__step p),
  .dardos-page-about :is(.page-hero__copy, .about-aligned-head p, .about-aligned-story__steps p, .about-aligned-office p, .about-aligned-office footer, .about-aligned-commitment p) {
    overflow-wrap: anywhere;
  }

  .home .d-home-hero__actions,
  .home .d-home-hero__actions .u-button,
  .home .global-contact-cta__button,
  .dardos-page-about .global-contact-cta__button {
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home,
  .dardos-page-about {
    scroll-behavior: auto;
  }
}