.mpg{
	--mpg-moss:var(--color-brand-dark,#0B3D2E);
	--mpg-cream:var(--color-brand-light,#f4efe8);
	--mpg-terracotta:#B5603A;
	--mpg-gold:#C9A24B;
	--mpg-ink:#1f2a24;
	--mpg-cols:4;
	box-sizing:border-box;
	max-width:1200px;
	margin:0 auto;
	padding:clamp(16px,3vw,32px);
	color:var(--mpg-ink);
	font-family:var(--font-body,"Lora",serif);
}
.mpg *,.mpg *::before,.mpg *::after{box-sizing:border-box}
.mpg a{text-decoration:none;color:inherit}

/* Hero */
.mpg__hero{
	display:grid;
	grid-template-columns:1.1fr .9fr;
	align-items:center;
	gap:clamp(16px,3vw,40px);
	background:var(--mpg-moss);
	color:var(--mpg-cream);
	border-radius:var(--radius-lg,16px);
	padding:clamp(24px,5vw,56px);
	margin-bottom:clamp(24px,4vw,48px);
	border-bottom:4px solid var(--mpg-gold);
}
.mpg__hero--no-image{grid-template-columns:1fr}
.mpg__eyebrow{
	margin:0 0 12px;
	font-family:var(--font-ui,"Inter",system-ui,sans-serif);
	font-size:.75rem;
	letter-spacing:.18em;
	text-transform:uppercase;
	color:var(--mpg-gold);
}
.mpg__quote{
	margin:0 0 14px;
	font-family:var(--font-heading,"Cormorant Garamond",serif);
	font-size:clamp(1.8rem,4vw,3rem);
	line-height:1.1;
	font-weight:600;
}
.mpg__text{margin:0 0 24px;font-size:1.05rem;line-height:1.6;opacity:.92;max-width:52ch}
.mpg__btn{
	display:inline-block;
	background:var(--mpg-terracotta);
	color:#fff !important;
	font-family:var(--font-ui,"Inter",system-ui,sans-serif);
	font-size:.85rem;
	font-weight:600;
	letter-spacing:.06em;
	text-transform:uppercase;
	padding:14px 28px;
	border-radius:999px;
	transition:background .2s ease,transform .2s ease;
}
.mpg__btn:hover,.mpg__btn:focus-visible{background:var(--mpg-gold);color:var(--mpg-moss) !important;transform:translateY(-1px)}
.mpg__hero-media{border-radius:12px;overflow:hidden;aspect-ratio:4/5;background:rgba(255,255,255,.06)}
.mpg__hero-media img{display:block;width:100%;height:100%;object-fit:cover}

/* Grid */
.mpg__grid-title{
	margin:0 0 20px;
	font-family:var(--font-heading,"Cormorant Garamond",serif);
	font-size:clamp(1.4rem,2.4vw,2rem);
	color:var(--mpg-moss);
}
.mpg__grid{
	display:grid;
	grid-template-columns:repeat(var(--mpg-cols),minmax(0,1fr));
	gap:clamp(12px,2vw,24px);
	margin:0;padding:0;list-style:none;
}
.mpg__card{
	background:var(--mpg-cream);
	border-radius:12px;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	transition:box-shadow .2s ease,transform .2s ease;
}
.mpg__card:hover{box-shadow:0 8px 24px rgba(11,61,46,.14);transform:translateY(-2px)}
.mpg__thumb{display:block;aspect-ratio:1/1;background:#e9e2d6;overflow:hidden}
.mpg__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.mpg__body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.mpg__title{
	margin:0;
	font-family:var(--font-heading,"Cormorant Garamond",serif);
	font-size:1.15rem;
	line-height:1.25;
	color:var(--mpg-moss);
}
.mpg__price{
	margin-top:auto;
	font-family:var(--font-meta,"Roboto",system-ui,sans-serif);
	font-size:.95rem;
	color:var(--mpg-terracotta);
}
.mpg__price del{opacity:.55;margin-right:6px}
.mpg__price ins{text-decoration:none;font-weight:600}
.mpg__empty{padding:24px;text-align:center;background:var(--mpg-cream);border-radius:12px}
.mpg__notice{
	padding:12px 16px;border:1px dashed var(--mpg-terracotta);border-radius:8px;
	font-family:var(--font-ui,"Inter",system-ui,sans-serif);font-size:.85rem;
}

@media (max-width:900px){
	.mpg{--mpg-cols:3}
	.mpg__hero{grid-template-columns:1fr}
	.mpg__hero-media{aspect-ratio:16/10}
}
@media (max-width:600px){.mpg{--mpg-cols:2}}
@media (max-width:360px){.mpg{--mpg-cols:1}}
@media (prefers-reduced-motion:reduce){.mpg__card,.mpg__btn,.mpg__results,.mpg__pg{transition:none}}

/* "View" link on cards */
.mpg__view{
	align-self:flex-start;
	font-family:var(--font-ui,"Inter",system-ui,sans-serif);
	font-size:.85rem;
	font-weight:500;
	color:var(--mpg-gold);
	padding-top:4px;
}
.mpg__view:hover{color:var(--mpg-terracotta)}

/* Pagination */
.mpg__results{transition:opacity .2s ease}
.mpg__results.is-loading{opacity:.45;pointer-events:none}
.mpg__pager{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:16px;
	margin-top:clamp(20px,3vw,36px);
}
.mpg__pg{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:42px;height:42px;
	border-radius:50%;
	border:1px solid var(--mpg-gold);
	background:transparent;
	color:var(--mpg-ink);
	transition:background .2s ease,color .2s ease,border-color .2s ease;
}
a.mpg__pg:hover,a.mpg__pg:focus-visible{background:var(--mpg-moss);color:var(--mpg-cream);border-color:var(--mpg-moss)}
.mpg__pg.is-disabled{opacity:.4;cursor:not-allowed;color:#8a8478}
.mpg__pg-info{
	font-family:var(--font-meta,"Roboto",system-ui,sans-serif);
	font-size:.95rem;
	color:var(--mpg-terracotta);
	min-width:96px;
	text-align:center;
}
.mpg .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}