/* Shared hero sizing — the SAME formula as the homepage hero (biyani-homepage-hero.php inline
 * CSS, ~line 173-197), extracted here so every hero (contact today; the homepage adopts this
 * file later, its own CSS is unchanged for now) sizes identically instead of re-deriving its own
 * numbers (design-baseline.md "Reusable components"). Desktop-only, like the homepage hero,
 * which likewise only splits into text+image columns above its own breakpoint.
 *
 * .bj-hero      — scope for --bj-hero-h (bar+header 127 + trust/strip band up to 129 = 258
 *                 subtracted from 100vh, clamped 440-700px).
 * .bj-hero-frame — min-height: var(--bj-hero-h).
 * .bj-hero-card  — the homepage's image-card size: height driven by the frame (-64px inner
 *                 padding), 4:5 (the homepage's own hero photo is uncropped 0.67-0.8 and not
 *                 forced to an aspect-ratio; contact's is a real photo card, so it keeps its own
 *                 4:5 + radius 20 + shadow, at the homepage's HEIGHT).
 */
@media (min-width: 1200px) {
	.bj-hero { --bj-hero-h: clamp(440px, calc(100vh - 258px), 700px); }
	.bj-hero-frame { min-height: var(--bj-hero-h); }
	.bj-hero-card {
		height: calc(var(--bj-hero-h) - 64px); width: auto; aspect-ratio: 4 / 5;
		border-radius: 20px; box-shadow: 0 10px 26px rgba(0, 0, 0, .28);
	}
}