/* Renew Image Studio 1.5.1: mobile-first replacement and precise crop controls. */
.renew-image-studio-slot {
	position: relative;
	isolation: isolate;
	transform-origin: center center;
	transition: transform .55s cubic-bezier(.22,.61,.36,1), box-shadow .55s ease, filter .45s ease;
}

/* REPLACE MODE: the selected photo becomes the block itself. */
.renew-image-studio-slot.ris-composition-replace:not(.ris-preset-original) {
	aspect-ratio: var(--ris-ratio) !important;
	min-height: 0 !important;
	height: auto !important;
	border-radius: var(--ris-radius) !important;
	overflow: hidden !important;
}
figure.wp-block-image.renew-image-studio-slot.ris-composition-replace:not(.ris-preset-original) > img,
figure.wp-block-image.renew-image-studio-slot.ris-composition-replace:not(.ris-preset-original) > a > img {
	display:block;width:100%!important;height:100%!important;max-width:none!important;
	object-fit:cover!important;object-position:var(--ris-position,50% 50%)!important;scale:var(--ris-scale,1);
	border-radius:inherit!important;transition:transform .65s cubic-bezier(.22,.61,.36,1),filter .55s ease;
}
figure.wp-block-image.renew-image-studio-slot.ris-composition-replace.ris-preset-original > img,
figure.wp-block-image.renew-image-studio-slot.ris-composition-replace.ris-preset-original > a > img {
	object-position:var(--ris-position,50% 50%)!important;scale:var(--ris-scale,1);
}
.wp-block-cover.renew-image-studio-slot.ris-composition-replace {background-image:none!important;background-size:0 0!important;}
.wp-block-cover.renew-image-studio-slot.ris-composition-replace > img.wp-block-cover__image-background {
	position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
	max-width:none!important;margin:0!important;padding:0!important;object-fit:cover!important;
	object-position:var(--ris-position,50% 50%)!important;border-radius:inherit!important;z-index:0!important;scale:var(--ris-scale,1);
	transition:transform .65s cubic-bezier(.22,.61,.36,1),filter .55s ease;
}

/* DECORATIVE MODE: keep the sage/sand rings as the base and float the photo above them. */
.renew-image-studio-slot.ris-composition-decorative {
	overflow:hidden!important;
	border-radius:18px 44px 18px 44px!important;
}
.wp-block-cover.renew-image-studio-slot.ris-composition-decorative {background-image:none!important;}
.wp-block-cover.renew-image-studio-slot.ris-composition-decorative > img.wp-block-cover__image-background,
figure.wp-block-image.renew-image-studio-slot.ris-composition-decorative > img:first-child,
figure.wp-block-image.renew-image-studio-slot.ris-composition-decorative > a:first-child > img:first-child {
	display:block!important;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;
	object-fit:cover!important;object-position:center!important;border-radius:inherit!important;
}
.wp-block-cover.renew-image-studio-slot.ris-composition-decorative > img.wp-block-cover__image-background {
	position:absolute!important;inset:0!important;z-index:0!important;
}
figure.wp-block-image.renew-image-studio-slot.ris-composition-decorative {position:relative!important;}
figure.wp-block-image.renew-image-studio-slot.ris-composition-decorative > img:first-child {position:relative!important;z-index:0!important;}

/* The chosen photo is its own foreground object; the selected preset shapes THIS photo, not the artwork. */
.renew-image-studio-slot.ris-composition-decorative > img.ris-foreground-photo {
	position:absolute!important;left:50%!important;top:50%!important;z-index:4!important;
	width:64%!important;height:auto!important;max-width:340px!important;max-height:80%!important;
	aspect-ratio:var(--ris-ratio,4/5)!important;object-fit:cover!important;object-position:var(--ris-position,50% 50%)!important;
	border-radius:var(--ris-radius,28px)!important;box-shadow:0 18px 38px rgba(45,53,54,.13);scale:var(--ris-scale,1);
	transform:translate(-50%,-50%);transform-origin:center;
	transition:transform .65s cubic-bezier(.22,.61,.36,1),filter .55s ease,box-shadow .55s ease;
}
.renew-image-studio-slot.ris-composition-decorative.ris-preset-wide > img.ris-foreground-photo,
.renew-image-studio-slot.ris-composition-decorative.ris-preset-editorial > img.ris-foreground-photo {width:74%!important;max-width:390px!important;}
.renew-image-studio-slot.ris-composition-decorative.ris-preset-square > img.ris-foreground-photo {width:60%!important;}
.renew-image-studio-slot.ris-composition-decorative.ris-preset-tall > img.ris-foreground-photo,
.renew-image-studio-slot.ris-composition-decorative.ris-preset-portrait > img.ris-foreground-photo,
.renew-image-studio-slot.ris-composition-decorative.ris-preset-arch > img.ris-foreground-photo,
.renew-image-studio-slot.ris-composition-decorative.ris-preset-organic > img.ris-foreground-photo {width:58%!important;}

.wp-block-cover.renew-image-studio-slot > .wp-block-cover__background {z-index:1;}
.wp-block-cover.renew-image-studio-slot > .wp-block-cover__inner-container {position:relative;z-index:2;pointer-events:none;}

/* Hover effects. */
figure.wp-block-image.renew-image-studio-slot.ris-composition-replace.ris-hover-zoom:hover > img,
figure.wp-block-image.renew-image-studio-slot.ris-composition-replace.ris-hover-zoom:hover > a > img,
.wp-block-cover.renew-image-studio-slot.ris-composition-replace.ris-hover-zoom:hover > img.wp-block-cover__image-background {transform:scale(1.045);}
.renew-image-studio-slot.ris-composition-decorative.ris-hover-zoom:hover > img.ris-foreground-photo {transform:translate(-50%,-50%) scale(1.045);}
.renew-image-studio-slot.ris-hover-lift:hover {transform:translateY(-7px);box-shadow:0 20px 38px rgba(45,53,54,.13);}
.renew-image-studio-slot.ris-hover-float:hover {transform:translateY(-5px) rotate(.15deg);box-shadow:0 22px 44px rgba(45,53,54,.13);}
.renew-image-studio-slot.ris-composition-decorative.ris-hover-float:hover > img.ris-foreground-photo {transform:translate(-50%,-50%) scale(1.035);}
.renew-image-studio-slot.ris-composition-decorative.ris-hover-clarify > img.ris-foreground-photo {filter:saturate(.92) contrast(.98);}
.renew-image-studio-slot.ris-composition-decorative.ris-hover-clarify:hover > img.ris-foreground-photo {filter:saturate(1.04) contrast(1.02);}
figure.wp-block-image.renew-image-studio-slot.ris-composition-replace.ris-hover-clarify > img,
figure.wp-block-image.renew-image-studio-slot.ris-composition-replace.ris-hover-clarify > a > img,
.wp-block-cover.renew-image-studio-slot.ris-composition-replace.ris-hover-clarify > img.wp-block-cover__image-background {filter:saturate(.92) contrast(.98);}
figure.wp-block-image.renew-image-studio-slot.ris-composition-replace.ris-hover-clarify:hover > img,
figure.wp-block-image.renew-image-studio-slot.ris-composition-replace.ris-hover-clarify:hover > a > img,
.wp-block-cover.renew-image-studio-slot.ris-composition-replace.ris-hover-clarify:hover > img.wp-block-cover__image-background {filter:saturate(1.04) contrast(1.02);}

@media(min-width:782px){
	.renew-image-studio-slot.ris-composition-decorative > img.ris-foreground-photo {width:62%!important;max-height:82%!important;}
}
@media(hover:none),(pointer:coarse){
	.renew-image-studio-slot:hover{transform:none!important;box-shadow:none!important;}
	figure.wp-block-image.renew-image-studio-slot.ris-composition-replace:hover>img,
	figure.wp-block-image.renew-image-studio-slot.ris-composition-replace:hover>a>img,
	.wp-block-cover.renew-image-studio-slot.ris-composition-replace:hover>img.wp-block-cover__image-background{transform:none!important;}
	.renew-image-studio-slot.ris-composition-decorative:hover>img.ris-foreground-photo{transform:translate(-50%,-50%)!important;}
}
@media(prefers-reduced-motion:reduce){
	.renew-image-studio-slot,.renew-image-studio-slot img{transition:none!important;}
	.renew-image-studio-slot:hover{transform:none!important;}
	.renew-image-studio-slot.ris-composition-decorative:hover > img.ris-foreground-photo{transform:translate(-50%,-50%)!important;}
}
/* 1.3.0 removal state. Decorative slots keep their design artwork; ordinary
   replacement slots collapse the media block while retaining its permanent ID. */
.renew-image-studio-slot.ris-composition-replace.ris-source-removed{display:none!important}
.renew-image-studio-slot.ris-composition-decorative.ris-source-removed>img.ris-foreground-photo{display:none!important}

/*
 * Option Two layout contract.
 *
 * Image Studio loads after the theme so editors can select crop presets. The
 * approved homepage uses deliberately overlapping organic frames, however,
 * and those frames must keep their designed dimensions regardless of a crop
 * preset saved by an earlier release. Image choice and focal position remain
 * editable; only the three layout slots below keep their theme-owned shape.
 */
.renew-ot-photo.renew-image-studio-slot {
	position:absolute!important;
	aspect-ratio:auto!important;
	height:100%!important;
	overflow:hidden!important;
}
.renew-ot-photo--main.renew-image-studio-slot {
	border-radius:48% 52% 40% 60% / 36% 42% 58% 64%!important;
}
.renew-ot-about__photo.renew-image-studio-slot {
	position:absolute!important;
	aspect-ratio:auto!important;
	height:calc(100% - 20px)!important;
	overflow:hidden!important;
	border-radius:52% 48% 58% 42% / 42% 54% 46% 58%!important;
}
@media(min-width:861px){
	.renew-ot-photo--main.renew-image-studio-slot{height:475px!important}
	.renew-ot-photo--secondary.renew-image-studio-slot{height:392px!important}
	.renew-ot-about__photo.renew-image-studio-slot{height:calc(100% - 26px)!important}
}
