/* o_nama — slika sa jedne strane, tekst sa druge. */

.pew-about {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1fr);
    gap: clamp(2rem, 5vw, 4.5rem);
    align-items: center;
}
.pew-about__lead { margin-block: var(--sp-md); }

/* Slika desno. Redosled u markupu ostaje isti (slika pa tekst) da bi na
   telefonu, gde se rešetka ruši u jednu kolonu, tekst uvek bio prvi. */
.pew-about--obrnuto { grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); }
.pew-about--obrnuto .pew-about__media { order: 2; }

/* Bez slike nema šta da se rasporedi u dve kolone. */
.pew-about--solo { grid-template-columns: 1fr; }
.pew-about--solo .pew-about__copy { max-width: 46rem; }

@media (max-width: 900px) {
    .pew-about,
    .pew-about--obrnuto { grid-template-columns: 1fr; gap: var(--sp-xl); }
    /* Slika ispod teksta na telefonu, bez obzira na izbor strane:
       tvrdnja pre ilustracije. */
    .pew-about__media { order: 2; }
}