.logo img {
  display: block;
  width: 132px;
  height: 38px;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 9px;
  box-shadow: 0 0 28px rgba(80, 224, 207, .15);
}

.logo span { display: grid; gap: 3px; }
.logo b { font-size: 13px; letter-spacing: 1.5px; }
.logo small { color: #9ea6cd; font-size: 10px; letter-spacing: 1.4px; }
.logo i { display: none; }
.roadmap-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }

@media (max-width: 980px) {
  .roadmap-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .logo img { width: 102px; height: 32px; }
  .logo small, .user-pill { display: none; }
  .roadmap-list article:last-child { grid-column: auto; }
}