/* 4Granite Project Cards with Pagination. Scoped: does not modify existing grids. */
.fg-paginated-projects{width:100%;max-width:100%;box-sizing:border-box;min-width:0;}
.fg-paginated-projects .fg-project-grid{
 display:grid;grid-template-columns:repeat(var(--fg-paginated-columns,3),minmax(0,1fr));
 align-items:stretch;gap:clamp(18px,2vw,27px);margin:0;
}
.fgmodern-site .fg-paginated-projects .fg-project-grid{
 grid-template-columns:repeat(var(--fg-paginated-columns,3),minmax(0,1fr));
}
.fg-paginated-projects .fg-project-card{
 display:flex;flex-direction:column;overflow:hidden;min-width:0;height:100%;
 color:#192127;text-decoration:none;border-radius:5px;background:#fff;
 box-shadow:0 10px 23px rgba(9,20,24,.12);
}
.fg-paginated-projects .fg-card-photo{
 display:block;position:relative;width:100%;aspect-ratio:16/10;
 overflow:hidden;background:#cad1d3;
}
.fg-paginated-projects .fg-card-photo img{
 position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;
}
.fg-paginated-projects .fg-project-body{
 display:flex;gap:15px;justify-content:space-between;align-items:center;flex:1;
 padding:22px;min-height:100px;background:var(--fg-project-card-bg,#fff);
 color:var(--fg-project-card-text,#192127);
}
.fg-paginated-projects .fg-native-card-title{
 font-size:1.1rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere;
 color:var(--fg-project-card-text,#192127);
}
.fg-paginated-projects .fg-arrow{font-size:1.35rem;flex:none;color:#678c0a;font-weight:800;}
.fg-paginated-projects .fg-project-card:focus-visible,
.fg-paginated-projects .fg-project-pagination a:focus-visible{
 outline:3px solid var(--fg-accent,#9bc522);outline-offset:3px;
}
.fg-project-pagination{
 display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
 gap:8px;margin:38px auto 6px;padding:0;max-width:100%;
}
.fg-project-pagination .fg-project-page,.fg-project-pagination .fg-project-page-direction{
 box-sizing:border-box;min-width:44px;min-height:44px;display:inline-flex;
 align-items:center;justify-content:center;padding:9px 14px;
 border:1px solid #cdd6d8;border-radius:4px;background:#fff;
 color:#263238;font-size:.95rem;line-height:1.2;font-weight:700;text-decoration:none;
}
.fg-project-pagination .fg-project-page.is-current{
 color:#111a1e;background:var(--fg-accent,#9bc522);border-color:var(--fg-accent,#9bc522);
}
.fg-project-pagination a:hover{border-color:#769512;background:#f0f7df;color:#111a1e;}
.fg-project-pagination .fg-project-page-gap{display:inline-flex;align-items:center;padding:0 3px;color:#536268;}
.fg-paginated-empty{padding:28px;background:#f3f6f5;color:#263238;}
@media(max-width:960px){
 .fg-paginated-projects .fg-project-grid,.fgmodern-site .fg-paginated-projects .fg-project-grid{
  grid-template-columns:repeat(var(--fg-paginated-tablet-columns,2),minmax(0,1fr));
 }
}
@media(max-width:620px){
 .fg-paginated-projects .fg-project-grid,.fgmodern-site .fg-paginated-projects .fg-project-grid{grid-template-columns:minmax(0,1fr);}
 .fg-paginated-projects .fg-project-body{padding:18px;min-height:86px;}
 .fg-project-pagination{gap:6px;margin-top:25px;}
 .fg-project-pagination .fg-project-page,.fg-project-pagination .fg-project-page-direction{padding:8px 10px;min-width:40px;min-height:42px;}
}
