/* Diagonal / media-above: diagonal crosses the full vertical composition. */
.bjc-studio-design-core-designs-diagonal.bjc-studio-arrangement-media-above::before {clip-path:polygon(0 0,100% 0,100% 30%,0 74%);}
.bjc-studio-design-core-designs-diagonal.bjc-studio-arrangement-media-above::after {clip-path:polygon(0 72%,100% 28%,100% 30%,0 74%);}
.bjc-studio-design-core-designs-diagonal.bjc-studio-arrangement-media-above .bjc-studio-inner {display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:clamp(40px,5vw,80px);gap:clamp(36px,5vw,75px);}
.bjc-studio-design-core-designs-diagonal.bjc-studio-arrangement-media-above .bjc-studio-media {position:relative;inset:auto;order:1;align-self:flex-start;max-width:82%;margin:0;}
.bjc-studio-design-core-designs-diagonal.bjc-studio-arrangement-media-above .bjc-studio-copy {order:2;align-self:flex-end;width:min(100%,860px);max-width:100%;margin:0;}
@media(max-width:767px) {.bjc-studio-design-core-designs-diagonal.bjc-studio-arrangement-media-above .bjc-studio-inner {padding:30px 22px 45px;gap:32px;}.bjc-studio-design-core-designs-diagonal.bjc-studio-arrangement-media-above .bjc-studio-media {max-width:100%;align-self:center;}.bjc-studio-design-core-designs-diagonal.bjc-studio-arrangement-media-above .bjc-studio-copy {width:100%;max-width:100%;align-self:stretch;}}