.mpe-grid{--mpe-gap:1px;--mpe-row-gap:1px;display:flex;flex-wrap:wrap;gap:var(--mpe-row-gap) var(--mpe-gap);background:transparent}
.mpe-grid,.mpe-grid *{box-sizing:border-box}
.mpe-grid .mpe-card{--mpe-cols:1;position:relative;isolation:isolate;overflow:hidden;display:flex;flex:0 0 calc((100% - (var(--mpe-cols) - 1)*var(--mpe-gap))/var(--mpe-cols));min-width:0;min-height:370px;background:#102400;color:#fff;text-decoration:none;border:0;border-radius:0;box-shadow:none;transition:box-shadow .3s,border-color .3s}
.mpe-grid .mpe-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:-2;transition:transform .45s ease;pointer-events:none}
.mpe-grid .mpe-overlay{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--mpe-angle,180deg),var(--mpe-top,rgba(12,30,5,.48)),var(--mpe-bottom,rgba(13,34,0,.98)));opacity:1;transition:opacity .3s,background .3s;pointer-events:none}
.mpe-grid .mpe-content{width:100%;min-width:0;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:start;gap:16px}
.mpe-grid .mpe-number{font-size:13px;line-height:1.3;letter-spacing:2px;font-weight:700;color:#a9d900}
.mpe-grid .mpe-title{font-size:24px;font-weight:700;line-height:1.25;color:#fff;margin:0;padding:0;overflow-wrap:anywhere}
.mpe-grid .mpe-excerpt{font-size:14px;line-height:1.7;color:#dbe3d3;margin:0;padding:0;overflow-wrap:anywhere}
.mpe-grid .mpe-cta{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;line-height:1.5;color:#fff;margin-top:4px;transition:color .3s,background .3s}
.mpe-grid .mpe-arrow{font-size:1.25em;line-height:1}
[dir=rtl] .mpe-grid .mpe-arrow{transform:rotate(180deg)}
.mpe-grid .mpe-card:hover .mpe-photo,.mpe-grid .mpe-card:focus-visible .mpe-photo{transform:scale(var(--mpe-zoom,1.04))}
.mpe-grid .mpe-card:focus-visible{outline:3px solid #a9d900;outline-offset:-4px}
.mpe-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}
.mpe-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px 12px;border:1px solid #d8ddd3;border-radius:3px;color:#173000;text-decoration:none}
.mpe-pagination .page-numbers.current,.mpe-pagination a:hover{background:#173000;color:#fff}
.mpe-empty{padding:20px;text-align:center}
@media(prefers-reduced-motion:reduce){.mpe-grid .mpe-card,.mpe-grid .mpe-photo,.mpe-grid .mpe-overlay,.mpe-grid .mpe-cta{transition:none}.mpe-grid .mpe-card:hover .mpe-photo,.mpe-grid .mpe-card:focus-visible .mpe-photo{transform:none}}