body.site-ui .showcase-projects .showcase-projects-grid[data-layout] .showcase-project-card{aspect-ratio:auto;min-width:0;color:var(--navy);box-shadow:none;background:#f7f9fd;border:1px solid #dfe7f3;border-radius:14px;flex-direction:column;grid-column:auto;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden;transform:none}.showcase-projects .showcase-project-card:before,.showcase-projects .showcase-project-card:after{display:none}.showcase-projects .showcase-project-media{aspect-ratio:1.2;background:#e7edf5;flex-shrink:0;width:100%;position:relative;overflow:hidden}.showcase-projects .showcase-project-media>img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.7,.3,1);display:block}.showcase-projects .showcase-project-index{color:#0b203b;width:35px;height:35px;font-size:var(--type-label);font-weight:var(--weight-semibold);letter-spacing:.03em;font-variant-numeric:tabular-nums;background:#fffffff0;border:1px solid #ffffffbf;border-radius:7px;place-items:center;display:grid;position:absolute;top:16px;left:16px}body.site-ui .showcase-projects .showcase-project-caption{color:var(--navy);flex:1;align-items:center;gap:16px;padding:22px;display:flex;position:static;inset:auto;translate:none}body.site-ui .showcase-projects .showcase-project-caption p{color:#5d708d;font-size:var(--type-small);line-height:var(--leading-compact);margin:0 0 8px}body.site-ui .showcase-projects .showcase-projects-grid[data-layout] .showcase-project-card h3{color:var(--navy);font-size:var(--type-card);font-weight:var(--weight-heading);line-height:var(--leading-title);letter-spacing:-.04em;overflow-wrap:break-word;margin:0}body.site-ui .showcase-projects .showcase-project-detail{gap:0}body.site-ui .showcase-projects .showcase-project-arrow{width:40px;height:40px;color:var(--primary);box-shadow:none;background:#fff;border:1px solid #cbdaf3;border-radius:50%;transition:background .2s,color .2s,border-color .2s}.showcase-projects .showcase-project-arrow svg{width:18px;height:18px}body.site-ui .showcase-projects .showcase-project-open{border-radius:14px}body.site-ui .showcase-projects .showcase-project-card:focus-within{outline:3px solid var(--primary);outline-offset:4px}body.site-ui .showcase-projects .showcase-project-card:focus-within .showcase-project-arrow{color:#fff;background:var(--primary);border-color:var(--primary)}@media (hover:hover) and (pointer:fine){body.site-ui .showcase-projects .showcase-projects-grid[data-layout] .showcase-project-card:hover{border-color:#9cbcf9;transform:none;box-shadow:0 10px 22px #0b203b0a}.showcase-projects .showcase-project-card:hover .showcase-project-media>img{transform:scale(1.035)}body.site-ui .showcase-projects .showcase-project-card:hover .showcase-project-caption{translate:none}body.site-ui .showcase-projects .showcase-project-card:hover .showcase-project-arrow{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:none}}@media (max-width:1100px){body.site-ui .showcase-projects .showcase-project-caption{gap:12px;padding:18px}body.site-ui .showcase-projects .showcase-project-arrow{width:34px;height:34px}}@media (max-width:600px){.showcase-projects .showcase-project-media{aspect-ratio:1.25}body.site-ui .showcase-projects .showcase-project-caption{padding:22px}body.site-ui .showcase-projects .showcase-projects-grid[data-layout] .showcase-project-card h3{font-size:var(--type-card)}body.site-ui .showcase-projects .showcase-project-arrow{width:40px;height:40px}}@media (max-width:380px){body.site-ui .showcase-projects .showcase-project-caption{padding:18px}}@media (prefers-reduced-motion:reduce){.showcase-projects .showcase-project-media>img{transition:none!important;transform:none!important}}