.services{text-align:center}
.grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.grid .tile{flex:0 1 calc((100% - 40px)/3)}
.tile{background:#fff;border:1px solid var(--line);padding:30px 20px 24px;display:flex;flex-direction:column;align-items:center;
  cursor:pointer;transition:box-shadow .2s,transform .2s,border-color .2s;text-align:center;font:inherit;color:inherit}
.tile:hover,.tile:focus-visible{box-shadow:0 10px 28px rgba(21,90,56,.12);transform:translateY(-3px);border-color:#bcd8c7;outline:none}
.tile svg{width:38px;height:38px;fill:var(--green);margin-bottom:18px}
.tile h3{font-size:15px;color:var(--green);text-transform:uppercase;letter-spacing:.03em;margin:0 0 10px}
.tile p{font-size:13px;color:var(--muted);margin:0 0 20px;flex:1}
.tile .more{font-size:12px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.06em}

/* Lightbox */
dialog.lb{border:0;padding:0;max-width:640px;width:calc(100% - 32px);box-shadow:0 24px 60px rgba(0,0,0,.25);text-align:left}
dialog.lb::backdrop{background:rgba(20,35,28,.6)}
.lb-head{background:var(--green);color:#fff;padding:22px 56px 20px 26px;display:flex;align-items:center;gap:14px}
.lb-head svg{width:30px;height:30px;fill:#fff;flex:none}
.lb-head h3{margin:0;font-size:19px;text-transform:uppercase;letter-spacing:.03em}
.lb-body{padding:24px 26px 28px;font-size:15px;color:#3a443f;max-height:65vh;overflow:auto}
.lb-body ul{padding-left:20px}
.lb-body li{margin-bottom:6px}
.lb-cta{margin-top:22px}
.lb .close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;background:transparent;color:#fff;font-size:28px;line-height:1;cursor:pointer}

@media (max-width:900px){.grid .tile{flex-basis:calc((100% - 20px)/2)}}
@media (max-width:520px){.grid .tile{flex-basis:100%}}