/* Classic Split — isolated editorial 50/50 layout. Core's media width,
   X/Y positioning, text width, formatting and responsive controls remain live. */
.bjc-studio-design-core-designs-classic-split {
    position:relative;
    isolation:isolate;
    background:linear-gradient(135deg,#faf9f6 0%,#f0f3f5 100%);
    border:1px solid #dce2e8;
    border-radius:18px;
    overflow:hidden;
}
.bjc-studio-design-core-designs-classic-split.bjc-studio-arrangement-media-left .bjc-studio-inner {
    position:relative;
    max-width:1240px;
    margin-inline:auto;
    padding:clamp(24px,3vw,44px);
    min-height:clamp(360px,38vw,540px);
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:clamp(24px,4vw,60px);
    align-items:center;
}
/* Core positions horizontal media absolutely. Anchor it within the left half,
   reserving a balanced stage while leaving --bjc-studio-media-width adjustable. */
.bjc-studio-design-core-designs-classic-split.bjc-studio-arrangement-media-left .bjc-studio-media {
    top:clamp(24px,3vw,44px);
    left:clamp(24px,3vw,44px);
    margin:0;
    max-width:calc(50% - clamp(24px,3vw,44px));
}
.bjc-studio-design-core-designs-classic-split.bjc-studio-arrangement-media-left .bjc-studio-copy {
    position:relative;
    z-index:2;
    grid-column:2;
    grid-row:1;
    align-self:center;
}
.bjc-studio-design-core-designs-classic-split .bjc-studio-eyebrow {
    letter-spacing:.17em;
    text-transform:uppercase;
    color:#385d78;
}
.bjc-studio-design-core-designs-classic-split .bjc-studio-heading {
    font-family:Georgia,'Times New Roman',serif;
    letter-spacing:-.035em;
    line-height:1.08;
    color:#202d3b;
}
.bjc-studio-design-core-designs-classic-split .bjc-studio-subheading {color:#42677c;}
.bjc-studio-design-core-designs-classic-split .bjc-studio-body {color:#465460;}
@media (max-width:767px) {
    .bjc-studio-design-core-designs-classic-split.bjc-studio-arrangement-media-left .bjc-studio-inner {
        display:flex;
        flex-direction:column;
        min-height:0;
        padding:24px 20px;
        gap:24px;
    }
    .bjc-studio-design-core-designs-classic-split.bjc-studio-arrangement-media-left .bjc-studio-media {
        position:relative;
        top:auto;
        left:auto;
        max-width:100%;
        margin-inline:auto;
    }
    .bjc-studio-design-core-designs-classic-split.bjc-studio-arrangement-media-left .bjc-studio-copy {
        width:100%;
        align-self:stretch;
    }
}


