/* "Where to begin" — spec: report/SPEC-homepage-category-section.md
   kicker 11px/.24em, Cormorant Garamond 32px, 3 cols gap 20px, 4:3 tiles,
   label padding-top 13px, section padding 52/40/56.
   UX-1 (2026-09-30, owner-approved): warm off-white ground #F5F3EF; secondary
   text #767676 -> #666 (5.2:1 on #F5F3EF; #767676 was 4.1:1); section centred
   and held to the homepage's boxed content width.
   UX-16 (2026-10-11, owner): headings in EB Garamond, like every heading on the site. */

.calene-wtb {
	--wtb-ground: #F5F3EF;
	--wtb-muted: #666666;
	box-sizing: border-box;
	width: 100%;
	max-width: calc(var(--wd-container-w, 1222px) - 30px);
	margin: 0 auto;
	padding: 52px 40px 56px;
	background: var(--wtb-ground);
}
.calene-wtb .wtb-kicker {
	margin: 0 0 14px;
	font-family: Inter, Helvetica, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: var(--wtb-muted);
	text-align: center;
}
.calene-wtb .wtb-title {
	margin: 0 0 28px;
	font-family: 'EB Garamond', Georgia, 'Times New Roman', serif;
	font-weight: 500;
	font-size: 32px;
	line-height: 1.2;
	color: #302E2E;
	text-align: center;
	text-wrap: balance;
}
.calene-wtb .wtb-tiles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	max-width: 1360px;
	margin: 0 auto;
}
.calene-wtb .wtb-tile { display: block; min-width: 0; text-decoration: none; }
.calene-wtb .wtb-tile-img {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #FFFFFF;
	border: 1px solid #E8E5E1;
}
.calene-wtb .wtb-tile-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .5s ease;
}
.calene-wtb .wtb-tile:hover .wtb-tile-img img { transform: scale(1.03); }
.calene-wtb .wtb-tile-label { display: block; padding-top: 13px; text-align: center; }
.calene-wtb .wtb-tile-title {
	display: block;
	font-family: 'EB Garamond', Georgia, serif;
	font-weight: 500;
	font-size: 21px;
	line-height: 1.25;
	color: #302E2E;
}
.calene-wtb .wtb-tile-sub {
	display: block;
	margin-top: 4px;
	font-family: Inter, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: var(--wtb-muted);
}

@media (max-width: 1024px) {
	.calene-wtb { padding: 48px 24px 52px; }
	.calene-wtb .wtb-tiles { gap: 16px; }
	.calene-wtb .wtb-tile-title { font-size: 19px; }
}
@media (max-width: 767px) {
	.calene-wtb { padding: 40px 20px 44px; }
	.calene-wtb .wtb-title { font-size: 26px; margin-bottom: 22px; }
	.calene-wtb .wtb-tiles { grid-template-columns: 1fr; gap: 26px; }
}
@media (prefers-reduced-motion: reduce) {
	.calene-wtb .wtb-tile-img img { transition: none; }
	.calene-wtb .wtb-tile:hover .wtb-tile-img img { transform: none; }
}