/* kamieniorz.com — o-nas.css
   Strona „O nas". Tokeny i chrome (nagłówek/stopka) z app.css; tu tylko układ treści.
   Treść wstrzykuje skrypt na stronie z /api/cms/site (pola aboutLead/aboutTitle/aboutBody + aboutImage). */

.about {
  width: 100%;
  padding-block: clamp(1.8rem, 5vw, 3.4rem);
}

.about__lead {
  margin-bottom: 0.9rem;
}

.about__title {
  margin: 0 0 1.2rem;
  font-size: clamp(1.8rem, 5vw, 2.7rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.1;
}

.about__figure {
  margin: 0 0 1.6rem;
}

.about__img {
  display: block;
  width: 100%;
  max-height: 460px;
  object-fit: cover;
  border-radius: 22px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

.about__body {
  max-width: 68ch;
  font-size: 1.04rem;
  color: var(--text);
}

.about__body p {
  margin: 0 0 1.05rem;
}

.about__body p:last-child {
  margin-bottom: 0;
}

.about__empty {
  color: var(--muted);
  font-style: italic;
}

@media (min-width: 880px) {
  /* zdjęcie obok tekstu: figura unosi się w prawo, tekst opływa */
  .about__figure {
    float: right;
    width: min(46%, 440px);
    margin: 0.2rem 0 1.2rem 1.8rem;
  }
  .about__body { overflow: hidden; } /* domknięcie opływania */
}