/* V16.5 — Projects reference capability cards */
.projects-reference-page .project-head{align-items:end}
.projects-reference-page .project-head>p{max-width:620px}
.project-legal-note{
  display:flex;gap:18px;align-items:flex-start;margin:0 0 24px;
  padding:18px 20px;border:1px solid rgba(18,99,190,.16);border-radius:20px;
  background:linear-gradient(135deg,#fff,#f4f9ff);
  box-shadow:0 12px 34px rgba(8,55,112,.06)
}
.project-legal-note b{color:#0861c5;white-space:nowrap}
.project-legal-note span{color:#65778d;line-height:1.65;font-size:14px}

.project-pro-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
}
.project-pro-card{
  border:1px solid #dce8f5!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 16px 45px rgba(7,55,110,.07)!important;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important;
}
.project-pro-card:hover{
  transform:translateY(-7px);
  box-shadow:0 24px 58px rgba(7,55,110,.12)!important;
  border-color:#b8d8fb!important;
}
.project-pro-media{
  height:225px;position:relative;overflow:hidden;background:#edf6ff
}
.project-pro-media img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center;
  transition:transform .55s cubic-bezier(.2,.7,.2,1)
}
.project-pro-card:hover .project-pro-media img{transform:scale(1.035)}
.project-pro-badge{
  position:absolute;left:15px;bottom:14px;padding:8px 11px;border-radius:999px;
  background:rgba(4,32,68,.86);color:#fff;font-size:10px;font-weight:900;
  letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px)
}
.project-pro-body{padding:21px 21px 22px!important}
.project-pro-body small{display:block;color:#0870d8;font-weight:850;font-size:11px;letter-spacing:.03em;margin-bottom:9px}
.project-pro-body h3{font-size:22px;line-height:1.15;margin:0 0 10px;color:#081b36}
.project-pro-body p{font-size:13.5px;line-height:1.65;color:#65778d;margin:0 0 15px}
.project-pro-scope{padding:12px 13px;border-radius:14px;background:#f3f8fe;margin-bottom:15px}
.project-pro-scope span{display:block;font-size:9px;font-weight:900;color:#0870d8;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.project-pro-scope b{font-size:12.5px;color:#183655;line-height:1.45}
.project-pro-link{font-size:12px;font-weight:900;color:#0861c5;text-decoration:none}
.project-pro-link:hover{text-decoration:underline}
.project-pro-noimg{height:100%;display:grid;place-items:center;font-weight:900;color:#7890aa}

@media(max-width:1050px){
 .project-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:650px){
 .projects-reference-page .project-head{display:block}
 .project-legal-note{display:block}
 .project-legal-note b{display:block;margin-bottom:7px}
 .project-pro-grid{grid-template-columns:1fr!important;gap:14px!important}
 .project-pro-media{height:205px}
 .project-pro-body{padding:18px!important}
 .project-pro-body h3{font-size:20px}
}


/* =========================================================
   V16.12.3 — EXACT PROJECT CARD IMAGE NO-CUT FIX
   Real current classes:
   .project-pro-card > .project-pro-media > img
   ========================================================= */

/* Remove the old fixed 225px / 205px crop area */
.projects-reference-page .project-pro-card .project-pro-media{
  position:relative !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:var(--surface) !important;
}

/* Uploaded image decides its own height from original ratio */
.projects-reference-page .project-pro-card .project-pro-media > img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  max-width:100% !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  margin:0 !important;
  transform:none !important;
  border:0 !important;
}

/* Never zoom/crop on hover */
.projects-reference-page .project-pro-card:hover .project-pro-media > img{
  transform:none !important;
}

/* Card owns the rounded border; image sits flush edge-to-edge */
.projects-reference-page .project-pro-card{
  overflow:hidden !important;
}
.projects-reference-page .project-pro-card .project-pro-media{
  border-radius:23px 23px 0 0 !important;
}
.projects-reference-page .project-pro-card .project-pro-media > img{
  border-radius:23px 23px 0 0 !important;
}

/* Keep category badge on the image without affecting image size */
.projects-reference-page .project-pro-badge{
  position:absolute !important;
  left:15px !important;
  bottom:14px !important;
  z-index:3 !important;
}

/* IMPORTANT: override old mobile fixed 205px height too */
@media(max-width:650px){
  .projects-reference-page .project-pro-card .project-pro-media{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
  }
  .projects-reference-page .project-pro-card .project-pro-media > img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
  }
}