.project-page{padding-bottom:2rem}.project-header{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-top:-.5rem;margin-bottom:2rem}.project-header-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}.project-type{font-size:.8125rem;font-weight:600;color:#d1d5db}.project-date{font-size:.875rem;font-weight:500;color:#9ca3af}.project-status{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid;border-radius:9999px}.project-status-dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.project-status--live{color:#4ade80;background:rgba(74,222,128,.1);border-color:rgba(74,222,128,.35)}.project-status--offline{color:#9ca3af;background:rgba(0,0,0,.2);border-color:#404040}.project-links{margin-bottom:2rem}.project-overview{margin-bottom:3rem}.project-overview-body{max-width:48rem}.project-overview-intro{margin:0 0 .5rem;font-size:1.125rem;line-height:1.75;color:#d1d5db}.project-overview-body>p:not(.project-overview-intro){margin:0 0 1rem;font-size:1.0625rem;line-height:1.75;color:#9ca3af}.project-overview-heading{margin:2rem 0 .75rem;font-size:1.125rem;font-weight:600;color:#f3f4f6}.project-overview-heading:first-child{margin-top:0}.project-overview-list{margin:0 0 1rem;padding-left:1.375rem;list-style:disc}.project-overview-list li{margin-bottom:.5rem;font-size:1.0625rem;line-height:1.75;color:#9ca3af}.project-overview-list li:last-child{margin-bottom:0}.project-overview-list li::marker{color:var(--clr-red-bright)}.project-hero{max-width:56rem;margin-bottom:2.5rem;padding:.75rem;border-radius:.75rem;border:1px solid #333;background:#1a1a1a;box-shadow:0 4px 24px rgba(0,0,0,.25)}.project-hero-image{display:block;width:100%;height:auto;border-radius:.5rem}.project-tech{margin-bottom:2rem}.project-section-title{margin-bottom:.75rem;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9ca3af}.project-tech-icons{display:flex;flex-wrap:wrap;gap:.5rem}.project-divider{margin:2rem 0;border:none;border-top:1px solid #333}.project-page .card-action-link{color:#d1d5db}.project-page .card-action-link:hover{color:var(--clr-white)}.project-content>div{margin-top:0}