/* Diagonal / media-left: independent architectural diagonal and editorial composition. */
.bjc-studio-design-core-designs-diagonal.bjc-studio-arrangement-media-left .bjc-studio-inner {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:clamp(490px,43vw,680px);padding:clamp(35px,4vw,65px);column-gap:clamp(25px,4vw,65px);}
.bjc-studio-design-core-designs-diagonal.bjc-studio-arrangement-media-left .bjc-studio-media {top:clamp(72px,8vw,130px);left:clamp(30px,4vw,65px);right:auto;max-width:calc(50% - clamp(30px,4vw,65px));margin:0;}
.bjc-studio-design-core-designs-diagonal.bjc-studio-arrangement-media-left .bjc-studio-copy {grid-column:2;grid-row:1;justify-self:stretch;align-self:center;width:100%;max-width:100%;margin:0;}
@media(max-width:767px) {.bjc-studio-design-core-designs-diagonal.bjc-studio-arrangement-media-left .bjc-studio-inner {display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:32px 24px 45px;gap:32px;}.bjc-studio-design-core-designs-diagonal.bjc-studio-arrangement-media-left .bjc-studio-media {position:relative;inset:auto;order:1;align-self:center;max-width:100%;margin:0;}.bjc-studio-design-core-designs-diagonal.bjc-studio-arrangement-media-left .bjc-studio-copy {order:2;align-self:stretch;width:100%;max-width:100%;margin:0;}}