/* Trainers page: dark-wine page with the arch art (multiply) and one 946px row per trainer; logo marquee comes from logos.css. */
.c-trainers :where(h1, h2, p, ul) { margin: 0; }
.c-trainers :where(ul) { padding: 0; list-style: none; }
.c-trainers { position: relative; isolation: isolate; overflow-x: clip; padding-block: 167px 54px; color: #fff; background:
  radial-gradient(ellipse 62% 34% at 48% 63%, rgba(129, 20, 45, .95), rgba(129, 20, 45, 0)),
  radial-gradient(ellipse 70% 24% at 30% 10%, rgba(129, 20, 45, .5), rgba(129, 20, 45, 0)),
  var(--c-crimson-dark); }
.c-trainers__art { position: absolute; top: 38px; left: 0; z-index: -1; width: 100%; min-width: 1438px; max-width: none; height: auto; mix-blend-mode: multiply; pointer-events: none; }
.c-trainers__head { display: grid; justify-items: center; gap: 9px; margin-bottom: 48px; text-align: center; }
.c-trainers__title { font: 500 50px/56px var(--font-display); text-transform: uppercase; }
.c-trainers__intro { width: min(1142px, 100%); font: 500 22px/32px var(--font-display); }
.c-trainers__intro p { margin: 0; }

.c-trainer { display: flex; align-items: center; justify-content: space-between; width: min(946px, 100%); margin: 0 auto 48px; }
.c-trainer:last-child { margin-bottom: 0; }
.c-trainer__photo { position: relative; flex: none; width: 425px; height: 680px; }
.c-trainer__photo img { position: absolute; top: -63px; left: calc(50% - 248.5px); width: 461px; height: auto; max-width: none; }
.c-trainer__info { display: flex; flex: none; flex-direction: column; gap: 32px; width: 410px; }
.c-trainer__who { display: grid; gap: 12px; }
.c-trainer__name { display: flex; align-items: center; height: 48px; font: 500 32px/34px var(--font-display); }
.c-trainer__titles { display: grid; }
.c-trainer__role { font: 500 23px/1.3 var(--font-display); white-space: nowrap; }
.c-trainer__company { margin-top: -4px; font: 500 17px/21px var(--font-ui); white-space: nowrap; }
.c-trainer__profile { display: grid; gap: 9px; font: 400 17px/1.386 var(--font-ui); }
.c-trainer__profile p { width: 470px; }
.c-trainer__clients { display: grid; gap: 10px; font: 400 17px/1.386 var(--font-ui); }
.c-trainer__logos { width: min(556px, calc(50vw - 83px)); }
.c-trainer__logos li { display: flex; flex: none; align-items: center; padding-inline: 40px; margin-right: 2px; }
.c-trainer__logos img { width: auto; max-width: none; height: auto; }

@media (max-width: 1099px) {
  .c-trainers { padding-block: 130px 48px; }
  .c-trainers__title { font-size: 34px; line-height: 40px; }
  .c-trainers__intro { font-size: 18px; line-height: 28px; }
  .c-trainer { flex-direction: column; gap: 24px; }
  .c-trainer__photo { width: min(461px, 100%); height: auto; }
  .c-trainer__photo img { position: static; width: 100%; }
  .c-trainer__info { width: 100%; }
  .c-trainer__role, .c-trainer__company { white-space: normal; }
  .c-trainer__profile p { width: auto; }
  .c-trainer__logos { width: 100%; }
  .c-trainers__intro br, .c-trainer__profile br { display: none; }
}
