/* Quem somos. It builds on service.css and installation.css (type, sections, heads, intro grid) and adds only
   its layouts: the statement and text beside a moderate photo, and mission, vision and values as three plain cards. */

/* Start: the photo beside the text, on installation.css's even intro split */
.qs-photo { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; }

/* Middle: mission, vision and values side by side on the white page, each a quiet card with a hairline and a soft
   neutral shadow. Two classes, to win over service.css (loaded later): the section above already leaves its room,
   and the page ends with less room above the contact band, like the FAQ that closes the service pages */
.sv .qs-mvv { padding-top: 0; padding-bottom: clamp(3.5rem, 2.5rem + 3vw, 5rem); }
.qs-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.5rem); }
.qs-cards article { padding: clamp(1.5rem, 1.2rem + 1vw, 2.25rem); border: 1px solid #dce6f1; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgb(15 34 56 / .04), 0 10px 28px rgb(15 34 56 / .05); }
.qs-cards h3 { padding-bottom: 14px; border-bottom: 1px solid #e4ebf3; font-family: "Poppins", sans-serif; font-size: 1.1rem; font-weight: 600; line-height: 1.35; color: var(--navy); }
.qs-cards p { margin-top: 14px; line-height: 1.65; color: var(--muted); }

@media (max-width: 900px) {
  .qs-cards { grid-template-columns: minmax(0, 1fr); }
}