/*
 * Secret Cape Town — homepage section rhythm (templates/front-page.html).
 * Enqueued only on is_front_page() (inc/assets.php).
 *
 * Values transcribed from reference/SCT Home D.dc.html (README §7.1):
 * every content section is a 1180px container with top padding only
 * (`clamp(64px,8cqi,96px)`, explore `clamp(56px,8cqi,96px)`), the black
 * Top 5s band and the newsletter strip sit `clamp(64px,8cqi,96px)` below
 * the previous section. The blocks themselves own their internal layout;
 * this file only spaces them.
 */

.sct-home__section {
	padding-top: clamp( 64px, 8vw, 96px );
}

.sct-home__section.is-first {
	padding-top: clamp( 56px, 8vw, 96px );
}

/* Section headings: eyebrow + H2 heads get 28–40px below; plain H2 heads 32px; General/Foodies 24px. */
.sct-home__heading {
	margin-bottom: clamp( 28px, 4vw, 40px );
}

.sct-home__heading.is-tight {
	margin-bottom: 32px;
}

.sct-home__heading.is-duo {
	margin-bottom: 24px;
	/* Reference keeps H2 + "View all" on one row even at 390px. */
	flex-wrap: nowrap;
}

.sct-home__heading.is-duo > div {
	flex-basis: auto;
}

.sct-home__heading.has-divider {
	padding-bottom: 16px;
}

/* Explore: 16px between the large-tile row and the square-tile grid. */
.sct-home__tiles-large {
	margin-bottom: 16px;
}

/* Black Top 5s band (sct/post-query scroller owns its bg + 56–96px padding). */
.sct-home__band {
	margin-top: clamp( 64px, 8vw, 96px );
}

/* General + Foodies: 2 columns, stacking below ~900px. */
.sct-home__duo {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax( min( 100%, 420px ), 1fr ) );
	gap: 56px 48px;
}

.sct-home__duo-col {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.sct-home__newsletter {
	margin-top: clamp( 64px, 8vw, 96px );
}