.projects-page.page{padding-top:48px}.projects-page .top{display:flex;flex-direction:column;gap:8px}.projects-page .top-row{display:flex;justify-content:space-between;align-items:center}.projects-page h1{margin:0 0 8px;font-size:32px;color:var(--sl-color-text)}.projects-page .lede{max-width:620px}.projects-page .panel{background:var(--sl-color-bg-soft);border:1px solid var(--sl-color-hairline);border-radius:var(--sl-border-radius);padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.project-card{background:var(--sl-color-bg-soft);border:1px solid var(--sl-color-hairline);border-radius:var(--sl-border-radius);padding:24px;text-decoration:none;color:inherit;transition:all .2s ease;display:flex;flex-direction:column;gap:8px}.project-card:hover{border-color:var(--mPrimary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.project-card h2{margin:0;font-size:20px;color:var(--sl-color-text)}.project-card .description{margin:0;color:var(--sl-color-text-soft);font-size:14px;line-height:1.5}.project-card .slug{margin-top:auto;font-family:Courier New,monospace;font-size:12px;color:var(--mPrimary);background:var(--sl-color-bg);padding:4px 8px;border-radius:4px;width:fit-content}@media(max-width:900px){.projects-page .top{flex-direction:column;align-items:flex-start}.projects-grid{grid-template-columns:1fr}}