.diagonal-photo__flip{width:100%;height:100%}.diagonal-photo__flip[data-mirror=true]{transform:scaleX(-1)}.diagonal-photo__mobile{height:var(--diagonal-photo-mobile-height,11rem);-webkit-mask-image:linear-gradient(#000 20%,#0009 55%,#0000 96%);mask-image:linear-gradient(#000 20%,#0009 55%,#0000 96%)}.diagonal-photo__mobile[data-collapsible=true]{transition:height .3s;overflow:hidden}.diagonal-photo__mobile[data-open=false]{height:0}.diagonal-photo__mobile .diagonal-photo__image{width:100%;height:var(--diagonal-photo-mobile-height,11rem);object-fit:cover}.diagonal-photo__desktop{inset-block:0;clip-path:polygon(26% 0,100% 0,100% 100%,0 100%);width:52%;display:none;position:absolute;right:0;-webkit-mask-image:linear-gradient(122deg,#0000 26%,#0000004d 42%,#000000bf 58%,#000 74%);mask-image:linear-gradient(122deg,#0000 26%,#0000004d 42%,#000000bf 58%,#000 74%)}.diagonal-photo__desktop[data-collapsible=true]{transition:opacity .5s}.diagonal-photo__desktop[data-open=false]{opacity:0}@media (width>=48rem){.diagonal-photo__desktop{display:block}}