/* ==========================================================
   About – additions on top of ai-school-lab.css (scoped to .abt)
   ========================================================== */
.abt .asl-hero-photo img { object-position: center 30%; }
.abt-years { display: block; font-size: 56px !important; line-height: 1 !important; letter-spacing: -0.04em; }

/* ---------- clients ---------- */
.abt-logos {
    list-style: none; margin: 0; padding: 0;
    display: grid; grid-template-columns: repeat(5, 1fr);
    border-top: 1px solid var(--asl-line); border-left: 1px solid var(--asl-line);
}
.abt-logos li {
    display: flex; align-items: center; justify-content: center; height: 130px; padding: 20px;
    border-right: 1px solid var(--asl-line); border-bottom: 1px solid var(--asl-line);
    transition: background-color .35s ease;
}
.abt-logos li:hover { background: var(--asl-cream); }
.abt-logos img { max-width: 100%; max-height: 70px; object-fit: contain; filter: grayscale(1); opacity: .75; transition: filter .35s ease, opacity .35s ease; }
.abt-logos li:hover img { filter: none; opacity: 1; }

/* ---------- products ---------- */
.abt-focus { grid-template-columns: repeat(3, 1fr); }
.abt-focus .asl-focus-item { min-height: 340px; }

@media (max-width: 1199px) {
    .abt-logos { grid-template-columns: repeat(4, 1fr); }
    .abt-focus { grid-template-columns: repeat(2, 1fr); }
    .abt-focus .asl-focus-item:nth-child(odd) { border-left: 0; }
    .abt-focus .asl-focus-item:nth-child(3) { border-left: 0; }
    .abt-focus .asl-focus-item:nth-child(even) { border-left: 1px solid var(--asl-line-dark); }
    .abt-focus .asl-focus-item:last-child { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
    .abt-logos { grid-template-columns: repeat(2, 1fr); }
    .abt-logos li { height: 100px; }
    .abt-years { font-size: 44px !important; }
    .abt-focus { grid-template-columns: 1fr; }
    .abt-focus .asl-focus-item:nth-child(even) { border-left: 0; }
}