main {
  max-width: 640px;
  margin: 0 auto;
  padding: 96px 24px 192px 24px;
}

/* Staggered entrance — reuses the fadeUp keyframes from styles.css */
main > * {
  opacity: 0;
  animation: fadeUp 0.6s ease-out forwards;
}

main > *:nth-child(1) { animation-delay: 0.05s; }
main > *:nth-child(2) { animation-delay: 0.15s; }
main > *:nth-child(3) { animation-delay: 0.25s; }
main > *:nth-child(4) { animation-delay: 0.35s; }
main > *:nth-child(5) { animation-delay: 0.45s; }
main > *:nth-child(6) { animation-delay: 0.55s; }
main > *:nth-child(7) { animation-delay: 0.65s; }
main > *:nth-child(8) { animation-delay: 0.75s; }

@media (prefers-reduced-motion: reduce) {
  main > * { opacity: 1; animation: none; }
}

.header {
  margin-bottom: 112px;
}

.title {
  font-size: var(--type-m-size);
  font-weight: var(--regular);
  color: var(--neutral-100);
}

.bio {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 40px;
}

.stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-bottom: 112px;
}

.stat-head {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--neutral-100);
  margin-bottom: 4px;
}

.stat-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.stat-label {
  font-size: var(--type-m-size);
  font-weight: var(--regular);
}

.projects-label {
  font-size: var(--type-m-size);
  font-weight: var(--regular);
  color: var(--neutral-100);
  margin-bottom: 16px;
}

.projects-label.spaced {
  margin-bottom: 32px;
}

.item-list {
  display: flex;
  flex-direction: column;
  list-style: none;
}

.item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px;
  margin: 0 -16px;
  border-radius: var(--radius-m);
  text-decoration: none;
  color: inherit;
  transition: background-color 0.2s ease;
}

.item:hover {
  background-color: rgba(255, 255, 255, 0.04);
}

.item-head {
  display: flex;
  align-items: center;
  gap: 8px;
}

.item-title {
  color: var(--neutral-100);
  white-space: nowrap;
}

.item-arrow {
  display: flex;
  align-items: center;
  color: var(--neutral-100);
  flex-shrink: 0;
}

.item-arrow svg {
  width: 16px;
  height: 16px;
}

.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  margin-top: 112px;
}

.rated-list {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
  list-style: none;
}

.rated-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid var(--border-default);
}

.rated-item:last-child {
  border-bottom: none;
}

.dice {
  width: 24px;
  height: 24px;
  display: block;
}

.contact {
  margin-top: 112px;
}

.nav-clock {
  position: fixed;
  top: 40px;
  right: 24px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
  z-index: 200;
}

@media (max-width: 640px) {
  main { padding: 96px 24px 128px 24px; }
  .two-col { grid-template-columns: 1fr; gap: 40px; }
  .stats { grid-template-columns: 1fr; }
}