:root {
	--dar-motion-fast: 260ms;
	--dar-motion-base: 760ms;
	--dar-motion-slow: 980ms;
	--dar-motion-ease: cubic-bezier(0.19, 1, 0.22, 1);
	--dar-motion-ease-text: cubic-bezier(0.22, 1, 0.36, 1);
	--dar-motion-ease-hover: cubic-bezier(0.2, 0.8, 0.2, 1);
	--dar-motion-y-sm: 12px;
	--dar-motion-y-md: 24px;
	--dar-motion-x-sm: 18px;
	--dar-motion-scale-in: 0.975;
	--dar-motion-hero-scale: 1.04;
}

html {
	scroll-behavior: smooth;
}

.dar-cursor {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100001;
	width: 16px;
	height: 16px;
	border: 1px solid rgba(255, 255, 255, 0.82);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
	opacity: 0;
	pointer-events: none;
	transition:
		width 220ms var(--dar-motion-ease-hover),
		height 220ms var(--dar-motion-ease-hover),
		border-color 220ms var(--dar-motion-ease-hover),
		opacity 160ms ease,
		background-color 220ms var(--dar-motion-ease-hover);
	will-change: transform, width, height;
}

.dar-cursor.is-visible {
	opacity: 0.78;
}

.dar-cursor.is-interactive {
	width: 36px;
	height: 36px;
	border-color: rgba(255, 255, 255, 0.9);
	background: rgba(255, 255, 255, 0.22);
}

.dar-cursor.is-pressed {
	width: 12px;
	height: 12px;
	background: rgba(255, 255, 255, 0.34);
}

html.motion-enhanced body::after {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 100000;
	background: #050505;
	pointer-events: none;
	transform: scaleY(1);
	transform-origin: top;
	transition: transform 520ms cubic-bezier(0.2, 0.8, 0.2, 1);
	backface-visibility: hidden;
	contain: paint;
	will-change: transform;
}

html.motion-enhanced body.dar-page-loaded::after {
	transform: scaleY(0);
	transform-origin: top;
}

html.motion-enhanced body.is-page-leaving::after {
	transform: scaleY(1);
	transform-origin: bottom;
	transition-duration: 360ms;
}

.js.motion-ready .dar-motion {
	opacity: 0;
	transform: translate3d(0, var(--dar-motion-y-md), 0);
	transition:
		opacity var(--dar-motion-base) var(--dar-motion-ease),
		transform var(--dar-motion-base) var(--dar-motion-ease);
	transition-delay: var(--dar-motion-delay, 0ms);
	backface-visibility: hidden;
}

.js.motion-ready .dar-motion--text {
	filter: blur(5px);
	transform: translate3d(0, 20px, 0);
	transition:
		opacity 820ms var(--dar-motion-ease-text),
		filter 820ms var(--dar-motion-ease-text),
		transform 980ms var(--dar-motion-ease-text);
}

.js.motion-ready .dar-motion--heading {
	filter: blur(7px);
	transform: translate3d(0, 30px, 0);
	transition:
		opacity 680ms var(--dar-motion-ease-text),
		filter 760ms var(--dar-motion-ease-text),
		transform 920ms var(--dar-motion-ease-text);
}

.js.motion-ready .dar-motion--banner-text {
	filter: blur(5px);
	transform: translate3d(0, 24px, 0);
	transition:
		opacity 520ms ease-out,
		filter 580ms var(--dar-motion-ease-text),
		transform 680ms var(--dar-motion-ease-text);
	transition-delay: var(--dar-motion-delay, 0ms);
}

.js.motion-ready .home-hero .dar-motion--banner-text {
	filter: blur(6px);
	transform: translate3d(0, 28px, 0);
	transition:
		opacity 560ms ease-out,
		filter 620ms var(--dar-motion-ease-text),
		transform 720ms var(--dar-motion-ease-text);
	transition-delay: var(--dar-motion-delay, 0ms);
}

.js.motion-ready .dar-motion--banner-text.is-visible:not(.dar-transition-text-pending):not(.dar-banner-text-pending) {
	animation: dar-banner-text-reveal 680ms cubic-bezier(0.22, 1, 0.36, 1) both;
	animation-delay: var(--dar-motion-delay, 0ms);
}

.js.motion-ready .home-hero .dar-motion--banner-text.is-visible:not(.dar-transition-text-pending):not(.dar-banner-text-pending) {
	opacity: 1;
	filter: blur(0);
	transform: translate3d(0, 0, 0);
	animation-duration: 720ms;
}

.js.motion-ready .dar-transition-banner-ready,
.js.motion-ready .dar-transition-banner-ready img {
	clip-path: inset(0 0 0 0);
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
	transition: none;
}

.js.motion-ready .dar-transition-hero-pending {
	background: transparent !important;
	clip-path: inset(0 100% 0 0);
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
	transition: none;
}

.js.motion-ready .dar-transition-hero-pending img {
	transform: scale(1.025);
	transition: none;
}

.js.motion-ready .dar-transition-hero-pending.dar-transition-hero-reveal {
	clip-path: inset(0 0 0 0);
	transition: clip-path 640ms cubic-bezier(0.22, 1, 0.36, 1);
}

.js.motion-ready .dar-transition-hero-pending.dar-transition-hero-reveal img {
	transform: scale(1);
	transition: transform 780ms cubic-bezier(0.22, 1, 0.36, 1);
}

.js.motion-ready .dar-motion--image,
.js.motion-ready .dar-motion--card {
	transform: translate3d(0, var(--dar-motion-y-sm), 0) scale(var(--dar-motion-scale-in));
}

/* Editorial image reveal: mask uncovers the existing crop while the image settles. */
.js.motion-ready .dar-motion--image-mask {
	background: transparent !important;
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition: none;
}

.js.motion-ready .dar-motion--image-mask > img,
.js.motion-ready .dar-motion--image-mask > a img,
.js.motion-ready .dar-motion--image-mask picture img {
	clip-path: inset(0 0 100% 0);
	transform: translate3d(0, 18px, 0) scale(1.04);
	transition:
		clip-path 880ms var(--dar-motion-ease),
		transform 1050ms var(--dar-motion-ease);
	will-change: clip-path, transform;
}

.js.motion-ready .dar-motion--image-mask.is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.js.motion-ready .dar-motion--image-mask.is-visible > img,
.js.motion-ready .dar-motion--image-mask.is-visible > a img,
.js.motion-ready .dar-motion--image-mask.is-visible picture img {
	clip-path: inset(0 0 0 0);
	transform: translate3d(0, 0, 0) scale(1);
}

.js.motion-ready .about-section__media.dar-motion--image {
	background: transparent !important;
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
	transition: none;
}

.js.motion-ready .about-section__media.dar-motion--image img {
	clip-path: inset(0 100% 0 0);
	transform: translate3d(24px, 0, 0) scale(1.035);
	transition:
		clip-path 980ms var(--dar-motion-ease),
		transform 1100ms var(--dar-motion-ease);
	will-change: clip-path, transform;
}

.js.motion-ready .about-section__media.dar-motion--image.is-visible img {
	clip-path: inset(0 0 0 0);
	transform: translate3d(0, 0, 0) scale(1);
}

.js.motion-ready .read-her-title-section .editorial-tile__media.dar-motion--image-mask > img,
.js.motion-ready .read-her-title-section .editorial-tile__media.dar-motion--image-mask > a img,
.js.motion-ready .read-her-title-section .editorial-tile__media.dar-motion--image-mask picture img {
	clip-path: inset(0 100% 0 0);
	transform: translate3d(18px, 0, 0) scale(1.04);
}

.js.motion-ready .read-her-title-section .editorial-tile__media.dar-motion--image-mask.is-visible > img,
.js.motion-ready .read-her-title-section .editorial-tile__media.dar-motion--image-mask.is-visible > a img,
.js.motion-ready .read-her-title-section .editorial-tile__media.dar-motion--image-mask.is-visible picture img {
	clip-path: inset(0 0 0 0);
	transform: translate3d(0, 0, 0) scale(1);
}

.js.motion-ready .article-editorial__image-row img.dar-motion--image-mask {
	background: transparent !important;
	clip-path: inset(0 0 0 0);
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
	transition: none;
	will-change: clip-path, transform;
}

.js.motion-ready .article-editorial__image-row img.dar-motion--image-mask.is-visible {
	clip-path: inset(0 0 0 0);
	transform: translate3d(0, 0, 0) scale(1);
	animation: dar-home-hero-image-reveal 980ms var(--dar-motion-ease) both;
}

.js.motion-ready .article-related-card__image.dar-motion--image-mask {
	background: transparent !important;
	clip-path: inset(0 0 0 0);
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
	transition: none;
	will-change: clip-path, transform;
}

.js.motion-ready .article-related-card__image.dar-motion--image-mask.is-visible {
	clip-path: inset(0 0 0 0);
	transform: translate3d(0, 0, 0) scale(1);
	animation: dar-home-hero-image-reveal 980ms var(--dar-motion-ease) both;
}

.js.motion-ready .dar-motion--left {
	transform: translate3d(calc(var(--dar-motion-x-sm) * -1), 0, 0);
}

.js.motion-ready .dar-motion--right {
	transform: translate3d(var(--dar-motion-x-sm), 0, 0);
}

.js.motion-ready .dar-motion--hero-media {
	transform: scale(var(--dar-motion-hero-scale));
	transition:
		opacity 480ms var(--dar-motion-ease),
		transform 620ms var(--dar-motion-ease);
}

.js.motion-ready .dar-motion.is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
}

.js.motion-ready .dar-motion--text.is-visible,
.js.motion-ready .dar-motion--heading.is-visible,
.js.motion-ready .dar-motion--banner-text.is-visible,
.js.motion-ready .dar-motion--luxury-text.is-visible {
	filter: blur(0);
}

.js.motion-ready .dar-transition-text-pending {
	opacity: 0;
	filter: blur(5px);
	transform: translate3d(0, 24px, 0);
	transition:
		opacity 520ms ease-out,
		filter 580ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 680ms cubic-bezier(0.22, 1, 0.36, 1);
}

.js.motion-ready .dar-banner-text-pending {
	opacity: 0;
	filter: blur(5px);
	transform: translate3d(0, 24px, 0);
	transition: none;
}

.js.motion-ready .dar-banner-text-pending.dar-banner-text-reveal {
	opacity: 1;
	filter: blur(0);
	transform: translate3d(0, 0, 0);
	animation: dar-banner-text-reveal 720ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.js.motion-ready .dar-transition-text-pending.dar-transition-text-reveal {
	opacity: 1;
	filter: blur(0);
	transform: translate3d(0, 0, 0);
	animation: dar-banner-text-reveal 680ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.motion-enhanced .site-header {
	transition:
		box-shadow 320ms var(--dar-motion-ease-hover),
		background-color 320ms var(--dar-motion-ease-hover);
}

.motion-enhanced .site-header.is-scrolled {
	box-shadow: none;
}

.js.motion-ready .dar-motion.is-visible.dar-parallax {
	transform: translate3d(0, var(--dar-parallax-y, 0), 0) scale(1);
}

.dar-button,
.wp-block-button__link,
.account-login-form__submit,
.account-newsletter-form__submit,
.account-profile-form__submit,
.living-subcategory-lead__button,
.newsletter__button,
.home-hero__cta,
.dar-nav__link,
.site-footer__link,
.site-header__icon-link,
.site-header__search,
.site-header__login,
.site-header__contact {
	transition:
		transform var(--dar-motion-fast) var(--dar-motion-ease-hover),
		opacity var(--dar-motion-fast) var(--dar-motion-ease-hover),
		box-shadow var(--dar-motion-fast) var(--dar-motion-ease-hover),
		border-color var(--dar-motion-fast) var(--dar-motion-ease-hover),
		background-color var(--dar-motion-fast) var(--dar-motion-ease-hover),
		color var(--dar-motion-fast) var(--dar-motion-ease-hover);
}

.dar-button:hover,
.wp-block-button__link:hover,
.account-login-form__submit:hover,
.account-newsletter-form__submit:hover,
.account-profile-form__submit:hover,
.living-subcategory-lead__button:hover,
.newsletter__button:hover,
.home-hero__cta:hover {
	transform: translate3d(0, -2px, 0);
}

.dar-card,
.editorial-card,
.editorial-tile,
.living-category-card,
.living-subcategory-card,
.article-featured-card,
.sitemap-card,
.account-saved-card {
	transition:
		transform 560ms var(--dar-motion-ease),
		box-shadow 560ms var(--dar-motion-ease);
	backface-visibility: hidden;
}

.dar-card:hover,
.editorial-card:hover,
.editorial-tile:hover,
.living-category-card:hover,
.living-subcategory-card:hover,
.article-featured-card:hover,
.sitemap-card:hover,
.account-saved-card:hover {
	transform: translate3d(0, -3px, 0);
}

.home-hero__image,
.about-hero__image,
.living-hero__image,
.editorial-tile__media img,
.editorial-card__media img,
.living-category-card .editorial-tile__media img,
.living-subcategory-card__media img,
.living-subcategory-lead__media img,
.living-subcategory-editor__media img,
.article-editorial__cover img,
.article-video > img {
	transition:
		transform 1200ms var(--dar-motion-ease),
		opacity var(--dar-motion-base) var(--dar-motion-ease);
	backface-visibility: hidden;
}

.editorial-tile:hover .editorial-tile__media img,
.editorial-card:hover .editorial-card__media img,
.living-category-card:hover .editorial-tile__media img,
.living-subcategory-card:hover .living-subcategory-card__media img,
.living-subcategory-lead:hover .living-subcategory-lead__media img,
.living-subcategory-editor__item:hover .living-subcategory-editor__media img,
.article-featured-card:hover img {
	transform: scale(1.02);
}

.social-grid__item .social-grid__image {
	transition: transform 900ms var(--dar-motion-ease), opacity 600ms var(--dar-motion-ease);
}

.social-grid__item:hover .social-grid__image {
	transform: scale(1.018);
}


/* Interactive motion: additive hover/focus polish only. */
.dar-button:active,
.wp-block-button__link:active,
.account-login-form__submit:active,
.account-newsletter-form__submit:active,
.account-profile-form__submit:active,
.living-subcategory-lead__button:active,
.newsletter__button:active,
.home-hero__cta:active {
	transform: translate3d(0, 0, 0) scale(0.985);
}

.site-header__icon-link img,
.site-header__search img,
.dar-nav__toggle img,
.site-footer__social img {
	transition:
		transform var(--dar-motion-fast) var(--dar-motion-ease-hover),
		opacity var(--dar-motion-fast) var(--dar-motion-ease-hover);
	backface-visibility: hidden;
}

.site-header__icon-link:hover img,
.site-header__icon-link:focus-visible img,
.site-header__search:hover img,
.site-header__search:focus-visible img,
.dar-nav__toggle:hover img,
.dar-nav__toggle:focus-visible img,
.site-footer__social:hover img {
	transform: translate3d(0, -1px, 0) scale(1.06);
}

.dar-nav__link,
.site-footer__link {
	position: relative;
}

.dar-nav__link::after,
.site-footer__link::after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	height: 1px;
	background: currentColor;
	content: "";
	transform: scaleX(0);
	transform-origin: right center;
	transition: transform var(--dar-motion-fast) var(--dar-motion-ease-hover);
	pointer-events: none;
}

.dar-nav__link:hover::after,
.dar-nav__link:focus-visible::after,
.site-footer__link:hover::after,
.site-footer__link:focus-visible::after {
	transform: scaleX(1);
	transform-origin: left center;
}

.editorial-card,
.editorial-tile,
.living-category-card,
.living-subcategory-card,
.article-featured-card,
.account-saved-card,
.sitemap-card {
	will-change: transform;
}

.editorial-card:not(:hover),
.editorial-tile:not(:hover),
.living-category-card:not(:hover),
.living-subcategory-card:not(:hover),
.article-featured-card:not(:hover),
.account-saved-card:not(:hover),
.sitemap-card:not(:hover) {
	will-change: auto;
}

/* Shared premium banner image reveal, matching the Living Lifestyle motion. */
.js.motion-ready .dar-motion--luxury-image {
	background: transparent !important;
	clip-path: inset(0 100% 0 0);
	opacity: 0;
	transform: translate3d(24px, 0, 0) scale(1.035);
	transition:
		clip-path 980ms var(--dar-motion-ease),
		opacity 760ms var(--dar-motion-ease),
		transform 980ms var(--dar-motion-ease);
	will-change: clip-path, opacity, transform;
}

.js.motion-ready .dar-motion--luxury-image.is-visible {
	clip-path: inset(0 0 0 0);
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
}

.js.motion-ready .dar-motion--luxury-image img {
	transform: scale(1.025);
	transition: transform 1100ms var(--dar-motion-ease);
}

.js.motion-ready .dar-motion--luxury-image.is-visible img {
	transform: scale(1);
}

.js.motion-ready .living-subcategory-lead__media.dar-motion--luxury-image {
	background: transparent !important;
	clip-path: inset(0 0 0 0);
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
	transition: none;
}

.js.motion-ready .living-subcategory-lead__media.dar-motion--luxury-image > a img {
	clip-path: inset(0 100% 0 0);
	transform: translate3d(24px, 0, 0) scale(1.035);
	animation: dar-home-hero-image-reveal 980ms var(--dar-motion-ease) 80ms both;
	will-change: clip-path, transform;
}

.js.motion-ready .living-subcategory-lead__media.dar-motion--luxury-image.is-visible > a img {
	clip-path: inset(0 0 0 0);
	transform: translate3d(0, 0, 0) scale(1);
}

.js.motion-ready .article-editorial__cover.dar-motion--luxury-image {
	background: transparent !important;
	clip-path: inset(0 0 0 0);
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
	transition: none;
}

.js.motion-ready .article-editorial__cover.dar-motion--luxury-image > img {
	clip-path: inset(0 100% 0 0);
	transform: translate3d(24px, 0, 0) scale(1.035);
	animation: dar-home-hero-image-reveal 980ms var(--dar-motion-ease) 80ms both;
	will-change: clip-path, transform;
}

.js.motion-ready .article-editorial__cover.dar-motion--luxury-image.is-visible > img {
	clip-path: inset(0 0 0 0);
	transform: translate3d(0, 0, 0) scale(1);
}

.js.motion-ready .article-video.dar-motion--luxury-image {
	background: #000000;
	clip-path: inset(0 0 0 0);
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
	transition: none;
}

.js.motion-ready .article-video.dar-motion--luxury-image iframe,
.js.motion-ready .article-video.dar-motion--luxury-image video {
	clip-path: inset(0 100% 0 0);
	transform: translate3d(24px, 0, 0) scale(1.035);
	animation: dar-home-hero-image-reveal 980ms var(--dar-motion-ease) 80ms both;
	will-change: clip-path, transform;
}

.js.motion-ready .article-video.dar-motion--luxury-image.is-visible iframe,
.js.motion-ready .article-video.dar-motion--luxury-image.is-visible video {
	clip-path: inset(0 0 0 0);
	transform: translate3d(0, 0, 0) scale(1);
}

.js.motion-ready .home-hero__media.dar-motion--luxury-image {
	clip-path: inset(0 0 0 0);
	opacity: 1;
	transform: scale(var(--dar-motion-hero-scale));
}

.js.motion-ready .home-hero__media.dar-motion--luxury-image.is-visible {
	clip-path: inset(0 0 0 0);
	opacity: 1;
	transform: scale(1);
}

.js.motion-ready .home-hero__media.dar-motion--luxury-image img {
	clip-path: inset(0 100% 0 0);
	transform: translate3d(24px, 0, 0) scale(1.035);
	will-change: clip-path, transform;
}

.js.motion-ready .home-hero__media.dar-motion--luxury-image.is-visible img {
	clip-path: inset(0 0 0 0);
	transform: translate3d(0, 0, 0) scale(1);
	animation: dar-home-hero-image-reveal 980ms var(--dar-motion-ease) both;
}

.js.motion-ready .about-hero.dar-motion--luxury-image,
.js.motion-ready .living-hero__media.dar-motion--luxury-image {
	clip-path: inset(0 0 0 0);
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
}

.js.motion-ready .about-hero.dar-motion--luxury-image .about-hero__image,
.js.motion-ready .about-hero.dar-motion--luxury-image .about-hero__overlay,
.js.motion-ready .living-hero__media.dar-motion--luxury-image .living-hero__image,
.js.motion-ready .living-hero__media.dar-motion--luxury-image .living-hero__overlay {
	clip-path: inset(0 100% 0 0);
	transform: translate3d(24px, 0, 0) scale(1.035);
	will-change: clip-path, transform;
}

.js.motion-ready .about-hero.dar-motion--luxury-image.is-visible .about-hero__image,
.js.motion-ready .about-hero.dar-motion--luxury-image.is-visible .about-hero__overlay,
.js.motion-ready .living-hero__media.dar-motion--luxury-image.is-visible .living-hero__image,
.js.motion-ready .living-hero__media.dar-motion--luxury-image.is-visible .living-hero__overlay {
	clip-path: inset(0 0 0 0);
	transform: translate3d(0, 0, 0) scale(1);
	animation: dar-home-hero-image-reveal 980ms var(--dar-motion-ease) both;
}

@keyframes dar-home-hero-image-reveal {
	from {
		clip-path: inset(0 100% 0 0);
		transform: translate3d(24px, 0, 0) scale(1.035);
	}

	to {
		clip-path: inset(0 0 0 0);
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@keyframes dar-banner-text-reveal {
	from {
		opacity: 0;
		filter: blur(5px);
		transform: translate3d(0, 24px, 0);
	}

	to {
		opacity: 1;
		filter: blur(0);
		transform: translate3d(0, 0, 0);
	}
}

.js.motion-ready .home-hero__media.dar-transition-hero-pending img {
	clip-path: inset(0 100% 0 0);
	transform: translate3d(24px, 0, 0) scale(1.035);
	animation: none;
	transition: none;
}

.js.motion-ready .home-hero__media.dar-transition-hero-pending.dar-transition-hero-reveal img {
	animation: dar-home-hero-image-reveal 640ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.js.motion-ready .about-hero.dar-transition-hero-pending,
.js.motion-ready .living-hero__media.dar-transition-hero-pending {
	background: transparent !important;
	clip-path: inset(0 0 0 0);
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
	transition: none;
}

.js.motion-ready .about-hero.dar-transition-hero-pending .about-hero__image,
.js.motion-ready .about-hero.dar-transition-hero-pending .about-hero__overlay,
.js.motion-ready .living-hero__media.dar-transition-hero-pending .living-hero__image,
.js.motion-ready .living-hero__media.dar-transition-hero-pending .living-hero__overlay {
	clip-path: inset(0 100% 0 0);
	transform: translate3d(24px, 0, 0) scale(1.035);
	animation: none;
	transition: none;
}

.js.motion-ready .about-hero.dar-transition-hero-pending.dar-transition-hero-reveal .about-hero__image,
.js.motion-ready .about-hero.dar-transition-hero-pending.dar-transition-hero-reveal .about-hero__overlay,
.js.motion-ready .living-hero__media.dar-transition-hero-pending.dar-transition-hero-reveal .living-hero__image,
.js.motion-ready .living-hero__media.dar-transition-hero-pending.dar-transition-hero-reveal .living-hero__overlay {
	animation: dar-home-hero-image-reveal 640ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* Living Lifestyle reference-style reveal. */
.js.motion-ready .living-intro .dar-motion--luxury-text {
	filter: none;
	transform: translate3d(0, 34px, 0);
	transition:
		opacity 840ms var(--dar-motion-ease-text),
		transform 1040ms var(--dar-motion-ease-text);
}

.js.motion-ready .living-intro .dar-motion--luxury-image {
	background: transparent;
	clip-path: inset(0 0 0 0);
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
	transition: none;
}

.js.motion-ready .living-intro .dar-motion--luxury-image.is-visible {
	clip-path: inset(0 0 0 0);
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
}

.js.motion-ready .living-intro .dar-motion--luxury-image img {
	clip-path: inset(0 100% 0 0);
	transform: translate3d(24px, 0, 0) scale(1.035);
	transition:
		clip-path 980ms var(--dar-motion-ease),
		transform 1100ms var(--dar-motion-ease);
	will-change: clip-path, transform;
}

.js.motion-ready .living-intro .dar-motion--luxury-image .living-intro__shade {
	clip-path: inset(0 100% 0 0);
	transition: clip-path 980ms var(--dar-motion-ease);
	will-change: clip-path;
}

.js.motion-ready .living-intro .dar-motion--luxury-image.is-visible img {
	clip-path: inset(0 0 0 0);
	transform: translate3d(0, 0, 0) scale(1);
}

.js.motion-ready .living-intro .dar-motion--luxury-image.is-visible .living-intro__shade {
	clip-path: inset(0 0 0 0);
}

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

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 1ms !important;
	}

	.js.motion-ready .dar-motion,
	.js.motion-ready .dar-motion.is-visible {
		opacity: 1;
		filter: none;
		transform: none;
		transition: none;
	}

	.js.motion-ready .dar-motion--image-mask,
	.js.motion-ready .dar-motion--image-mask.is-visible {
		opacity: 1;
		transform: none;
		will-change: auto;
	}

	.js.motion-ready .dar-motion--image-mask > img,
	.js.motion-ready .dar-motion--image-mask > a img,
	.js.motion-ready .dar-motion--image-mask picture img,
	.js.motion-ready .dar-motion--image-mask.is-visible > img,
	.js.motion-ready .dar-motion--image-mask.is-visible > a img,
	.js.motion-ready .living-subcategory-lead__media.dar-motion--luxury-image > a img,
	.js.motion-ready .article-editorial__cover.dar-motion--luxury-image > img,
	.js.motion-ready .article-video.dar-motion--luxury-image iframe,
	.js.motion-ready .article-video.dar-motion--luxury-image video,
	.js.motion-ready .article-editorial__image-row img.dar-motion--image-mask,
	.js.motion-ready .article-related-card__image.dar-motion--image-mask,
	.js.motion-ready .dar-motion--image-mask.is-visible picture img {
		clip-path: none;
		transform: none;
		transition: none;
		will-change: auto;
	}

	.motion-enhanced .site-header,
	.motion-enhanced .site-header.is-scrolled,
	.social-grid__item .social-grid__image,
	.social-grid__item:hover .social-grid__image {
		box-shadow: none;
		transform: none;
		transition: none;
	}

	html.dar-cursor-active,
	html.dar-cursor-active body,
	html.dar-cursor-active a,
	html.dar-cursor-active button,
	html.dar-cursor-active input,
	html.dar-cursor-active textarea,
	html.dar-cursor-active select,
	html.dar-cursor-active [role="button"] {
		cursor: auto;
	}

	.dar-cursor {
		display: none;
	}

	html.motion-enhanced body::after {
		display: none;
	}
}

@media (max-width: 900px), (hover: none) {
	.dar-cursor {
		display: none;
	}

	.js.motion-ready .dar-motion.is-visible.dar-parallax {
		transform: translate3d(0, 0, 0) scale(1);
	}
}