.usave-work-examples { margin-top: 38px; margin-bottom: 46px; color: #163042; }
.usave-work-examples__heading { margin-bottom: 22px; }
.usave-work-examples__heading h2 { margin: 0 0 10px; font-size: 28px; font-weight: 600; line-height: 1.25; }
.usave-work-examples__heading p { margin: 0; color: #6c7c8a; font-size: 15px; line-height: 1.6; }
.usave-work-examples__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.usave-work-examples__card { min-width: 0; overflow: hidden; background: #fff; border: 1px solid #e0e5ec; border-radius: 10px; }
.usave-work-examples__link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
.usave-work-examples__link:hover { color: inherit; text-decoration: none; }
.usave-work-examples__link:focus-visible { outline: 3px solid #ff6800; outline-offset: -3px; }
.usave-work-examples__photo { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; background: #eef0f3; overflow: hidden; }
.usave-work-examples__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.usave-work-examples__zoom { position: absolute; right: 16px; bottom: 16px; display: grid; place-items: center; width: 40px; height: 40px; color: #163042; background: rgba(255,255,255,.94); border-radius: 50%; transition: color .15s, background-color .15s; }
.usave-work-examples__link:hover .usave-work-examples__zoom { color: #fff; background: #ff6800; }
.usave-work-examples__body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 24px; }
.usave-work-examples__body h3 { margin: 0 0 8px; font-size: 22px; font-weight: 600; line-height: 1.3; }
.usave-work-examples__description { margin-bottom: 20px; color: #6c7c8a; font-size: 15px; line-height: 1.6; }
.usave-work-examples__description p { margin: 0; }
.usave-work-examples__action { display: inline-flex; align-items: center; gap: 12px; margin-top: auto; padding: 10px 17px; color: #ff6800; border: 1px solid #ff6800; border-radius: 4px; font-size: 14px; font-weight: 500; line-height: 1.5; }
.usave-work-examples__link:hover .usave-work-examples__action { background: #fff5ed; }
.usave-work-lightbox .mfp-title { padding-top: 8px; font-size: 16px; line-height: 1.5; }
.usave-work-lightbox .mfp-counter { padding-top: 9px; }
@media (min-width: 768px) and (max-width: 991px) {
  .usave-work-examples__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .usave-work-examples { margin-top: 28px; margin-bottom: 32px; }
  .usave-work-examples__heading h2 { font-size: 24px; }
  .usave-work-examples__grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .usave-work-examples__body { padding: 20px; }
  .usave-work-examples__body h3 { font-size: 20px; }
}