.mod-fancy-image{display:block;position:relative}.mod-fancy-image svg{height:auto;inset:50%;position:absolute;transform:translate(-50%,-50%);width:130%;z-index:0}.mod-fancy-image img{display:block;height:100%;inset:0;object-fit:cover;object-position:top center;position:absolute;transition:transform var(--transition-timing-normal);width:100%}.mod-fancy-image .clip1 img{transform-origin:bottom left}.mod-fancy-image .clip2 img{transform-origin:top left}.mod-fancy-image .clip1{aspect-ratio:.72/1;background-color:var(--color-primary-subtle);overflow:hidden;position:relative;z-index:1}.mod-fancy-image .clip1,.mod-fancy-image .clip1 img{border-radius:30rem 30rem 30rem 5rem}.mod-fancy-image .clip2{aspect-ratio:1/1;background-color:var(--color-secondary-subtle);overflow:hidden;position:relative;z-index:2}.mod-fancy-image .clip2,.mod-fancy-image .clip2 img{border-radius:5rem 20rem 20rem 20rem}.mod-fancy-image:has(.clip2) .clip1{margin-inline-end:30%}.mod-fancy-image:has(.clip2) .clip1,.mod-fancy-image:has(.clip2) .clip1 img{border-radius:20rem 20rem 5rem 20rem}.mod-fancy-image .clip1+.clip2{margin-block-start:-20%;margin-inline-start:45%}.mod-fancy-image:not(:has(.clip2)) svg{inset:40% auto auto 46%;width:140%}.mod-fancy-image .clip1[data-scroll] img,.mod-fancy-image .clip2[data-scroll] img{transform:scale(0)}.mod-fancy-image .clip1.is-inview img,.mod-fancy-image .clip2.is-inview img{transform:scale(1)}