/* About's editorial content uses the same roles as the homepage.
 * Deliberately scoped: illustration labels, shared chrome, awards and forms
 * retain their own component styles. No scaling of the page or artwork. */
.bxm-about > :is(.bxm-about-intro, .bxm-about-section, .bxm-about-facts, .bxm-about-more, .bxm-about-invitation, .bxm-about-article) {
  width: 95%;
  max-width: 1800px;
  font-size: var(--bxm-type-copy);
  line-height: var(--bxm-leading-copy);
}

.bxm-about :is(.bxm-about-intro, .bxm-about-heading, .bxm-about-invitation) h2 {
  font-size: var(--bxm-type-section);
  font-weight: 300;
  line-height: var(--bxm-leading-section);
  letter-spacing: -.05em;
  text-wrap: balance;
}
.bxm-about .bxm-about-intro h2 {
  font-size: var(--bxm-type-display);
  line-height: var(--bxm-leading-display);
  letter-spacing: var(--bxm-tracking-display);
  margin-bottom: 0;
}
.bxm-about :is(.bxm-about-intro, .bxm-about-heading) > div { min-width: 0; }
.bxm-about .bxm-about-intro {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: clamp(36px, 6vw, 108px);
  align-items: center;
  padding-block: clamp(64px, 6vw, 116px);
}
.bxm-about .bxm-about-intro > div:last-child { max-width: 46ch; justify-self: end; }
.bxm-about :where(.bxm-about-intro, .bxm-about-heading, .bxm-about-process, .bxm-about-services) p:not(.bxm-about-kicker) {
  font-size: var(--bxm-type-copy);
  font-weight: 300;
  line-height: var(--bxm-leading-copy);
}
.bxm-about .bxm-about-intro p.bxm-about-lead,
.bxm-about .bxm-about-heading > p { font-size: var(--bxm-type-lead); }
.bxm-about .bxm-about-intro p:not(.bxm-about-kicker) { margin-bottom: 22px; }
.bxm-about > :is(.bxm-about-intro, .bxm-about-section, .bxm-about-invitation) .bxm-about-kicker {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .09em;
  line-height: 1.35;
  margin-bottom: 20px;
}
.bxm-about .bxm-about-heading {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  gap: clamp(36px, 6vw, 108px);
  margin-bottom: clamp(36px, 4vw, 72px);
}
.bxm-about .bxm-about-heading h2 { margin-bottom: 0; }
.bxm-about .bxm-about-heading > p { margin-bottom: 0; max-width: 40ch; }
.bxm-about .bxm-about-process h3 {
  font-size: var(--bxm-type-card);
  line-height: var(--bxm-leading-card);
  letter-spacing: -.02em;
  margin-bottom: 12px;
}
.bxm-about .bxm-about-services h3 {
  font-size: var(--bxm-type-feature);
  line-height: var(--bxm-leading-feature);
  font-weight: 600;
  letter-spacing: -.025em;
  margin-bottom: 18px;
}
.bxm-about .bxm-about-services > a > span { line-height: 1.5; }
.bxm-about .bxm-about-facts { padding-block: clamp(28px, 3vw, 48px); }
.bxm-about .bxm-about-facts p { flex-direction: column; align-items: flex-start; gap: 10px; }
.bxm-about .bxm-about-facts strong { font-size: clamp(40px, 3.6vw, 76px); line-height: 1.08; }
.bxm-about .bxm-about-facts span { font-size: var(--bxm-type-copy); max-width: none; font-weight: 300; }
.bxm-about .bxm-about-invitation { padding-block: clamp(64px, 6vw, 116px); }
.bxm-about .bxm-about-more a { min-height: 44px; }

/* Supporting copy in the two presentations, without altering the tiger or
 * the devices' established display headings, screens, arrows or animation. */
.bxm-about :is(.bxm-about-scene__panels, .bxm-devices__intro) p {
  font-size: var(--bxm-type-copy);
  line-height: var(--bxm-leading-copy);
  font-weight: 300;
}
.bxm-about .bxm-about-scene__panels h2,
.bxm-about .bxm-devices__intro h3 {
  font-size: var(--bxm-type-card);
  line-height: var(--bxm-leading-card);
  letter-spacing: -.02em;
}
.bxm-about .bxm-devices__intro .bxm-action { font-size: var(--bxm-type-action); }

/* Remove the base About heading's accidental override of shared contact. */
.bxm-about .bxm-contact-v55__details h2 {
  font-size: clamp(34px, 3.1vw, 60px);
  line-height: 1.08;
  margin: 0 0 16px;
}
.bxm-about .bxm-about-article #tworzenie-stron-haslo {
  font-size: var(--bxm-type-display);
  line-height: var(--bxm-leading-display);
  letter-spacing: var(--bxm-tracking-display);
}
.bxm-about .bxm-about-article p {
  font-size: var(--bxm-type-copy) !important;
  line-height: var(--bxm-leading-copy) !important;
}

@media (max-width: 980px) {
  .bxm-about > :is(.bxm-about-intro, .bxm-about-section, .bxm-about-facts, .bxm-about-more, .bxm-about-invitation, .bxm-about-article) {
    width: calc(100% - 40px);
  }
  .bxm-about :is(.bxm-about-intro, .bxm-about-heading) { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .bxm-about .bxm-about-intro > div:last-child { max-width: 60ch; justify-self: start; }
  .bxm-about .bxm-about-heading > p { max-width: 56ch; }
  .bxm-about :is(.bxm-about-process, .bxm-about-services) { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .bxm-about :is(.bxm-about-process, .bxm-about-services) p { max-width: 60ch; }
  .bxm-about .bxm-about-services > a { padding-bottom: 38px; }
}
@media (max-width: 760px) {
  .bxm-about .bxm-about-facts { padding-block: 0; }
  .bxm-about .bxm-about-facts p { flex-direction: row; align-items: center; }
  .bxm-about .bxm-about-facts strong { font-size: 32px; }
  .bxm-about .bxm-about-facts span { max-width: 16ch; }
}
@media (max-width: 380px) {
  .bxm-about .bxm-about-facts p { flex-direction: column; align-items: flex-start; gap: 6px; }
  .bxm-about .bxm-about-facts span { max-width: none; text-align: left; }
}