/* New content only: existing sections and typography rules are untouched. */
.take-home, .instructor { border-top: 1px solid var(--line); }
.take-home h2, .instructor h2 { font-size: 1.2rem; letter-spacing: 0; margin-bottom: 28px; }
.content-copy { color: var(--muted); font-size: 1rem; line-height: 1.45; }
.content-copy p:last-child { margin-bottom: 0; }
.take-home .content-copy { max-width: 740px; }
.instructor-profile { display: grid; gap: 28px; align-items: start; }
.instructor-portrait { margin: 0; min-width: 0; }
.instructor-portrait img { display: block; width: 100%; height: auto; }
.instructor-name { font-size: 1.1rem; line-height: 1.2; font-weight: 400; margin-bottom: 20px; }
.instructor-works-label { margin: 40px 0 20px; color: var(--muted); }
.instructor-works { display: grid; gap: 24px; }
.instructor-works figure { margin: 0; min-width: 0; }
.instructor-works img { display: block; width: 100%; height: auto; }
@media (min-width: 768px) {
  .instructor-profile { grid-template-columns: 1fr 1.1fr; gap: 48px; }
  .instructor-works { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .instructor-works figure { grid-column: span 2; }
  .instructor-works figure:nth-child(-n+2) { grid-column: span 3; }
  .instructor-works img { height: clamp(260px, 24vw, 380px); object-fit: contain; }
}
@media (max-width: 767px) {
  .take-home h2, .instructor h2 { font-size: 2.4rem; line-height: 1.12; }
  .content-copy { font-size: 1.7rem; line-height: 1.45; }
  .content-copy p { margin-bottom: 24px; }
  .instructor-name { font-size: 2rem; line-height: 1.2; }
  .instructor-works { gap: 28px; }
}