/* =====================================================================
   Services — bordered grid
   File: 05-services.css
   ===================================================================== */

/* ================= SERVICES ================= */
.services-grid-wrap{border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; margin-top:56px;}
.services-grid{display:grid; grid-template-columns:repeat(3,1fr);}
.service-card{padding:40px 34px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); transition:background .3s ease;}
.service-card:nth-child(3n){border-right:none;}
.service-card:nth-last-child(-n+3){border-bottom:none;}
.service-card:hover{background:rgba(255,255,255,.025);}
.service-num{font-family:'Space Grotesk','Courier New',monospace; font-size:13px; color:var(--orange); font-weight:700; letter-spacing:.05em;}
.service-card h3{font-size:20px; font-weight:800; text-transform:uppercase; margin:14px 0 12px; letter-spacing:-.01em; font-family:var(--font-heading); line-height:1.2;}
.service-card p{font-size:14.5px; margin-bottom:0;}
@media(max-width:900px){
  .services-grid{grid-template-columns:1fr;}
  .service-card{border-right:none;}
  .service-card:last-child{border-bottom:none;}
}