/* ==========================================================================
   О мастерской. Десктопный кит, лист `about.html`.

   `.ac-ask` (полоса «приходите в салон») описана в `services-d.css` - здесь
   она повторена: два страничных листа никогда не грузятся вместе, а тащить
   ради одного блока чужой файл хуже, чем повторить шесть строк.
   ========================================================================== */

.ac-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ac-s16);padding-top:var(--ac-s6)}

/* Директор широкой карточкой. В ките класс назван `ac-dir`; здесь `ac-boss` -
   `ac-dir` уже означает направление услуг. */
.ac-boss{display:grid;grid-template-columns:400px minmax(0,1fr);gap:var(--ac-s10);align-items:center;padding:var(--ac-s6);border-radius:var(--ac-r-card);background:var(--ac-surface);box-shadow:var(--ac-elev-card)}
.ac-boss__ph{aspect-ratio:1;overflow:hidden;border-radius:var(--ac-r-photo)}
.ac-boss__b{display:grid;gap:var(--ac-s3);max-width:44em}
.ac-boss__b h3{font-family:var(--ac-font-display);font-size:var(--ac-size-h1);font-weight:var(--ac-w-semi);letter-spacing:var(--ac-track-h1)}
.ac-boss__b span{font-size:var(--ac-size-sm);color:var(--ac-ink-mute)}

.ac-crew{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ac-col);margin-top:var(--ac-col)}
.ac-crew figure{display:grid;gap:var(--ac-s3);margin:0}
.ac-crew span.ac-plate{aspect-ratio:4/5;border-radius:var(--ac-r-photo);overflow:hidden}
.ac-crew figcaption{display:grid;gap:2px}
.ac-crew b{font-family:var(--ac-font-display);font-size:var(--ac-size-h3);font-weight:var(--ac-w-semi)}
.ac-crew em{font-style:normal;font-size:var(--ac-size-sm);color:var(--ac-ink-mute)}

.ac-shop{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--ac-col)}
.ac-shop span{border-radius:var(--ac-r-card);overflow:hidden}
.ac-shop span:first-child{aspect-ratio:16/9}
.ac-shop span:not(:first-child){aspect-ratio:1}
.ac-shop__n{margin-top:var(--ac-s4)}

.ac-ask{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--ac-s16);padding:var(--ac-s10);border-radius:var(--ac-r-card);background:var(--ac-surface);box-shadow:var(--ac-elev-card)}
.ac-ask__t{display:grid;gap:var(--ac-s3)}
.ac-ask__a{display:flex;flex-wrap:wrap;gap:var(--ac-s3)}