/**
 * Still Water More from the guide (sw-more-letters): Figma "More from the guide" at 1440, 834
 * and 390.
 *
 * Mist. Padding 80 / 56 / 32. The label (12/16 muted) and, 16 under it, the title (h1 56/64;
 * 36/44 on phones); 48 under that (32 on phones) two cards 24 apart (one column on phones):
 * photo (3:2, radius 12), title (h3 28/36) 12 under it, the link (14/20, underlined, 44 tall)
 * 12 under the title.
 */

.sw-more.sw-pad {
	--sw-heading-gap: 48px;
}

.sw-more__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.sw-more__card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	min-width: 0;
}

.sw-more__photo {
	align-self: stretch;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	border-radius: var(--sw-radius);
	background: var(--sw-c-line);
}

.sw .sw-more__photo img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.sw .sw-more__link {
	font-size: var(--sw-fs-small);
	line-height: var(--sw-lh-small);
	font-weight: 400;
}

@media (max-width: 767px) {
	.sw-more.sw-pad {
		--sw-heading-gap: 32px;
	}

	.sw-more__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}