.page-breadcrumb{font-size:13px;line-height:1.4;margin:0 0 12px}.page-breadcrumb__list{align-items:center;display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:0;padding:0}.page-breadcrumb__item{align-items:center;display:inline-flex;gap:8px}.page-breadcrumb__item a{color:var(--color-text-secondary);text-decoration:none}.page-breadcrumb__item a:hover{color:var(--color-text-heading);text-decoration:underline}.page-breadcrumb__item a:focus-visible{border-radius:2px;outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.page-breadcrumb__sep{color:var(--color-text-muted);flex-shrink:0}.page-breadcrumb__current{color:var(--color-text-heading);font-weight:500}.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:72px 24px 32px}.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,minmax(0,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 (min-width:1270px) and (max-width:1399px),(min-width:992px) and (max-width:1199px){.ui-ux-projects-hero{padding-top:140px}}@media (max-width:1024px){.ui-ux-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ui-ux-projects-grid{gap:20px;grid-template-columns:minmax(0,1fr);padding:24px 16px 64px}.ui-ux-project-card__img-wrap{height:220px}.ui-ux-projects-hero{padding:72px 16px 24px}.ui-ux-projects-hero__title{font-size:32px}}