/* ==========================================================================
   FOR FINANCIAL ADVISORS   body.page-for-financial-advisors
   ==========================================================================
   Section by id: #concierge. The hero H1 follows its column (no dial).
   ========================================================================== */

body.page-for-financial-advisors {
    .difference .feature-cols { --fc-rule-h: min(12.333vw, 296px); }   /* the board's 296px dividers */
}
/* The complex cases: text 60%, photo 40%; stacked below 760 */
@media only screen and (min-width: 761px) {
    body.page-for-financial-advisors .media-split { grid-template-columns: 3fr 2fr; }
}

/* Concierge intro: 45px H2 → button, and a soft red ellipse off the right edge
   (a page asset, so it lives here, not in decor.css) */
#concierge {
    position: relative;
    overflow: clip;
    isolation: isolate;
    > * { position: relative; z-index: 1; }
    .col-2-5 {
        h2 { margin-bottom: 45px; }
        p  { margin-top: 0; }
    }
    &::after {
        content: "";
        position: absolute;
        z-index: 0;
        pointer-events: none;
        right: -6%;
        top: 50%;
        transform: translateY(-50%);
        width: 46vw;
        max-width: 900px;
        aspect-ratio: 1814 / 1283;
        background: url("/files/content/for-financial-advisors/blob-red.svg") no-repeat center / contain;
    }
}
@media only screen and (max-width: 760px) {
    #concierge::after { opacity: 0.5; right: -20%; }
}