.dur-amenities {
	box-sizing: border-box;
	width: 100%;
}

.dur-amenities__inner {
	box-sizing: border-box;
	width: min(calc(100% - 2 * var(--dur-gutter, 20px)), var(--dur-max, 1200px));
	margin-inline: auto;
}

.dur-amenities__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px 40px;
}

.dur-amenities__label,
.dur-amenities__title,
.dur-amenities__description {
	margin-block: 0;
}

.dur-amenities__description {
	flex: 0 1 auto;
	text-align: start;
}

/* Card placement is driven by the Arrangement control through these variables. */
.dur-amenities__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: minmax(0, 1.278fr) minmax(0, 1fr);
	height: var(--dur-grid-h, 566px);
	margin: 0;
	padding: 0;
	list-style: none;
}

.dur-amenities__card:nth-child(1) { grid-column: var(--a1c, 1);   grid-row: var(--a1r, 1 / 3); }
.dur-amenities__card:nth-child(2) { grid-column: var(--a2c, 2);   grid-row: var(--a2r, 1); }
.dur-amenities__card:nth-child(3) { grid-column: var(--a3c, 2);   grid-row: var(--a3r, 2); }
.dur-amenities__card:nth-child(4) { grid-column: var(--a4c, 3);   grid-row: var(--a4r, 1 / 3); }

.dur-amenities__card {
	position: relative;
	display: flex;
	align-items: flex-end;
	margin: 0;
	overflow: hidden;
	isolation: isolate;
	background-color: #14264a;
}

/* Beats the global `img { height: auto }`. */
.dur-amenities .dur-amenities__card .dur-amenities__img {
	position: absolute;
	inset: 0;
	z-index: -2;
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
}

.dur-amenities__card::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	z-index: -1;
	height: 55%;
	pointer-events: none;
}

.dur-amenities__caption {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
}