:root {
  font-family: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: #303832;
  background: #f2f7f3;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
body { margin: 0; }
main {
  width: min(900px, calc(100% - 40px));
  margin-inline: auto;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 0;
  text-align: center;
}
h1 {
  margin: 0 0 24px;
  font-size: clamp(42px, 8vw, 76px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -.035em;
}
.authors {
  margin: 0;
  color: #167047;
  font-size: clamp(17px, 2.5vw, 23px);
  font-weight: 400;
  line-height: 1.8;
  text-wrap: balance;
}
.separator { margin-inline: 12px; color: #95b1a0; }
.affiliation {
  margin: 14px 0 0;
  color: #6e7770;
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.5;
}
.sponsors {
  width: 100vw;
  margin-top: 76px;
  padding: 32px 24px 38px;
  background: #fff;
}
.sponsors h2 {
  margin: 0 0 28px;
  color: #6e7770;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.sponsor-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 28px 46px;
  max-width: 850px;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}
.sponsor-logos li { display: flex; justify-content: center; }
.sponsor-logos a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  min-height: 84px;
}
.sponsor-logos a:focus-visible { outline: 2px solid #167047; outline-offset: 8px; }
.sponsor-logos img { display: block; object-fit: contain; max-width: 100%; }
@media (max-width: 480px) {
  .separator { display: block; height: 10px; font-size: 0; }
  .sponsors { margin-top: 48px; padding-inline: 20px; }
  .sponsor-logos { gap: 20px 28px; }
  .sponsor-logos li { flex: 0 0 calc(50% - 14px); }
}