.ui-ux-projects-page{background:var(--color-surface);min-height:100vh}.ui-ux-projects-hero{border-bottom:1px solid var(--color-border);margin:0 auto;max-width:1280px;padding:64px 24px 32px}.ui-ux-projects-hero__label{color:var(--color-text-muted);font-size:11px;font-weight:500;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.ui-ux-projects-hero__title{color:var(--color-text-heading);font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 8px}.ui-ux-projects-hero__count{color:var(--color-text-secondary);font-size:15px;margin:0}.ui-ux-projects-empty{color:var(--color-text-secondary);font-size:16px;margin:0 auto;max-width:1280px;padding:64px 24px}.ui-ux-projects-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1280px;padding:32px 24px 96px}.ui-ux-project-card{background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000000f,0 4px 16px #00000014;color:inherit;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:box-shadow .25s ease,transform .25s ease}.ui-ux-project-card:hover{box-shadow:0 4px 8px #00000014,0 16px 40px #00000024;transform:translateY(-4px)}.ui-ux-project-card:hover .ui-ux-project-card__img{transform:scale(1.04)}.ui-ux-project-card__img-wrap{background:var(--color-surface-alt);flex-shrink:0;height:220px;overflow:hidden;position:relative;width:100%}.ui-ux-project-card__img{display:block;height:100%;inset:0;object-fit:cover;object-position:center top;position:absolute;transition:transform .4s ease;width:100%}.ui-ux-project-card__body{display:flex;flex-direction:column;gap:2px;padding:14px 16px 16px}.ui-ux-project-card__title{color:var(--color-text-heading);font-size:16px;font-weight:700;line-height:1.25;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-ux-project-card__caption{color:var(--color-text-secondary);font-size:13px;font-weight:400;margin:0}@media (max-width:1024px){.ui-ux-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.ui-ux-projects-grid{gap:20px;grid-template-columns:1fr;padding:24px 16px 64px}.ui-ux-project-card__img-wrap{height:220px}.ui-ux-projects-hero{padding:48px 16px 24px}.ui-ux-projects-hero__title{font-size:32px}}