/* stats-grid — merged from the static build's app.css, source order preserved. */

.digital-results { height: 534px; }
.digital-results__grid { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 60px; padding: 0; }
.digital-results__grid article { height: 236px; padding: 23px 28px 20px; border: 1px solid rgba(0,0,0,.1); background: rgba(255,255,255,.58); text-align: center; }
.digital-results__grid article + article { border-left: 0; }
.digital-results__grid strong { color: var(--wine); font-size: 40px; font-weight: 600; line-height: 55px; }
.digital-results__grid h3 { margin: 18px 0 0; color: var(--wine); font-size: 24px; font-weight: 500; line-height: 30px; }
.digital-results__grid p { max-width: 285px; margin: 12px auto 0; color: rgba(0,0,0,.5); font-size: 18px; line-height: 26px; }

/* An illustrated stat card, as the newer frames draw it: the figure, then the
   picture, then the label and its line of copy. Cards with no picture are
   untouched. */
.digital-results__grid article img {
	display: block;
	width: 210px;
	max-width: 100%;
	height: 130px;
	margin: 18px auto 0;
	object-fit: contain;
}

/* The frame's results section: four separate cards rather than one joined row,
   each with its illustration between the figure and the label. */
body.digital-marketing-page .digital-results { height: 660px; margin-top: 120px; }
body.digital-marketing-page .digital-results .digital-intro h2 { margin-top: 32px; font-size: 46px; line-height: 50px; }
body.digital-marketing-page .digital-results .digital-intro > p:last-child { margin-top: 32px; font-size: 16px; line-height: 19px; }
body.digital-marketing-page .digital-results__grid { grid-template-columns: repeat(4, 325px); justify-content: space-between; gap: 20px; margin-top: 86px; padding-inline: var(--page-gutter); }
body.digital-marketing-page .digital-results__grid article { height: 361px; padding: 32px; border: 1px solid rgba(0,0,0,.08); background: #fff; }
body.digital-marketing-page .digital-results__grid article + article { border-left: 1px solid rgba(0,0,0,.08); }
body.digital-marketing-page .digital-results__grid strong { font-size: 40px; line-height: 27px; }
body.digital-marketing-page .digital-results__grid h3 { margin-top: 18px; font-size: 20px; line-height: 16px; }
body.digital-marketing-page .digital-results__grid p { margin-top: 24px; font-size: 16px; line-height: 20px; }

@media (min-width: 901px) {
	/* The Social Media frame's results: four separate 325 x 235 cards rather than
	   one joined row, each a figure over a label and a line of copy, all centred
	   and all in wine. */
	body.social-media-marketing-page .digital-results { height: 534px; margin-top: 120px; }
	body.social-media-marketing-page .digital-results .digital-intro h2 { width: 467px; max-width: none; margin: 20px auto 0; font-size: 60px; font-weight: 600; line-height: 60px; letter-spacing: normal; }
	body.social-media-marketing-page .digital-results .digital-intro h2 em { display: block; font-family: var(--font-serif); font-weight: 400; font-style: italic; }
	body.social-media-marketing-page .digital-results .digital-intro > p:last-child { width: 467px; max-width: none; margin: 22px auto 0; color: rgba(0,0,0,.5); font-size: 18px; line-height: 28px; letter-spacing: normal; }
	body.social-media-marketing-page .digital-results__grid { grid-template-columns: repeat(4, 325px); justify-content: space-between; gap: 20px; margin-top: 51px; padding-inline: var(--page-gutter); }
	body.social-media-marketing-page .digital-results__grid article { height: 235px; padding: 27px 32px 32px; border: 1px solid rgba(0,0,0,.1); background: #fff; }
	body.social-media-marketing-page .digital-results__grid article + article { border-left: 1px solid rgba(0,0,0,.1); }
	body.social-media-marketing-page .digital-results__grid strong { font-size: 40px; line-height: 32px; }
	body.social-media-marketing-page .digital-results__grid h3 { margin-top: 31px; font-size: 24px; line-height: 32px; }
	body.social-media-marketing-page .digital-results__grid p { width: 261px; max-width: none; margin: 9px auto 0; font-size: 18px; line-height: 26px; letter-spacing: .72px; }
}