/* Formação em uma seção própria, seguindo as cores e o ritmo da apresentação. */
.courses { background: var(--paper); border-top: 1px solid var(--line); }
.courses-grid { display: grid; grid-template-columns: .94fr 1fr; gap: clamp(66px, 9vw, 180px); align-items: start; }
.courses-gallery { position: relative; min-width: 0; padding: 0 0 30px 23px; margin-top: 62px; }
.courses-carousel { height: auto; aspect-ratio: 3 / 4; }
.courses-photo-caption { font: 400 11px/1.8 var(--sans); color: var(--ink-soft); margin: 18px 0 14px; }
.courses-image-index { font: 700 8px/1.8 var(--sans); letter-spacing: .16em; color: var(--ink-soft); }
.courses-copy { min-width: 0; }
.courses-copy h2 { margin: 28px 0 28px; font-size: clamp(42px, 4.2vw, 62px); text-wrap: balance; }
.courses-copy-inner { max-width: 490px; }
.courses-copy-inner > p { font: 400 13px/2.05 var(--sans); color: var(--ink-soft); margin: 0 0 16px; }
.courses-list-title { margin: 32px 0 13px; font: 700 10px/1.8 var(--sans); letter-spacing: .15em; text-transform: uppercase; }
.courses-list { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--line); }
.courses-list li { display: flex; gap: 18px; align-items: baseline; padding: 16px 0; border-bottom: 1px solid var(--line); }
.courses-list li > span { font: 600 9px var(--sans); letter-spacing: .1em; color: var(--ink-soft); }
.courses-list strong { font: 500 26px/1.15 var(--display); }
.courses-mentoring { display: flex; align-items: start; gap: 14px; margin: 24px 0 28px; }
.courses-mentoring svg { flex: none; width: 17px; height: 17px; fill: var(--mauve); stroke: none; margin-top: 4px; }
.courses-mentoring p { margin: 0; font-size: 11px; line-height: 1.9; color: var(--ink-soft); }
.courses-mentoring strong { font-weight: 600; color: var(--ink); }
.course-interest { max-width: 100%; gap: 18px; text-align: left; }
@media (max-width: 1050px) {
  .courses-grid { gap: 55px; grid-template-columns: .9fr 1fr; }
  .courses-copy h2 { font-size: clamp(40px, 5vw, 52px); }
  .courses-gallery { padding-left: 0; }
}
@media (max-width: 850px) {
  .desktop-nav { gap: 15px; }
}
@media (max-width: 600px) {
  .courses-grid { display: flex; flex-direction: column; gap: 35px; }
  .courses-gallery { margin-top: 0; padding: 0; width: 100%; }
  .courses-carousel { aspect-ratio: 3 / 4; }
  .courses-copy h2 { margin: 18px 0 22px; font-size: clamp(40px, 10.5vw, 54px); }
  .courses-copy-inner > p { font-size: 12px; }
  .courses-list-title { margin-top: 28px; }
  .courses-list strong { font-size: 25px; }
  .course-interest { width: 100%; font-size: 10px; }
}