.highlight-card{border:1px solid var(--border-color);--border-color:white;border-radius:1rem;width:100%;max-width:64rem;margin-inline:auto}.highlight-card.card-theme-purple{--border-color:var(--color-violet)}.highlight-card.card-theme-red{--border-color:var(--color-red)}.highlight-card.card-theme-blue{--border-color:var(--color-blue)}@media(min-width:1024px){.highlight-card{aspect-ratio:16/9;height:100%}}.image-card{overflow:hidden}.card-bg-image{aspect-ratio:16/9;object-fit:cover;object-position:center top;width:100%;display:block}.card-hover-overlay{background:#000000d9;flex-direction:column;display:flex}.overlay-content{padding:1rem}@media(min-width:1024px){.image-card{height:100%;min-height:320px;position:relative}.card-bg-image{width:100%;height:100%;aspect-ratio:unset;position:absolute;inset:0}.card-hover-overlay{background:linear-gradient(#0003,#000000bf 45%,#000000f2);justify-content:flex-end;position:absolute;inset:0}.overlay-content{padding:2.5rem}}.text-card{min-height:100%;padding:2.5rem 1rem;position:relative;overflow:hidden}@media(min-width:1024px){.text-card{padding:2.5rem 3rem}}.text-card-body{z-index:10;width:100%;height:100%;position:relative}.text-card-body.with-stats{grid-template-columns:1fr;gap:2rem;display:grid}@media(min-width:48rem){.text-card-body.with-stats{grid-template-rows:1fr;grid-template-columns:2fr 1fr;column-gap:3rem}.text-card-body.with-stats .card-content{grid-row:span 2}.text-card-body.with-stats .card-stats-col{grid-column-start:2}}.card-content{flex-direction:column;justify-content:space-between;gap:2rem;height:100%;display:flex}.card-client{margin-bottom:1rem}.card-client.is-overlay{margin-bottom:.5rem}.card-description{margin-top:1rem}.card-description.is-overlay,.card-techstack{margin-top:.75rem}.card-links{text-align:center;flex-direction:column;gap:1rem;margin-top:1rem;display:flex}@media(min-width:48rem){.card-links{text-align:left;flex-direction:row}}.link-btn{padding:.5rem 1.5rem}.link-btn.compact{padding:.375rem 1rem;font-size:.875rem}.card-stats-col{flex-direction:column;justify-content:center;align-items:center;display:flex}.project-stats{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.project-stats .stat{text-align:center;border-radius:12px;flex-direction:column;flex:1;width:100%;padding:1rem 2rem;display:flex}@media(min-width:48rem){.project-stats .stat{text-align:right}}.project-stats .stat .label{font-family:var(--font-title);font-size:var(--text-lg);letter-spacing:.1em;font-weight:400;line-height:1.25}.project-stats .stat .value{font-family:var(--font-subtitle);font-size:var(--text-2xl)}