/* =============================================================================
   about-us.html — tylko mobile (max-width: 767px): wyraźnie ciaśniejszy rytm pionowy.
   Ładowany po about-us.css. Desktop bez zmian.
   Uwaga: duże „luki” często pochodzą z gap/margin wewnątrz sekcji (np. au-hero__inner),
   nie tylko z padding-block .page-section — stąd szersze nadpisania poniżej.
   ============================================================================= */

@media (max-width: 767px) {
  /* --- Obcięcie padding-blok sekcji (twardsze niż samo --page-section-*) --- */
  article.about-page > section.au-story.page-section,
  article.about-page > section.au-place.page-section,
  article.about-page > section.au-mission.page-section,
  article.about-page > section.au-founder.page-section,
  article.about-page > section.au-founder-video.page-section,
  article.about-page > section.au-faq.page-section {
    --page-section-pad-top: 14px;
    --page-section-pad-bottom: 14px;
    padding-block: 14px !important;
  }

  article.about-page > section.au-hero.page-section.page-section--hero {
    --page-section-pad-top: 12px;
    --page-section-pad-bottom: 14px;
    padding-block: 12px 14px !important;
  }

  /* Hero: między kopią a kolażem bywało do ~72px — to dominowała „luka” --- */
  article.about-page .au-hero__inner {
    gap: 12px !important;
  }

  article.about-page .au-hero__actions {
    margin-top: 14px !important;
  }

  article.about-page .au-hero__tag {
    margin-top: 14px !important;
  }

  /* Kolaż hero: img wypełnia komórkę (aspect-ratio + height:100% zostawia puste pasy na mobile) */
  article.about-page .au-hero__collage .au-fig--hero-mosaic {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
  }

  article.about-page .au-hero__collage .au-fig--hero-mosaic img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  /* Story: kolumna tekstu vs siatka + lista + callout + triada --- */
  article.about-page .au-story__top {
    gap: 14px !important;
  }

  article.about-page .au-story-list {
    gap: 12px !important;
  }

  article.about-page .au-dark-callout {
    margin-top: 14px !important;
    padding: 14px 16px !important;
    gap: 12px !important;
  }

  article.about-page .au-story__triad {
    margin-top: 18px !important;
    padding-top: 12px !important;
  }

  /* Place --- */
  article.about-page .au-place__head {
    margin-bottom: 12px !important;
    gap: 12px !important;
  }

  article.about-page .au-place__main {
    gap: 12px !important;
  }

  article.about-page .au-place__bar {
    margin-top: 14px !important;
    padding: 12px 14px !important;
  }

  /* Mission --- */
  article.about-page .au-mission__head {
    margin-bottom: 12px !important;
    gap: 12px !important;
  }

  article.about-page .au-mv-grid {
    gap: 12px !important;
  }

  article.about-page .au-mv-card {
    padding: 14px 16px !important;
  }

  article.about-page .au-participation {
    margin-top: 14px !important;
    padding: 16px 14px !important;
    gap: 14px !important;
  }

  /* Founder --- */
  article.about-page .au-founder__grid {
    gap: 16px !important;
  }

  article.about-page .au-founder__right {
    gap: 14px !important;
  }

  /* FAQ --- */
  article.about-page .au-faq__head {
    margin-bottom: 12px !important;
  }

  article.about-page .au-kicker {
    margin-bottom: 0.5rem !important;
  }
}