/* Wide Feature — panoramic two-thirds media stage with a narrow editorial rail.
   Uses Core's horizontal renderer and its existing media/text positioning variables.
   Only this design is affected; passed designs above remain untouched. */
.bjc-studio-design-core-designs-wide-feature {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:linear-gradient(112deg,#182d3a 0%,#243f4c 67%,#f5efe5 67.1%,#f5efe5 100%);
    border-radius:clamp(14px,2vw,28px);
}
.bjc-studio-design-core-designs-wide-feature.bjc-studio-arrangement-media-left .bjc-studio-inner {
    position:relative;
    max-width:1480px;
    min-height:clamp(370px,43vw,620px);
    margin-inline:auto;
    padding:clamp(24px,3vw,48px);
    display:grid;
    grid-template-columns:minmax(0,1.95fr) minmax(0,1fr);
    column-gap:clamp(22px,3.5vw,60px);
    align-items:center;
}
/* The inset architectural outline emphasises the panoramic stage, without
   covering or altering Core's media element, frame or shape controls. */
.bjc-studio-design-core-designs-wide-feature.bjc-studio-arrangement-media-left .bjc-studio-inner::before {
    content:"";
    position:absolute;
    z-index:0;
    left:clamp(12px,2vw,30px);
    top:clamp(12px,2vw,30px);
    width:calc(67% - clamp(24px,4vw,60px));
    height:calc(100% - clamp(24px,4vw,60px));
    border:1px solid rgba(230,244,240,.3);
    border-radius:clamp(10px,1.5vw,22px);
    pointer-events:none;
}
.bjc-studio-design-core-designs-wide-feature.bjc-studio-arrangement-media-left .bjc-studio-media {
    top:clamp(24px,3vw,48px);
    left:clamp(24px,3vw,48px);
    margin:0;
    /* Preserve Core's width slider and its X/Y transform. */
    max-width:calc(66.67% - clamp(36px,5vw,76px));
}
.bjc-studio-design-core-designs-wide-feature.bjc-studio-arrangement-media-left .bjc-studio-copy {
    position:relative;
    z-index:2;
    grid-column:2;
    grid-row:1;
    align-self:center;
    min-width:0;
    padding:clamp(16px,2.5vw,36px) 0;
}
.bjc-studio-design-core-designs-wide-feature .bjc-studio-eyebrow {
    color:#a65a39;
    letter-spacing:.2em;
    text-transform:uppercase;
}
.bjc-studio-design-core-designs-wide-feature .bjc-studio-heading {
    color:#203443;
    font-family:Georgia,'Times New Roman',serif;
    line-height:1.04;
    letter-spacing:-.04em;
}
.bjc-studio-design-core-designs-wide-feature .bjc-studio-subheading {color:#986149;}
.bjc-studio-design-core-designs-wide-feature .bjc-studio-body {color:#475865;}
@media(max-width:767px) {
    .bjc-studio-design-core-designs-wide-feature {
        background:linear-gradient(180deg,#182d3a 0%,#243f4c 49%,#f5efe5 49.1%,#f5efe5 100%);
    }
    .bjc-studio-design-core-designs-wide-feature.bjc-studio-arrangement-media-left .bjc-studio-inner {
        display:flex;
        flex-direction:column;
        min-height:0;
        padding:24px 18px;
        gap:clamp(28px,5vw,42px);
    }
    .bjc-studio-design-core-designs-wide-feature.bjc-studio-arrangement-media-left .bjc-studio-inner::before {
        left:10px;
        top:10px;
        width:calc(100% - 20px);
        height:clamp(180px,52vw,320px);
    }
    .bjc-studio-design-core-designs-wide-feature.bjc-studio-arrangement-media-left .bjc-studio-media {
        position:relative;
        top:auto;
        left:auto;
        max-width:100%;
        align-self:center;
        margin-inline:auto;
    }
    .bjc-studio-design-core-designs-wide-feature.bjc-studio-arrangement-media-left .bjc-studio-copy {
        width:100%;
        align-self:stretch;
        padding:clamp(12px,3vw,24px) 6px;
    }
}