@charset "utf-8";

.speaker { grid-template-columns: 145px minmax(0px, 1fr); gap: 34px; }

.speaker .portrait { width: 140px; height: 140px; border-radius: 50%; overflow: hidden; align-self: center; }

.speaker .portrait img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }

.speaker .missing-portrait { border-radius: 50%; background: rgb(78, 35, 54); }

.speaker-tenure { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 12px; margin: 15px 0px 0px; max-width: 650px; }

.speaker-tenure strong { font: 500 24px / 1.2 Eesti, sans-serif; color: rgb(255, 118, 173); white-space: nowrap; }

.speaker-tenure span { font-size: 18px; line-height: 1.4; color: rgb(205, 185, 196); }

.speaker-details { margin-top: 16px; }

.speaker .role { margin-bottom: 0px; }

@media (max-width: 1100px) {
  .speaker { grid-template-columns: 130px minmax(0px, 1fr); gap: 28px; }
  .speaker .portrait { width: 125px; height: 125px; }
}

@media (max-width: 760px) {
  .speaker { grid-template-columns: 95px minmax(0px, 1fr); gap: 20px; }
  .speaker .portrait { width: 95px; height: 95px; align-self: start; }
  .speaker-tenure { gap: 5px 8px; margin-top: 14px; }
  .speaker-tenure strong { font-size: 21px; }
  .speaker-tenure span { font-size: 18px; }
  .speaker-details { margin-top: 14px; }
}

@media (max-width: 360px) {
  .speaker { grid-template-columns: 75px minmax(0px, 1fr); gap: 15px; }
  .speaker .portrait { width: 75px; height: 75px; }
  .speaker-tenure span { font-size: 18px; }
}