.made-section { border-top: 1px solid var(--border); margin-top: 48px; padding-top: 24px; }
.made-section > .section-title { font: 400 13px/2 var(--font-pixel); text-transform: none; letter-spacing: 0; margin: 0 0 28px; }
.made-section .project { border: 0; padding: 0; margin: 0; }
.made-section .project-heading { justify-content: space-between; gap: 8px 24px; margin-bottom: 20px; }
.made-section .project h3 { font-size: 22px; line-height: 1.4; margin: 0; }
.made-section .project > h3 { margin-bottom: 16px; }
.made-section .project-heading .status { flex-shrink: 0; }
.made-section .made-preview { gap: 28px; }
.made-section .made-preview p { margin-bottom: 20px; }
.made-section .launch { margin-top: 4px; }
.inactive-intro { color: var(--muted); margin: -8px 0 28px; }
.inactive-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.inactive-grid .project { border-left: 1px solid #8d67a877; padding-left: 20px; }
.inactive-grid .project h3 { font-size: 18px; margin-bottom: 12px; }
.inactive-grid .project p { font-size: 14px; line-height: 1.75; color: var(--muted); }
.inactive-grid .launch { border: 0; padding: 4px 0; background: none; text-decoration: underline; font-size: 14px; }
@media (max-width: 640px) {
  .made-section { margin-top: 40px; padding-top: 22px; }
  .made-section > .section-title { font-size: 11px; margin-bottom: 22px; }
  .made-section .project-heading { display: block; }
  .made-section .project-heading .status { display: block; margin-top: 8px; }
  .made-section .made-preview { gap: 16px; }
  .inactive-grid { grid-template-columns: 1fr; gap: 26px; }
}