/* Round 3 author refinements: type covers, desktop nav clearance, compact contact. */

/* Readable typographic covers for selected new cards. */
.collection-card[data-cover="type"] .sample-card__cover {
  position: relative;
  aspect-ratio: 4.6 / 1;
  display: flex;
  align-items: flex-end;
  padding: 12px 14px 11px;
  border-bottom: 1px solid #e4dbce;
  background: #f4eee3;
  overflow: hidden;
}

.collection-card[data-cover="type"] .sample-card__cover::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 14px;
  width: 18px;
  height: 1px;
  background: var(--orange);
}

.collection-card[data-cover="type"] .cover-type__meta {
  position: absolute;
  top: 10px;
  left: 38px;
  color: #7b756c;
  font-family: var(--text);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.collection-card[data-cover="type"] .cover-type__aa {
  display: block;
  max-width: 100%;
  color: #1b1814;
  font-family: var(--text);
  font-size: clamp(24px, 3vw, 38px);
  font-weight: 800;
  letter-spacing: -0.055em;
  line-height: .88;
  overflow-wrap: anywhere;
}

/* Keep the nav clear of Oates's ear at desktop widths. Replay is a second,
   smaller row so it no longer competes with the two primary links. */
@media (min-width: 821px) {
  .top-links {
    right: 31%;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .38em 1.5em;
  }

  .top-links .replay-intro {
    flex-basis: 100%;
    font-size: .72em;
    opacity: .52;
    text-align: right;
  }
}

@media (max-width: 820px) {
  .top-links {
    top: 1.1%;
    right: 4.1%;
    flex-wrap: nowrap;
    gap: 1.2em;
  }

  .top-links .replay-intro {
    font-size: .78em;
    opacity: .62;
  }
}

.collection-card[data-cover="type"] .sample-card__cover + .sample-card__body {
  padding-top: 13px;
}

@media (max-width: 820px) {
  .collection-card[data-cover="type"] .sample-card__cover {
    aspect-ratio: 4.4 / 1;
    padding: 10px 12px 9px;
  }

  .collection-card[data-cover="type"] .cover-type__meta {
    top: 8px;
    left: 34px;
  }

  .collection-card[data-cover="type"] .sample-card__cover::before {
    top: 10px;
    left: 12px;
  }

  .collection-card[data-cover="type"] .cover-type__aa {
    font-size: clamp(25px, 8vw, 36px);
  }
}

/* Compact the three unified contact cards without changing their language. */
.contact__list {
  margin-top: 22px;
  gap: 16px;
}

.contact__item {
  min-height: 0;
  padding: 15px 16px 12px;
}

.contact__channel {
  min-height: 58px;
}

.contact__footer {
  min-height: 34px;
  margin-top: 11px;
  padding-top: 9px;
}

@media (max-width: 820px) {
  .contact__list {
    gap: 12px;
    margin-top: 18px;
  }

  .contact__item {
    min-height: 0;
    padding: 14px 15px 11px;
  }

  .contact__channel {
    min-height: 56px;
  }

  .contact__footer {
    min-height: 33px;
    margin-top: 9px;
    padding-top: 8px;
  }
}

/* New project previews show the full GitHub card without an extra crop. */
.collection-card[data-project-preview] .sample-card__cover {
  aspect-ratio: 2.4 / 1;
  background: #f4eee3;
}
.collection-card[data-project-preview] .sample-card__cover img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}