/* LQIP image frames: Rounded, Rounded + shadow, Framed (white border), Photo (3:2 crop). */
:is(.hmf-frame--rounded, .hmf-frame--shadow, .hmf-frame--framed, .hmf-frame--photo) .hmf-lqip-image img {
	display: block;
	inline-size: 100%;
	block-size: auto;
}

:is(.hmf-frame--rounded, .hmf-frame--shadow, .hmf-frame--photo) .hmf-lqip-image {
	overflow: hidden;
	border-radius: 24px;
}

:is(.hmf-frame--shadow, .hmf-frame--photo) .hmf-lqip-image {
	box-shadow: 0 30px 60px -40px rgb(15 16 29 / 0.55);
}

.hmf-frame--framed .hmf-lqip-image {
	overflow: hidden;
	border: 6px solid var(--hc-white);
	border-radius: 28px;
	box-shadow: var(--hc-shadow-card);
}

.hmf-frame--photo .hmf-lqip-image__img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

/* Photo on a navy surface: hairline light border and a deeper shadow. */
:is(.hmf-surface--navy, .hmf-surface--navy-panel, .hmf-surface--offer) .hmf-frame--photo .hmf-lqip-image {
	border: 1px solid rgb(255 255 255 / 0.12);
	box-shadow: 0 30px 60px -30px rgb(0 0 0 / 0.8);
}

@media (width >= 68.75rem) {

	.hmf-frame--photo .hmf-lqip-image {
		border-radius: 32px;
	}
}

/* Proposed: a small consultation illustration, independent of legacy duplicate IDs. */
.hmf-frame--consult { inline-size:min(100%,240px); align-self:center; margin-block-start:24px; }
.hmf-frame--consult .hmf-lqip-image__img { inline-size:100%; block-size:auto; }