.project-listing-row{align-items:center;gap:var(--spacing-8);background-color:var(--color-neutral-50);border:var(--border-width-default) solid var(--color-input-500);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);flex-direction:row;display:flex;position:relative;overflow:hidden}.project-listing-row:hover{border-color:var(--color-primary-500);box-shadow:0 12px 32px #11111114}.project-listing-row:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.project-listing-row.row-even{flex-direction:row}.project-listing-row.row-odd{flex-direction:row-reverse}.project-listing-image-wrapper{background-color:var(--color-neutral-100);flex:50%;width:50%;height:380px;position:relative;overflow:hidden}.project-listing-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform var(--transition-normal)}.project-listing-row:hover .project-listing-image{transform:scale(1.03)}.project-listing-image-overlay{pointer-events:none;opacity:.4;transition:opacity var(--transition-normal);background:linear-gradient(#0000 60%,#0003 100%);position:absolute;inset:0}.project-listing-row:hover .project-listing-image-overlay{opacity:.1}.project-listing-content{width:50%;padding:var(--spacing-8) var(--spacing-9);text-align:right;justify-content:center;gap:var(--spacing-4);flex-direction:column;flex:50%;display:flex}.project-listing-header{align-items:center;gap:var(--spacing-3);display:flex}.project-listing-number{font-size:var(--font-size-md);font-weight:var(--font-weight-black);color:var(--color-primary-500);letter-spacing:-.02em;line-height:1}.project-listing-category{padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-neutral-100);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-block}.project-listing-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-black);color:var(--color-text-primary);transition:color var(--transition-fast);margin:0;line-height:1.3}.project-listing-row:hover .project-listing-title{color:var(--color-primary-500)}.project-listing-description{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.7;display:-webkit-box;overflow:hidden}.project-listing-metadata{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);padding-top:var(--spacing-2);border-top:var(--border-width-default) solid var(--color-neutral-100)}.project-listing-cta{align-items:center;gap:var(--spacing-2);color:var(--color-primary-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-top:var(--spacing-2);transition:gap var(--transition-normal);align-self:flex-start;display:inline-flex}.project-listing-cta-icon{transition:transform var(--transition-normal);justify-content:center;align-items:center;display:flex}.project-listing-row:hover .project-listing-cta-icon{transform:translate(-6px)}@media (max-width:1199px) and (min-width:768px){.project-listing-row{gap:var(--spacing-6)}.project-listing-image-wrapper{height:320px}.project-listing-content{padding:var(--spacing-6);gap:var(--spacing-3)}.project-listing-title{font-size:var(--font-size-md)}}.project-listing-row.vertical-card,.project-listing-row.vertical-card.row-even,.project-listing-row.vertical-card.row-odd{gap:0;height:100%;flex-direction:column!important}.project-listing-row.vertical-card .project-listing-image-wrapper{flex:none;width:100%;height:220px}.project-listing-row.vertical-card .project-listing-content{width:100%;padding:var(--spacing-6) var(--spacing-6);gap:var(--spacing-3);flex:auto}.project-listing-row.vertical-card .project-listing-title{font-size:var(--font-size-md)}.project-listing-row.vertical-card .project-listing-description{-webkit-line-clamp:3}@media (max-width:767px){.project-listing-row,.project-listing-row.row-even,.project-listing-row.row-odd{gap:0;flex-direction:column!important}.project-listing-image-wrapper{flex:none;width:100%;height:220px}.project-listing-content{width:100%;padding:var(--spacing-5);gap:var(--spacing-3);flex:none}.project-listing-title{font-size:var(--font-size-md)}.project-listing-description{-webkit-line-clamp:2}}