/* Portfolio / Our Recent Work slider */
.pf-section { padding: 140px 0 80px; background: #f8fafc; overflow: hidden; }
.pf-section .pf-head { text-align: center; max-width: 720px; margin: 0 auto 40px; }
.pf-section .pf-eyebrow { display: inline-flex; align-items: center; gap: 12px; color: #f6861f; font-weight: 700; font-size: 13px; letter-spacing: 3px; text-transform: uppercase; }
.pf-section .pf-eyebrow::before, .pf-section .pf-eyebrow::after { content: ""; width: 28px; height: 2px; background: #f6861f; }
.pf-section h2 { font-size: 46px; font-weight: 800; color: #0f172a; margin: 12px 0 10px; line-height: 1.15; }
.pf-section .pf-lead { font-size: 17px; color: #64748b; margin: 0; }

.pf-slider { position: relative; padding: 0 10px; }
/* before slick loads: show a simple row */
.pf-slider:not(.slick-initialized) { display: flex; gap: 24px; overflow: hidden; }
.pf-slider:not(.slick-initialized) .pf-slide { flex: 0 0 calc((100% - 96px) / 5); }
.pf-slider .slick-list { margin: 0 -12px; padding: 14px 0 26px; }
.pf-slider .pf-slide { padding: 0 12px; }

.pf-slide figure { margin: 0; position: relative; border-radius: 12px; overflow: hidden; aspect-ratio: 2 / 3; background: #e2e8f0;
  box-shadow: 0 10px 25px -10px rgba(15, 23, 42, .45); transition: transform .3s ease, box-shadow .3s ease; }
.pf-slide figure:hover { transform: translateY(-8px); box-shadow: 0 22px 35px -12px rgba(15, 23, 42, .55); }
.pf-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pf-slide figcaption { position: absolute; inset: auto 0 0 0; padding: 40px 14px 14px; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.3;
  background: linear-gradient(to top, rgba(15, 23, 42, .92), transparent); opacity: 0; transform: translateY(10px); transition: all .3s ease; }
.pf-slide figcaption small { display: block; color: #ffb066; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 3px; }
.pf-slide figure:hover figcaption { opacity: 1; transform: none; }

.pf-arrow { position: absolute; top: 50%; z-index: 5; width: 48px; height: 48px; margin-top: -24px; border: 0; border-radius: 50%; cursor: pointer;
  background: #f6861f; color: #fff; font-size: 16px; display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 20px -6px rgba(246, 134, 31, .7); transition: background .2s ease, transform .2s ease; }
.pf-arrow:hover { background: #0f172a; transform: scale(1.08); }
.pf-prev { left: -14px; } .pf-next { right: -14px; }

.pf-cta { text-align: center; margin-top: 36px; }
.pf-cta .btn-size { display: inline-flex; align-items: center; gap: 10px; width: auto; padding: 14px 34px; font-size: 15px; border-radius: 6px; color: #fff; }
.pf-cta .btn-size:hover { background: #0f172a; color: #fff; }

@media (max-width: 991px) { .pf-section h2 { font-size: 36px; } .pf-prev { left: 0; } .pf-next { right: 0; } }
@media (max-width: 575px) {
  .pf-section { padding: 60px 0; }
  .pf-section h2 { font-size: 28px; }
  .pf-slider .slick-list { margin: 0 -7px; } .pf-slider .pf-slide { padding: 0 7px; }
  .pf-slide figcaption { opacity: 1; transform: none; font-size: 12px; padding: 30px 10px 10px; }
}