/* Spotlight — independent, sculptural media stage and editorial text.
   Scoped to this design. The Core media/text width and X/Y variables stay live. */
.bjc-studio-design-core-designs-spotlight {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:linear-gradient(120deg,#101b2c 0%,#192c42 53%,#f6eee2 53.1%,#f6eee2 100%);
    border-radius:clamp(16px,2.5vw,36px);
}
.bjc-studio-design-core-designs-spotlight.bjc-studio-arrangement-media-left .bjc-studio-inner {
    position:relative;
    isolation:isolate;
    max-width:1320px;
    min-height:clamp(450px,47vw,650px);
    margin-inline:auto;
    padding:clamp(36px,5vw,76px);
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    align-items:center;
    column-gap:clamp(30px,5vw,76px);
}
/* The circular field is decorative; it does not intercept media controls. */
.bjc-studio-design-core-designs-spotlight.bjc-studio-arrangement-media-left .bjc-studio-inner::before {
    content:"";
    position:absolute;
    z-index:-1;
    width:min(53%,620px);
    aspect-ratio:1;
    left:clamp(-80px,-3vw,-20px);
    top:50%;
    transform:translateY(-50%);
    border-radius:50%;
    background:radial-gradient(circle at 32% 27%,#f7ce76 0%,#e77d4b 45%,#b93858 76%,#63265e 100%);
    box-shadow:0 0 0 clamp(9px,1.4vw,19px) rgba(255,255,255,.10), 0 35px 95px rgba(0,0,0,.32);
    pointer-events:none;
}
.bjc-studio-design-core-designs-spotlight.bjc-studio-arrangement-media-left .bjc-studio-media {
    top:clamp(70px,9vw,126px);
    left:clamp(36px,5vw,76px);
    /* Keep Core's width slider and X/Y transform; do not set transform here. */
    max-width:calc(52% - clamp(36px,5vw,76px));
    margin:0;
}
.bjc-studio-design-core-designs-spotlight.bjc-studio-arrangement-media-left .bjc-studio-copy {
    position:relative;
    z-index:2;
    grid-column:2;
    grid-row:1;
    align-self:center;
    padding:clamp(12px,2vw,28px) 0;
}
.bjc-studio-design-core-designs-spotlight .bjc-studio-eyebrow {
    color:#9d4e52;
    letter-spacing:.23em;
    text-transform:uppercase;
    font-weight:700;
}
.bjc-studio-design-core-designs-spotlight .bjc-studio-heading {
    color:#202d3c;
    font-family:Georgia,'Times New Roman',serif;
    font-size:clamp(2rem,4vw,4.5rem);
    letter-spacing:-.045em;
    line-height:1.02;
}
.bjc-studio-design-core-designs-spotlight .bjc-studio-subheading {color:#8c4c54;}
.bjc-studio-design-core-designs-spotlight .bjc-studio-body {color:#374759;}
@media(max-width:767px) {
    .bjc-studio-design-core-designs-spotlight {
        background:linear-gradient(180deg,#15253b 0%,#15253b 48%,#f6eee2 48.1%,#f6eee2 100%);
    }
    .bjc-studio-design-core-designs-spotlight.bjc-studio-arrangement-media-left .bjc-studio-inner {
        display:flex;
        flex-direction:column;
        min-height:0;
        padding:clamp(24px,6vw,40px);
        gap:clamp(30px,6vw,52px);
    }
    .bjc-studio-design-core-designs-spotlight.bjc-studio-arrangement-media-left .bjc-studio-inner::before {
        width:min(90%,450px);
        left:50%;
        top:clamp(10px,3vw,30px);
        transform:translateX(-50%);
    }
    .bjc-studio-design-core-designs-spotlight.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-spotlight.bjc-studio-arrangement-media-left .bjc-studio-copy {
        width:100%;
        align-self:stretch;
        padding:clamp(16px,4vw,32px) 0 0;
    }
}