.diagonal-features__rows.svelte-1inv9y8{display:flex;flex-direction:column}.diagonal-features__row.svelte-1inv9y8{display:grid;grid-template-columns:1fr 1fr;min-height:400px}.diagonal-features__row--reversed.svelte-1inv9y8{direction:rtl}.diagonal-features__row--reversed.svelte-1inv9y8>:where(.svelte-1inv9y8){direction:ltr}.diagonal-features__image.svelte-1inv9y8{position:relative;overflow:hidden;background:var(--mb-color-bg-muted)}.diagonal-features__image.svelte-1inv9y8 .diagonal-features__img{width:100%;height:100%;object-fit:cover}.diagonal-features__row.svelte-1inv9y8:not(.diagonal-features__row--reversed) .diagonal-features__image:where(.svelte-1inv9y8){margin-right:-10%}.diagonal-features__row--reversed.svelte-1inv9y8 .diagonal-features__image:where(.svelte-1inv9y8){margin-left:-10%}.diagonal-features__content.svelte-1inv9y8{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:var(--mb-space-12) var(--mb-space-8);background:var(--mb-color-primary);color:var(--mb-color-text-inverse)}.diagonal-features__row.svelte-1inv9y8:not(.diagonal-features__row--reversed) .diagonal-features__content:where(.svelte-1inv9y8){clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);padding-left:calc(var(--mb-space-8) + 5%)}.diagonal-features__row--reversed.svelte-1inv9y8 .diagonal-features__content:where(.svelte-1inv9y8){clip-path:polygon(0 0,100% 0,90% 100%,0 100%);padding-right:calc(var(--mb-space-8) + 5%)}.diagonal-features__row.svelte-1inv9y8:first-child .diagonal-features__image:where(.svelte-1inv9y8){border-top-left-radius:var(--mb-radius-lg)}.diagonal-features__row.svelte-1inv9y8:first-child .diagonal-features__content:where(.svelte-1inv9y8){border-top-right-radius:var(--mb-radius-lg)}.diagonal-features__row.svelte-1inv9y8:last-child:not(.diagonal-features__row--reversed) .diagonal-features__image:where(.svelte-1inv9y8){border-bottom-left-radius:var(--mb-radius-lg)}.diagonal-features__row.svelte-1inv9y8:last-child:not(.diagonal-features__row--reversed) .diagonal-features__content:where(.svelte-1inv9y8){border-bottom-right-radius:var(--mb-radius-lg)}.diagonal-features__row:last-child.diagonal-features__row--reversed.svelte-1inv9y8 .diagonal-features__content:where(.svelte-1inv9y8){border-bottom-left-radius:var(--mb-radius-lg)}.diagonal-features__row:last-child.diagonal-features__row--reversed.svelte-1inv9y8 .diagonal-features__image:where(.svelte-1inv9y8){border-bottom-right-radius:var(--mb-radius-lg)}.diagonal-features__heading{font-size:clamp(var(--mb-text-xl),3vw,var(--mb-text-3xl));font-weight:var(--mb-font-black, 900);text-transform:uppercase;line-height:var(--mb-leading-tight)}.diagonal-features__description{opacity:.9}@media(max-width:768px){.diagonal-features__row.svelte-1inv9y8{grid-template-columns:1fr;min-height:auto}.diagonal-features__row--reversed.svelte-1inv9y8{direction:ltr}.diagonal-features__image.svelte-1inv9y8{aspect-ratio:16 / 9}.diagonal-features__content.svelte-1inv9y8{padding:var(--mb-space-8) var(--mb-space-6)}.diagonal-features__row.svelte-1inv9y8:not(.diagonal-features__row--reversed) .diagonal-features__image:where(.svelte-1inv9y8),.diagonal-features__row--reversed.svelte-1inv9y8 .diagonal-features__image:where(.svelte-1inv9y8){margin-left:0;margin-right:0}.diagonal-features__row.svelte-1inv9y8:not(.diagonal-features__row--reversed) .diagonal-features__content:where(.svelte-1inv9y8),.diagonal-features__row--reversed.svelte-1inv9y8 .diagonal-features__content:where(.svelte-1inv9y8){clip-path:none;padding-left:var(--mb-space-6);padding-right:var(--mb-space-6)}.diagonal-features__row.svelte-1inv9y8:first-child .diagonal-features__content:where(.svelte-1inv9y8),.diagonal-features__row.svelte-1inv9y8:last-child .diagonal-features__image:where(.svelte-1inv9y8),.diagonal-features__row.svelte-1inv9y8:last-child .diagonal-features__content:where(.svelte-1inv9y8){border-radius:0}.diagonal-features__row.svelte-1inv9y8:first-child .diagonal-features__image:where(.svelte-1inv9y8){border-top-left-radius:var(--mb-radius-lg);border-top-right-radius:var(--mb-radius-lg)}.diagonal-features__row.svelte-1inv9y8:last-child .diagonal-features__content:where(.svelte-1inv9y8){border-bottom-left-radius:var(--mb-radius-lg);border-bottom-right-radius:var(--mb-radius-lg)}}
