.hb-treatment-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1rem, 2.5vw, 1.6rem);
}

.hb-treatment-card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	overflow: hidden;
	border: var(--hb-border);
	border-radius: var(--hb-radius-md);
	background: var(--hb-color-surface);
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.hb-treatment-card:hover,
.hb-treatment-card:focus-within {
	border-color: rgba(181, 139, 76, .7);
	box-shadow: var(--hb-shadow-md);
	transform: translateY(-.2rem);
}

.hb-treatment-card__media {
	aspect-ratio: var(--hb-ratio-card-treatment);
	overflow: hidden;
	background: var(--hb-color-warm-background);
}

.hb-treatment-card__media a {
	display: block;
	width: 100%;
	height: 100%;
}

.hb-treatment-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.hb-treatment-card:hover .hb-treatment-card__media img,
.hb-treatment-card:focus-within .hb-treatment-card__media img { transform: scale(1.025); }

.hb-treatment-card__content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: var(--hb-card-padding);
}

.hb-treatment-card__category {
	margin: 0 0 .5rem;
	color: var(--hb-color-accent-text);
	font-size: var(--hb-type-caption);
	font-weight: 750;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.hb-treatment-card h3,
.hb-treatment-card h4 {
	margin: 0;
	font-family: var(--hb-font-display);
	font-size: var(--hb-type-h3);
	font-weight: 600;
	line-height: 1.12;
}

.hb-treatment-card h4 { font-size: clamp(1.3rem, 1.8vw, 1.55rem); }

.hb-treatment-card h3 a,
.hb-treatment-card h4 a {
	color: var(--hb-color-heading);
	text-decoration: none;
	overflow-wrap: anywhere;
}

.hb-treatment-card h3 a::after,
.hb-treatment-card h4 a::after {
	display: inline-block;
	margin-left: .45rem;
	color: var(--hb-color-accent-text);
	content: "\2192";
	font-family: var(--hb-font-body);
	font-size: .85em;
	transition: transform .18s ease;
}

.hb-treatment-card h3 a:hover,
.hb-treatment-card h3 a:focus-visible,
.hb-treatment-card h4 a:hover,
.hb-treatment-card h4 a:focus-visible { color: var(--hb-color-accent-text); }

.hb-treatment-card h3 a:hover::after,
.hb-treatment-card h3 a:focus-visible::after,
.hb-treatment-card h4 a:hover::after,
.hb-treatment-card h4 a:focus-visible::after { transform: translateX(.2rem); }

.hb-treatment-card__excerpt {
	margin: .8rem 0 0;
	color: var(--hb-color-muted);
	font-size: var(--hb-type-small);
	line-height: 1.7;
	overflow-wrap: anywhere;
}

.hb-treatment-grid--compact .hb-treatment-card__content { padding: 1.15rem; }

@media (max-width: 60rem) {
	.hb-treatment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 40rem) {
	.hb-treatment-grid { grid-template-columns: minmax(0, 1fr); }
}