.spotify-profile-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 18px;
  min-height: 300px;
  padding: 32px;
  border: 1px solid rgba(173,173,173, .2);
  border-radius: 18px;
  background: radial-gradient(ellipse at top right, rgba(167,167,167,.12), transparent 70%), #161616;
  text-decoration: none;
  transition: border-color .2s, transform .2s;
}
.spotify-profile-card:hover { border-color: #a7a7a788; transform: translateY(-3px); }
.spotify-profile-card:focus-visible { outline: 2px solid #a7a7a7; outline-offset: 4px; }
.spotify-profile-eyebrow { font-size: 10px; letter-spacing: 2px; color: #b0b0b0; }
.spotify-profile-card h3 { margin: 0; color: #f4f4f4; font-size: 28px; }
.spotify-profile-action { color: #cbcbcb; font-size: 13px; }
.contact-draft-status { margin: 14px 0 0; color: #d6d6d6; font-size: 12px; line-height: 1.7; }
.contact-social-sub { overflow-wrap: anywhere; }
.personal-certificate-card { overflow: hidden; background: #181818; }
.personal-certificate-card .portfolio-cert-preview {
  aspect-ratio: 1.414;
  height: auto;
  background: #ebebeb;
}
.personal-certificate-card .portfolio-cert-preview-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.certificate-caption { padding: 18px 20px; }
.certificate-caption h3 { margin: 0 0 8px; color: #f3f3f3; font-size: 16px; line-height: 1.45; }
.certificate-caption p { margin: 0 0 8px; color: #afafaf; font-size: 12px; line-height: 1.6; }
.certificate-caption span { color: #c7c7c7; font-size: 11px; line-height: 1.6; }
.project-contribution {
  color: #d8d8d8;
  font-size: 13px;
  line-height: 1.7;
  margin: 0 0 20px;
}
.project-live-link {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 12px 20px;
  margin-bottom: 28px;
  border: 1px solid rgba(189,189,189, .4);
  border-radius: 10px;
  background: #8b8b8b;
  color: white;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.project-live-link:hover { background: #a0a0a0; }
.project-live-link:focus-visible { outline: 2px solid #dddddd; outline-offset: 4px; }
.experience-personal-card { align-items: flex-start; }
.experience-personal-mark {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  border: 1px solid rgba(180,180,180, .22);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(144,144,144, .2), rgba(35,35,35, .5));
  color: #d4d4d4;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .5px;
}
.experience-card-copy .experience-personal-detail {
  margin-top: 9px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.7;
  color: #a8a8a8;
}