/* ========================================================= BLOK: kontakt */

/* Pun žuti blok. Bez grede: ona je žuta, a ovde bi stajala na žutom — traka bi
   nestala, a rep bi pokazivao u sopstvenu boju. Greda se zato pojavljuje tačno
   jednom na strani, na šavu ispod heroja, i time ostaje potez a ne šara. */
.stf-kontakt { padding-block: var(--sp-3xl); }

.stf-kontakt__grid {
    display: grid;
    grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: center;
}

.stf-kontakt__title { max-width: 11ch; }
.stf-kontakt__lead  { margin-bottom: var(--sp-xl); max-width: 42ch; }
.stf-kontakt__mail  { margin: var(--sp-xl) 0 0; }

@media (max-width: 900px) {
    .stf-kontakt__grid { grid-template-columns: 1fr; gap: var(--sp-lg); }
    .stf-kontakt__title { max-width: none; }
}
@media (max-width: 560px) {
    .stf-kontakt__grid .stf-btn { width: 100%; }
}