/*
 * DRAFT -- proposed as
 * wp-content/themes/sequoia-v2/assets/css/components/location-work-band.css
 * (append 'components/location-work-band' to sequoia_v2_stylesheets()).
 *
 * Styles the render-filter band appended by inc/location-work-band.php.
 *
 * The band deliberately REUSES the authored `hz-band / hz-in / hz-eb / hz-h /
 * hz-l` shell classes, whose rules already ship inline in the stored content of
 * all 31 location routes, so the heading block needs no new type or spacing
 * rules and cannot drift from the band directly above it. Only the provider's
 * own `sequoia-provider-projects__*` markup needs mapping onto the `hz-card`
 * look, because the provider emits a `ul/li` grid and the authored cards are
 * `<a class="hz-card hz-proj">`.
 *
 * Every rule is scoped under `.lt-work`, a class only this filter emits.
 * Nothing here can reach the flagship's `.r-work` grids or the authored
 * `.hz-svc` cards.
 */

.lt-work {
	/* The authored band alternates white / sand via `.hz-band.t`. This one
	   always follows a `.t` band, so it takes the plain ground to keep the
	   page's existing alternation intact. */
	background: #fff;
}

.lt-work .lt-work-grid {
	margin-top: 44px;
}

.lt-work .sequoia-provider-projects__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lt-work .sequoia-provider-projects__card {
	min-width: 0;
	display: flex;
	background: #fff;
	border: 1px solid var(--v2-line, #dcd8cc);
	transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}

.lt-work .sequoia-provider-projects__card:hover {
	border-color: var(--v2-forest, #3f6d3f);
	transform: translateY(-4px);
	box-shadow: 0 26px 46px -30px rgba(23, 22, 15, 0.5);
}

.lt-work .sequoia-provider-projects__link {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	color: inherit;
	text-decoration: none;
}

.lt-work .sequoia-provider-projects__media {
	margin: 0;
	position: relative;
	aspect-ratio: 16 / 11;
	overflow: hidden;
	background: var(--v2-cream, #ece7db);
}

.lt-work .sequoia-provider-projects__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}

.lt-work .sequoia-provider-projects__card:hover .sequoia-provider-projects__media img {
	transform: scale(1.04);
}

.lt-work .sequoia-provider-projects__body {
	padding: 22px 22px 24px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.lt-work .sequoia-provider-projects__title {
	margin: 0;
	font: 700 19px/1.22 var(--v2-display, "Montserrat", system-ui, sans-serif);
	letter-spacing: -0.016em;
	color: var(--v2-ink, #17160f);
}

/* The card's own `ciq_city`. This is the line that makes the band
   locality-honest: a San Carlos build on the Belmont page still says
   San Carlos. It must stay visible -- do not collapse it into the title. */
.lt-work .sequoia-provider-projects__meta {
	margin: auto 0 0;
	padding-top: 14px;
	border-top: 1px solid var(--v2-hair, #ece7db);
	font: 500 11px/1 var(--v2-mono, "IBM Plex Mono", ui-monospace, monospace);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--v2-faint, #8a877d);
}

.lt-work .lt-work-more {
	margin: 30px 0 0;
}

.lt-work .lt-work-more a {
	font: 500 12px/1 var(--v2-mono, "IBM Plex Mono", ui-monospace, monospace);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--v2-forest, #3f6d3f);
}

@media (max-width: 900px) {
	.lt-work .sequoia-provider-projects__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}
}

@media (max-width: 600px) {
	.lt-work .sequoia-provider-projects__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
	}
}