article[z-tile]{box-shadow:var(--zd-2);border-radius:var(--z-tile--radius, var(--zs-75));padding:var(--z-tile--padding, var(--zs-150) var(--zs-100));padding-bottom:var(--zs-50);background-color:var(--z-tile--bg, var(--z-sf-base));color:var(--z-tile--color, var(--z-ct-primary));position:relative;width:var(--z-tile--width, 28rem);height:var(--z-tile--img-size, 14rem);overflow:hidden;box-sizing:border-box;display:grid;align-content:space-between;--z-image--width: var(--z-tile--img-size, 14rem);--z-image--height: 100%}article[z-tile]>*:not(main,div){position:absolute;right:0;clip-path:ellipse(80% 120% at 85% 50%);background-color:var(--z-sf-brand);height:100%}article[z-tile]>main{display:grid;margin-right:var(--z-tile--img-size, 14rem);height:100%;gap:var(--zs-50)}article[z-tile]>main>header{font:var(--zf-body-20--600)}article[z-tile]>main>p{font:var(--zf-body-14);margin:0}article[z-tile]>*:not(main,div){height:100%}article[z-tile^=left]>*:first-child{left:0;right:auto;clip-path:ellipse(80% 120% at 15% 50%)}article[z-tile^=left]>main{margin-left:var(--z-tile--img-size, 14rem);margin-right:0}article[z-tile^=left]>div{margin-left:var(--z-tile--img-size, 14rem)}