/* framework/newsletter — measured off live (press-room, 1440px).
   Band 461 tall: 45px section padding, then a row starting 45px in, with
   columns of 107 / 433 / 624 inside the 1200 container. */
/* The band's own padding is 0: the inner padding, measured per page, places
   the row — the band is 461 tall on the press room and 370 on the homepage. */
.vk-newsletter { background: #4d5c75; padding: 0; }
.vk-newsletter__inner {
	box-sizing: border-box;
	max-width: 1240px;
	margin: 0 auto;
	padding: 110px 20px 97px;
	display: grid;
	grid-template-columns: 107px 433px 1fr;
	column-gap: 18px;
	align-items: start;
}

/* Pixel head: 60x77, centred in its 107px column. Measured on the home page:
   the icon sits 31px below the top of the padded row, the heading 29px, and
   the form flush with it. The 37/38/6 these used to be were measured on the
   press room before the band's own padding was an attribute, so they stacked
   on top of it and made the band 6px too tall. */
.vk-newsletter__icon { padding-top: 31px; text-align: center; }
.vk-newsletter__icon img { display: inline-block; width: 60px; height: 77px; }

/* Heading: 18px/700 white, uppercase, 25.2px line-height, 38px down. */
.vk-newsletter__text { padding: 29px 0 0; }
.vk-newsletter__text p {
	margin: 0;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 25.2px;
	letter-spacing: -0.63px;
	text-transform: uppercase;
}

.vk-newsletter__form { padding: 0; }

@media (max-width: 979px) {
	.vk-newsletter__inner { grid-template-columns: 1fr; gap: 20px; padding: 20px; }
	.vk-newsletter__icon { padding-top: 0; text-align: left; }
	.vk-newsletter__text { padding: 0; }
}