/* Stage 686 — shared desktop hero baseline alignment vs home reference.
   Scope: about-hero family only (o nas / uslugi / jak to dziala / blog).
   Goal: align first H1 line to a common desktop baseline relative to home,
   while keeping the fix CSS-only and out of sticky/cookie/telemetry/nav. */
@media (min-width: 768px) {
  #o-nas-hero.dsk-about-hero--photo,
  #about-us-hero.dsk-about-hero--photo,
  #jak-to-hero.dsk-about-hero--photo,
  #blog-hero.dsk-about-hero--photo {
    padding-top: clamp(96px, 7vw, 110px) !important;
    align-items: flex-start !important;
    background-position: 50% 28%, 50% 28% !important;
  }

  html body.dsk-page-uslugi #uslugi-hero.dsk-about-hero--photo {
    padding-top: clamp(96px, 7vw, 110px) !important;
    align-items: flex-start !important;
    background-position: 50% 28%, 50% 28% !important;
  }

  html body.dsk-page-uslugi #uslugi-hero {
    justify-content: flex-start !important;
  }

  #o-nas-hero .dsk-about-hero__inner,
  #about-us-hero .dsk-about-hero__inner,
  #jak-to-hero .dsk-about-hero__inner,
  #blog-hero .dsk-about-hero__inner,
  html body.dsk-page-uslugi #uslugi-hero .dsk-about-hero__inner {
    margin-top: 0 !important;
    gap: 0 !important;
  }

  html body.dsk-page-uslugi #uslugi-hero .dsk-about-hero__eyebrow {
    margin-bottom: 10px !important;
  }

  #o-nas-hero .dsk-about-hero__title,
  #about-us-hero .dsk-about-hero__title,
  #jak-to-hero .dsk-about-hero__title,
  #blog-hero .dsk-about-hero__title,
  html body.dsk-page-uslugi #uslugi-hero .dsk-about-hero__title {
    line-height: 1.06 !important;
  }
}

/* Stage 25741 — PL hero typography hardening.
   The global typography layer can invalidate its H1 var at computed-value time
   and make these photo heroes inherit the 17px wrapper size. Keep the fix
   scoped to visible PL hero owners instead of touching global typography. */
@media (min-width: 768px) {
  html[lang="pl"] body#sb-body-data-attr #o-nas-hero .dsk-about-hero__title,
  html[lang="pl"] body#sb-body-data-attr #jak-to-hero .dsk-about-hero__title {
    color: #fff !important;
    font-size: clamp(2.125rem, 3.6vw, 3.5rem) !important;
    font-weight: 800 !important;
    line-height: 1.06 !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
    text-shadow: 0 14px 34px rgba(0, 0, 0, .46);
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  html[lang="pl"] body#sb-body-data-attr #o-nas-hero .dsk-about-hero__title {
    max-width: 18ch;
  }

  html[lang="pl"] body#sb-body-data-attr #jak-to-hero .dsk-about-hero__title {
    max-width: 24ch;
  }
}

@media (max-width: 767px) {
  html[lang="pl"] body#sb-body-data-attr #o-nas-hero .dsk-about-hero__title,
  html[lang="pl"] body#sb-body-data-attr #jak-to-hero .dsk-about-hero__title {
    color: #fff !important;
    font-size: clamp(1.625rem, 7vw, 2.375rem) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
    max-width: 100%;
    text-shadow: 0 12px 28px rgba(0, 0, 0, .44);
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }
}