.living-page {
	display: grid;
	row-gap: 100px;
	padding: 41px 0 77px;
	background: var(--dar-color-background);
}


.living-hero {
	position: relative;
	aspect-ratio: 1720 / 625;
	overflow: hidden;
	background: var(--dar-color-surface);
}


.living-hero__media,
.living-hero__image,
.living-hero__overlay {
	position: absolute;
	inset: 0;
}


.living-hero__image,
.living-intro__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.living-hero__overlay {
	background:
		linear-gradient(270deg, rgba(0, 0, 0, 0) 38.169%, rgba(0, 0, 0, 0.5) 86.599%),
		linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}


.living-hero__title {
	position: absolute;
	left: calc(134 / 1720 * 100%);
	top: 50%;
	width: min(775px, 52%);
	margin: 0;
	color: #faf8f5;
	font-family: var(--dar-font-heading);
	font-size: 60px;
	font-weight: 400;
	line-height: 60px;
	letter-spacing: 0;
	text-shadow: var(--dar-shadow-hero-title);
	transform: translateY(-50%);
}


.living-intro {
	display: grid;
	grid-template-columns: minmax(0, 783fr) minmax(0, 860fr);
	gap: calc(var(--dar-container-width) * 75 / 1720);
	min-height: 762px;
}


.living-intro__content {
	align-self: start;
	padding-top: 203px;
}


.living-intro__eyebrow {
	margin: 0 0 25px;
	color: var(--dar-color-accent);
	font-size: 11px;
	font-weight: 600;
	line-height: 19.8px;
	letter-spacing: 1.98px;
	text-transform: uppercase;
}


.living-intro__title {
	max-width: 681px;
	margin: 0 0 34px;
	color: #0d0d0d;
	font-family: var(--dar-font-heading);
	font-size: 65px;
	font-weight: 500;
	line-height: 71px;
	letter-spacing: 0;
}


.living-intro__copy {
	max-width: 629px;
	margin: 0;
	color: #000000;
	font-size: 16px;
	font-weight: 300;
	line-height: 25px;
	opacity: 0.7;
}


.living-intro__media {
	position: relative;
	height: 762px;
	overflow: hidden;
	background: var(--dar-color-surface);
}


.living-intro__shade {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.2);
	pointer-events: none;
}


.living-categories {
	width: 100%;
	margin-top: 0;
	padding: 100px 0;
	background: #faf8f5;
}


.living-categories__grid {
	display: grid;
	gap: 10px;
}


.living-categories__row {
	display: grid;
	gap: 10px;
}


.living-categories__row--top {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}


.living-categories__row--bottom {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}


.living-category-card {
	position: relative;
	width: 100%;
	height: 688px;
	overflow: hidden;
	background: var(--dar-color-surface);
}


.living-category-card,
.living-category-card:hover {
	transform: none;
}


.living-category-card .editorial-tile__media {
	position: absolute;
	inset: 0;
}


.living-category-card .editorial-tile__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.living-category-card .editorial-tile__media img,
.living-category-card:hover .editorial-tile__media img {
	transform: none;
}


.living-category-card .editorial-tile__overlay,
.living-category-card__overlay {
	position: absolute;
	inset: 0;
	display: grid;
	justify-items: center;
	align-content: end;
	gap: 7px;
	padding: 0 25px 40px;
	text-align: center;
	color: var(--dar-color-white);
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0) 34.448%, rgba(0, 0, 0, 0.3) 100%),
		linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}


.living-categories__row--top .living-category-card:first-child .living-category-card__overlay,
.living-categories__row--bottom .living-category-card:last-child .living-category-card__overlay {
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0) 34.448%, rgba(0, 0, 0, 0.5) 100%),
		linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
}


.living-category-card__title {
	width: 100%;
	max-width: 532px;
	margin: 0 0 10px;
	font-family: var(--dar-font-heading);
	font-size: 50px;
	font-weight: 400;
	line-height: 1;
	color: var(--dar-color-white);
	text-align: center;
}


.living-category-card__copy {
	width: min(100%, 482px);
	max-width: none;
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 21px;
	color: var(--dar-color-white);
	text-align: center;
}


.living-categories__row--top .living-category-card:nth-child(2) .living-category-card__copy {
	width: min(100%, 532px);
}


.living-categories__row--bottom .living-category-card:last-child .living-category-card__copy {
	width: min(100%, 436px);
}


.living-category-card .editorial-tile__action {
	margin-top: 0;
}


.living-category-card .dar-button.dar-button--text.living-category-card__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 0;
	min-height: auto;
	padding: 0 24px;
	border: 0;
	background: transparent;
	color: var(--dar-color-white);
	font-family: var(--dar-font-body);
	font-size: 16px;
	font-weight: 400;
	line-height: 19.8px;
	letter-spacing: 1.54px;
	text-decoration: none;
	text-transform: uppercase;
}


.living-category-card .dar-button.dar-button--text.living-category-card__link:hover,
.living-category-card .dar-button.dar-button--text.living-category-card__link:focus-visible {
	background: var(--dar-color-accent);
	color: var(--dar-color-white);
	opacity: 1;
	transform: translateY(-1px);
}


.living-category-card .dar-button.dar-button--text.living-category-card__link::after {
	content: "\2192";
	display: inline-block;
	width: auto;
	height: auto;
	background: none;
	filter: none;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	transform: translateY(-1px);
}


.living-category-card .dar-button.dar-button--text.living-category-card__link:hover::after,
.living-category-card .dar-button.dar-button--text.living-category-card__link:focus-visible::after {
	transform: translateY(-1px) translateX(3px);
}

/* ==========================================================================
   Media queries — max-width descending
   ========================================================================== */

@media (max-width: 1599px) {
.living-intro__copy,
.living-category-card .dar-button.dar-button--text.living-category-card__link {
		font-size: 11px;
	}
	.living-intro__media{
		height: 600px;
	}
	.living-intro__title{
		font-size: 50px;
		line-height: 55px;
		max-width: 550px;
		margin: 0 0 15px;
	}
	.living-intro__copy{
		line-height: 20px;
		max-width: 510px;
	}
	.living-category-card .editorial-tile__overlay, .living-category-card__overlay{
		padding: 0 25px 30px;
		gap: 10px;
	}
	.living-category-card__title{
		font-size: 35px;
		line-height: 1;
	}
	.living-category-card__copy{
		font-size: 13px;
		line-height: 18px;
	}
	.living-category-card .editorial-tile__action {
		margin-top: 0;
	}
	.living-category-card{
		height: 500px;
	}
}

@media (max-width: 1300px) {
.living-page {
		row-gap: 80px;
	}


.living-intro__title {
		font-size: 58px;
		line-height: 64px;
	}


.living-category-card__title {
		font-size: clamp(2.1rem, 3.65vw, 50px);
	}
}

@media (max-width: 1060px) {
.living-page {
		row-gap: 64px;
	}


.living-intro {
		grid-template-columns: 1fr;
		min-height: 0;
	}


.living-intro__content {
		padding-top: 0;
	}


.living-intro__media {
		height: auto;
		min-height: 520px;
	}


.living-intro__media {
		order: -1;
	}


.living-categories__row--top,
.living-categories__row--bottom {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}


.living-category-card {
		height: auto;
		min-height: 560px;
	}
}

@media (max-width: 992px) {
.living-hero__title {
		font-size: 40px;
		line-height: 45px;
	}


.living-categories__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}


.living-categories__row {
		display: contents;
	}


.living-category-card {
		min-height: 450px;
	}
}

@media (max-width: 800px) {
.living-page {
		padding-top: 32px;
		row-gap: 48px;
	}


.living-hero {
		aspect-ratio: auto;
		min-height: 420px;
	}


.living-hero__title {
		left: 24px;
		width: calc(100% - 48px);
		font-size: 48px;
		line-height: 52px;
	}


.living-intro__title {
		margin-bottom: 15px;
		font-size: 44px;
		line-height: 50px;
	}


.living-intro__media {
		min-height: 430px;
	}


.living-categories {
		padding: 64px 0;
	}


.living-categories__grid {
		grid-template-columns: 1fr;
	}


.living-category-card {
		height: auto;
		min-height: 520px;
	}


.living-category-card__overlay {
		padding: 0 24px 40px;
	}
	.living-intro__eyebrow{
		margin: 0 0 15px;
		font-size: 10px;
	}
}

@media (max-width: 767px) {
.living-page {
		row-gap: 40px;
		padding: 35px 0 50px;
	}


.living-hero {
		min-height: 360px;
	}


.living-hero__title {
		left: 20px;
		width: calc(100% - 40px);
		font-size: 42px;
		line-height: 46px;
	}


.living-intro__title {
		font-size: 32px;
		line-height: 35px;
	}


.living-categories {
		padding: 48px 0;
	}


.living-category-card {
		height: auto;
		min-height: 380px;
	}


.living-category-card__overlay {
		padding: 0 20px 28px;
	}


.living-category-card__title {
		font-size: 30px;
		margin: 0 0 5px;
	}


.living-category-card__copy {
		font-size: 13px;
		line-height: 17px;
	}
}

@media (max-width: 479px) {
.living-hero__title {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 15px;
	}
}

@media (max-width: 350px) {
.living-hero__title {
		left: 16px;
		width: calc(100% - 32px);
		font-size: 40px;
		line-height: 44px;
	}


.living-intro__title {
		font-size: 36px;
		line-height: 42px;
	}
}