/* Local type scale for /o-kompanii/. Layout, counters and text waves stay in about.css/about.js. */
body.about-page #main {
  --company-type: -apple-system, BlinkMacSystemFont, system-ui, Inter, "Helvetica Neue", Arial, sans-serif;
  --service-font-display: var(--company-type);
  --service-font-body: var(--company-type);
  --service-font-data: var(--company-type);
  --company-h1-size: 52px;
  --company-h1-line: 56px;
  --company-h2-size: 40px;
  --company-h2-line: 44px;
  --company-h3-size: 24px;
  --company-h3-line: 28px;
  color: #1d1d1f;
}

/* The shared design layer sets a different family with !important. Keep this opt-in local. */
body.about-page #main,
body.about-page #main :is(h1, h2, h3, p, a, b, strong, em, small, span, li, dt, dd, time, address, button) {
  font-family: var(--company-type) !important;
}

body.about-page #main #company-title {
  font-size: var(--company-h1-size) !important;
  line-height: var(--company-h1-line);
  font-weight: 600;
  color: #1d1d1f;
}

body.about-page #main #company-title .company-hero__accent {
  font-size: inherit !important;
  line-height: inherit;
  font-weight: inherit;
  color: var(--company-red);
}

body.about-page #main .company-section__head h2,
body.about-page #main .company-team__header h2 {
  font-size: var(--company-h2-size);
  line-height: var(--company-h2-line);
  font-weight: 600;
}

/* Colour stays below the existing inactive wave selector in the cascade. */
body.about-page .company-section__head h2,
body.about-page .company-team__header h2 {
  color: #1d1d1f;
}

body.about-page .company-timeline h3,
body.about-page .company-team__stock h3 {
  font-size: var(--company-h3-size);
  line-height: var(--company-h3-line);
  font-weight: 600;
}

body.about-page :is(.company-hero__lead, .company-hero__description, .company-team__header > p,
  .company-timeline p, .company-team__description, .company-team__stock p) {
  font-size: 17px;
  line-height: 25px;
  font-weight: 400;
}

body.about-page :is(.company-hero__lead, .company-hero__description, .company-team__header > p,
  .company-timeline h3:not(.company-timeline__text), .company-timeline p:not(.company-timeline__text), .company-facts dd) {
  color: #1d1d1f;
}

body.about-page .company-timeline :is(h3, p) {
  --company-history-text-color: #1d1d1f;
}

/* Only text metrics inherit here: the per-character colour animations remain independent. */
body.about-page :is([data-company-text-wave], .company-timeline__text) :is([aria-hidden="true"],
  .company-text-wave__char, .company-timeline__char) {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

body.about-page .company-facts dt,
body.about-page .company-team__deadline,
body.about-page .company-team__capacity dt {
  font-weight: 600;
}

body.about-page .company-facts dd {
  font-weight: 400;
}

body.about-page .company-section__head--split > p {
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  color: #1d1d1f;
}

body.about-page .company-reviews__summary > p {
  font-weight: 600;
}

body.about-page :is(.company-label, .company-team__eyebrow) {
  font-weight: 600;
}

body.about-page :is(.company-team__stock h3, .company-team__description, .company-team__stock p,
  .company-team__eyebrow, .company-team__capacity dd, .company-reviews__score span,
  .company-reviews__counts dd, .company-contact__details > span) {
  color: #fff;
}

body.about-page #main :is(.company-button, .messenger-switch__label) {
  font-size: 14px;
  line-height: 1.29;
  font-weight: 600;
}

/* The contact title uses the main section scale; its copy and actions stay compact. */
body.about-page #main .company-contact h2 {
  font-size: 40px;
  line-height: 44px;
  font-weight: 600;
  color: #fff;
}

body.about-page .company-contact__copy > p:last-child {
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  color: #fff;
}

body.about-page .company-contact__details address {
  font-size: 17px;
  line-height: 21.25px;
  font-weight: 600;
}

body.about-page .company-contact__details > a:not(.company-button) {
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
}

body.about-page #main .company-contact :is(.company-button, .messenger-switch__label) {
  font-size: 12px;
}

@media (max-width: 1068px) {
  body.about-page #main {
    --company-h1-size: 44px;
    --company-h1-line: 48px;
    --company-h2-size: 32px;
    --company-h2-line: 36px;
    --company-h3-size: 21px;
    --company-h3-line: 25px;
  }

  body.about-page #main .company-contact h2 {
    font-size: 32px;
    line-height: 36px;
  }
}

@media (max-width: 734px) {
  body.about-page #main {
    --company-h1-size: 32px;
    --company-h1-line: 36px;
    --company-h2-size: 28px;
    --company-h2-line: 32px;
  }

  body.about-page #main .company-contact h2 {
    font-size: 28px;
    line-height: 32px;
  }

  body.about-page .company-contact__copy > p:last-child {
    font-size: 12.5px;
    line-height: 18.75px;
  }
}