/* 23 — Home vibe cards: taller ~0.9:1 + desc.txt lines (Bach 2026-10-05, Leo OK via Ludwig)
   Overrides patch 20's aspect-ratio 1.1/1 -> 0.9/1 (W:H) to match Debussy's 1000x1110 re-export.
   Overlay stays bottom; stack = name / hairline / tagline / desc1 / desc2 (Debussy desc-overlay mock).
   desc spans are only emitted when assets/vibes/{slug}/desc.txt exists, so no empty gap otherwise.
   Patch 22 (card link + delta-0 pane stretch) is untouched and still applies. */

.vs-hm .vs-hm__cards--overlay .vs-hm__card-media {
	aspect-ratio: 0.9 / 1;
}

.vs-hm .vs-hm__cards--overlay .vs-hm__card-img {
	object-position: center center;
}

/* Taller scrim band (~45% per Debussy mock) so two desc lines stay legible. */
.vs-hm .vs-hm__cards--overlay .vs-hm__card-overlay {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.6) 38%, rgba(0, 0, 0, 0.22) 70%, rgba(0, 0, 0, 0) 100%);
	padding-top: clamp(1.5rem, 4vw, 2.6rem);
}

.vs-hm .vs-hm__cards--overlay .vs-hm__card-overlay > .vs-hm__card-desc1,
.vs-hm .vs-hm__cards--overlay .vs-hm__card-overlay > .vs-hm__card-desc2 {
	display: block;
	max-width: 100%;
	margin: 0;
	padding: 0;
	font-family: Inter, "Helvetica Neue", Arial, sans-serif;
	font-size: clamp(0.75rem, 0.85vw, 0.82rem);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.35;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
	overflow-wrap: anywhere;
}

/* tag -> desc gap ~26/1110 of card; desc -> desc ~12/1110 (Debussy canvas). */
.vs-hm .vs-hm__cards--overlay .vs-hm__card-overlay > .vs-hm__card-desc1 {
	margin-top: 0.55rem;
	color: rgba(236, 230, 220, 0.78);
}

.vs-hm .vs-hm__cards--overlay .vs-hm__card-overlay > .vs-hm__card-desc2 {
	margin-top: 0.15rem;
	color: rgba(236, 230, 220, 0.66);
}

@media (max-width: 767px) {
	.vs-hm .vs-hm__cards--overlay .vs-hm__card-overlay > .vs-hm__card-desc1,
	.vs-hm .vs-hm__cards--overlay .vs-hm__card-overlay > .vs-hm__card-desc2 {
		font-size: 0.78rem;
	}
}