.portfolio-intro{width:min(100% - 2rem, var(--container-width));margin-inline:auto;padding-bottom:0}.projects-grid{width:min(100% - 2rem, var(--container-width));margin:0 auto var(--space-6);gap:var(--space-4);grid-template-columns:1fr;display:grid}.project-card{border-radius:var(--radius-lg);background-color:var(--surface-1);border:1px solid var(--border-subtle);height:100%;transition:transform var(--duration) var(--ease), border-color var(--duration) var(--ease);flex-direction:column;display:flex;overflow:hidden}.project-card:hover{border-color:#d7ab0d59;transform:translateY(-4px)}.project-card img{object-fit:cover;object-position:top;background-color:var(--surface-2);width:100%;height:12rem}.project-card.icon-card{flex-direction:column}.project-card.icon-card .project-icon{height:6rem;color:var(--pale-yellow);background:linear-gradient(135deg,#d7ab0d24,#d7ab0d05);justify-content:center;align-items:center;font-size:2rem;display:flex}.project-icon img{object-fit:contain;width:auto;max-width:60%;height:3rem}.project-card.featured{box-shadow:var(--shadow-glow);border-color:#d7ab0d73}.project-card.featured .eyebrow{margin-bottom:.25rem}.project-card.logo-card img{width:auto;max-width:60%;height:8rem;margin:var(--space-4) auto 0;object-fit:contain;background:0 0}.project-body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.project-body h3{color:var(--off-white)}.project-body .dates{color:var(--pale-yellow);font-size:.85rem;font-weight:600}.project-body ul{color:#d3dce3d9;flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.project-body li{padding-left:1rem}.project-body li:before{content:"";border-radius:var(--radius-full);background-color:var(--yellow);width:.35rem;height:.35rem;position:absolute;top:.55em;left:0}.project-body .project-stack{flex-flow:wrap;gap:.4rem}.project-stack li{border-radius:var(--radius-full);background-color:#ffffff0f;padding:.2rem .6rem;font-size:.75rem}.project-stack li:before{content:none}.link-container a{color:var(--pale-yellow);text-underline-offset:.2em;align-items:center;gap:.4rem;font-weight:600;text-decoration:underline;display:inline-flex}@media (width>=768px){.projects-grid{grid-template-columns:repeat(2,1fr)}.projects-grid>mhc-reveal:has(.project-card.featured){grid-column:1/-1}.project-card.featured{flex-direction:row}.project-card.featured .project-icon{flex-shrink:0;width:12rem;height:auto;font-size:3rem}.project-card.featured .project-icon img{height:5rem}}@media (width>=1200px){.projects-grid{grid-template-columns:repeat(3,1fr)}}