/*
 * IMARET V21.1 — Site-wide Burgundy Luxury Motion
 * Large burgundy surfaces only. Existing background colors are not replaced.
 */

.imaret-site-motion-surface{position:relative;isolation:isolate;overflow:hidden}
.imaret-site-motion-surface>.imaret-container,
.imaret-site-motion-surface>.imaret-context-banner__inner{position:relative;z-index:3}
.imaret-context-banner.imaret-site-motion-surface>.imaret-context-banner__art{z-index:1}
.imaret-context-banner.imaret-site-motion-surface>.imaret-context-banner__media{z-index:2}
.imaret-context-banner.imaret-site-motion-surface>.imaret-context-banner__inner{z-index:4}
.imaret-content-hero.imaret-site-motion-surface::before{display:none}

.imaret-site-luxury-motion{
	--site-motion-base:rgba(230,207,140,.25);
	--site-motion-base-soft:rgba(255,238,185,.16);
	--site-motion-highlight:rgba(245,216,125,.76);
	--site-motion-highlight-soft:rgba(255,242,197,.56);
	--site-motion-glow:rgba(231,201,112,.18);
	position:absolute;z-index:0;inset:-7% -3%;pointer-events:none;overflow:hidden;opacity:1
}
.imaret-site-luxury-motion svg{
	position:absolute;inset:0;width:100%;height:100%;overflow:visible;
	transform:scale(1.025);
	animation:imaret-site-luxury-drift 22s ease-in-out infinite alternate;
	animation-play-state:paused
}
.imaret-site-luxury-motion.is-in-view svg{animation-play-state:running}

.imaret-site-luxury-motion__base{
	fill:none;stroke:var(--site-motion-base);stroke-width:1.15;
	vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:.84
}
.imaret-site-luxury-motion__base--2{stroke:var(--site-motion-base-soft);stroke-width:.95;opacity:.72}
.imaret-site-luxury-motion__base--3{stroke-width:.8;opacity:.58}

.imaret-site-luxury-motion__line{
	fill:none;stroke:var(--site-motion-highlight);stroke-width:1.65;
	vector-effect:non-scaling-stroke;stroke-linecap:round;
	stroke-dasharray:.16 .84;stroke-dashoffset:1;opacity:.28;
	filter:drop-shadow(0 0 4px rgba(245,216,125,.24));
	animation:imaret-site-luxury-trim 15s cubic-bezier(.5,.06,.28,1) infinite;
	animation-play-state:paused
}
.imaret-site-luxury-motion.is-in-view .imaret-site-luxury-motion__line{animation-play-state:running}
.imaret-site-luxury-motion__line--2{
	stroke:var(--site-motion-highlight-soft);stroke-width:1.35;
	animation-delay:-5.4s;animation-duration:19s
}
.imaret-site-luxury-motion__line--3{
	stroke-width:1.05;animation-delay:-10.5s;animation-duration:23s
}

.imaret-site-luxury-motion::before,
.imaret-site-luxury-motion::after{
	content:"";position:absolute;width:min(31vw,470px);aspect-ratio:1;
	border:1px solid var(--site-motion-base-soft);border-radius:50%;opacity:.50;
	transform:rotate(-18deg);
	animation:imaret-site-luxury-orbit 28s ease-in-out infinite alternate;
	animation-play-state:paused
}
.imaret-site-luxury-motion::before{
	inset-inline-start:-18vw;top:14%;border-right-color:transparent;border-bottom-color:transparent
}
.imaret-site-luxury-motion::after{
	inset-inline-end:-19vw;bottom:2%;border-left-color:transparent;border-top-color:transparent;
	animation-delay:-11s;animation-duration:34s
}
.imaret-site-luxury-motion.is-in-view::before,
.imaret-site-luxury-motion.is-in-view::after{animation-play-state:running}

.imaret-site-luxury-motion__glow{
	position:absolute;width:40vw;height:40vw;min-width:320px;min-height:320px;
	inset-inline-end:-13vw;top:-18vw;border-radius:50%;
	background:radial-gradient(circle,var(--site-motion-glow),transparent 66%);
	filter:blur(12px);opacity:.76;
	animation:imaret-site-luxury-glow 18s ease-in-out infinite alternate;
	animation-play-state:paused
}
.imaret-site-luxury-motion.is-in-view .imaret-site-luxury-motion__glow{animation-play-state:running}
.imaret-context-banner--burgundy.imaret-site-motion-surface .imaret-context-banner__art{opacity:.38}

@keyframes imaret-site-luxury-trim{
	0%{stroke-dashoffset:1;opacity:.20}
	18%{opacity:.48}
	46%{opacity:.92}
	72%{stroke-dashoffset:0;opacity:.58}
	100%{stroke-dashoffset:-1;opacity:.24}
}
@keyframes imaret-site-luxury-drift{
	0%{transform:scale(1.025) translate3d(-.55%,.28%,0)}
	100%{transform:scale(1.045) translate3d(.72%,-.46%,0)}
}
@keyframes imaret-site-luxury-orbit{
	0%{transform:rotate(-18deg) translate3d(0,0,0) scale(.98);opacity:.38}
	100%{transform:rotate(-11deg) translate3d(2.5%,-2%,0) scale(1.035);opacity:.62}
}
@keyframes imaret-site-luxury-glow{
	0%{transform:translate3d(0,0,0) scale(.96);opacity:.55}
	100%{transform:translate3d(-4%,7%,0) scale(1.07);opacity:.90}
}
@media(max-width:680px){
	.imaret-site-luxury-motion{inset:0;opacity:.90}
	.imaret-site-luxury-motion::before,.imaret-site-luxury-motion::after{width:76vw;opacity:.34}
}
@media(prefers-reduced-motion:reduce){
	.imaret-site-luxury-motion svg,
	.imaret-site-luxury-motion__line,
	.imaret-site-luxury-motion__glow,
	.imaret-site-luxury-motion::before,
	.imaret-site-luxury-motion::after{animation:none!important;transition:none!important}
	.imaret-site-luxury-motion__line{stroke-dasharray:none;stroke-dashoffset:0;opacity:.44;filter:none}
	.imaret-site-luxury-motion__base{opacity:.78}
	.imaret-site-luxury-motion__glow{opacity:.52}
}