/* ============================================================
   AMG Cement — company.html only (loaded after styles.css)
   Small, page-scoped additions in the shared design language.
   (Line-break balancing, fixed-ratio media frames and the 3-column
   feature grid down to 901px now live in styles.css.)
   ============================================================ */

/* Portrait end-face photo in a square frame (.ar-1x1, desktop) or 4:3 (stacked):
   crop to the data plate, AMG logo and 2.5 m width marking. */
.split .media img.obj-plate{object-position:center 77%}
@media (max-width:900px){
  .split .media img.obj-plate{aspect-ratio:4/3;object-position:center 62%}
  .split .media img.obj-plate~.media-tag{display:none}
}

/* "Our approach" — three cards: on tablets show them as horizontal rows
   (icon left) in one column instead of a 2 + 1 grid. */
@media (max-width:900px) and (min-width:641px){
  .approach-grid{grid-template-columns:1fr;max-width:760px;margin:0 auto}
  .approach-grid .fcard{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:24px;align-items:start}
  .approach-grid .fcard .ic{grid-row:1 / span 3;margin-bottom:0}
  .approach-grid .fcard>:not(.ic){grid-column:2}
}