/* results page — unique styles (shared styles are in common.css) */

.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.res-card{padding:36px 32px;text-align:center}
.res-card .big{font-size:52px;font-weight:900;color:var(--main);line-height:1.1}
.res-card .big small{font-size:20px;font-weight:700}
.res-card .lab{font-size:13px;font-weight:700;color:var(--navy);margin-top:8px;margin-bottom:10px}
.res-card .desc{font-size:14px;color:var(--gray);line-height:1.8}

.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.case-card .ph-img{width:100%;height:200px;object-fit:cover;display:block}
.case-card .body{padding:20px 22px}
.case-card .svc-tag{display:inline-block;font-size:11px;font-weight:700;color:var(--main-d);background:var(--bg-tint);border:1px solid var(--line);border-radius:4px;padding:2px 8px;margin-bottom:8px}
.case-card .fac{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:8px}
.case-card .desc{font-size:13.5px;color:var(--gray);line-height:1.75;margin-bottom:14px}
.case-card .read{font-size:13px;font-weight:700;color:var(--main);text-decoration:none}
.case-card .read:hover{color:var(--main-d)}

.web-portfolio-cta{margin-top:40px;border-radius:14px;border:1.5px solid var(--main);background:linear-gradient(135deg,#eaf7fb 0%,#fff 100%);overflow:hidden}
.web-portfolio-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 36px}
.web-portfolio-cta-text .eyebrow{display:block;font-size:11px;font-weight:700;color:var(--main);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.web-portfolio-cta-text p{font-size:14.5px;color:var(--navy);line-height:1.75;margin:0}
.btn-outline-main{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:12px 24px;border-radius:999px;border:2px solid var(--main);color:var(--main);font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,color .2s}
.btn-outline-main:hover{background:var(--main);color:#fff}

@media(max-width:768px){
  .res-grid{grid-template-columns:1fr}
  .case-grid{grid-template-columns:1fr}
  .web-portfolio-cta-inner{flex-direction:column;align-items:flex-start;padding:22px 24px;gap:16px}
  .btn-outline-main{width:100%;justify-content:center}
}