/* CMPC Industrial — blog */
.feat{display:grid;gap:28px;margin-top:44px}
@media(min-width:1024px){.feat{grid-template-columns:1.5fr 1fr;gap:48px;align-items:center}}
.feat .ph{aspect-ratio:16/9}
.meta{display:flex;gap:12px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.meta .c{color:var(--teal)}
.meta .d{color:rgba(18,38,43,.4)}
.feat h2{font-family:var(--display);font-size:clamp(21px,2.4vw,30px);font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--petrol);margin-top:12px}
.feat p.x{margin-top:12px;line-height:1.65;color:rgba(18,38,43,.65)}
.feat .arrow-link{margin-top:18px}
.bgrid{display:grid;gap:32px 24px;margin-top:56px;border-top:1px solid var(--line);padding-top:44px}
@media(min-width:640px){.bgrid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.bgrid{grid-template-columns:repeat(3,1fr)}}
.bcard .ph{aspect-ratio:16/10}
.bcard .meta{margin-top:14px;font-size:11px}
.bcard h3{font-family:var(--display);font-size:16px;font-weight:600;line-height:1.35;color:var(--petrol);margin-top:8px;transition:color .25s}
.bcard:hover h3{color:var(--teal)}
.bcard p{font-size:13.5px;line-height:1.55;color:rgba(18,38,43,.6);margin-top:8px}
.pager{display:flex;gap:8px;justify-content:center;margin-top:56px;flex-wrap:wrap}
.pager a{display:flex;min-width:40px;height:40px;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--line);font-family:var(--display);font-size:13px;font-weight:600;color:rgba(18,38,43,.6);transition:.25s}
.pager a:hover{border-color:var(--teal);color:var(--teal)}
.pager a.on{background:var(--petrol);border-color:var(--petrol);color:#fff}