/* 4Ci Leadership Profiles v1.0.3 */
.fourci-profiles,
.fourci-profiles *,
.fourci-profile-dialog,
.fourci-profile-dialog *{box-sizing:border-box}

.fourci-profiles{
    --fourci-red:#ef3128;
    --fourci-ink:#171717;
    --fourci-muted:#66615d;
    --fourci-warm:#f3f0ea;
    --fourci-line:#c9c5bf;
    display:grid;
    grid-template-columns:repeat(var(--fourci-profile-columns,3),minmax(0,1fr));
    gap:24px;
    width:100%;
    font-family:"Manrope",Arial,sans-serif;
}

.fourci-profiles--single{max-width:520px}

/* v1.0.3: clearly separated cards with white content bodies. */
.fourci-profiles > .fourci-profile-card{
    border-color:#c9c5bf!important;
    box-shadow:none!important;
}

.fourci-profile-card__body{
    background:#fff!important;
}

.fourci-profile-card{
    display:flex;
    min-width:0;
    min-height:635px;
    flex-direction:column;
    border:1px solid #c9c5bf;
    background:#fff;
    color:var(--fourci-ink);
    overflow:hidden;
}

.fourci-profile-card__visual{
    position:relative;
    display:flex;
    height:190px;
    min-height:190px;
    align-items:center;
    justify-content:center;
    background:#efebe5;
}

.fourci-profile-card__number{
    position:absolute;
    top:15px;
    left:15px;
    display:grid;
    width:30px;
    height:30px;
    place-items:center;
    background:var(--fourci-red);
    color:#fff;
    font-size:10px;
    font-weight:800;
    line-height:1;
}

.fourci-profile-card__portrait{
    display:block;
    width:150px;
    height:150px;
    object-fit:cover;
    object-position:center top;
    filter:grayscale(100%);
}

.fourci-profile-card__portrait--placeholder{
    background:linear-gradient(135deg,#d6d1ca,#f7f4ef);
}

.fourci-profile-card__body{
    display:flex;
    min-height:0;
    flex:1;
    flex-direction:column;
    padding:24px;
    background:#fff;
}

.fourci-profile-card__main{display:flex;flex:1;flex-direction:column}

.fourci-profile-card__specialty{
    margin:0 0 14px!important;
    color:var(--fourci-red)!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.3!important;
    letter-spacing:.15em!important;
    text-transform:uppercase!important;
}

.fourci-profile-card__name{
    margin:0!important;
    color:var(--fourci-ink)!important;
    font-size:30px!important;
    font-weight:500!important;
    line-height:1.03!important;
    letter-spacing:-.055em!important;
}

.fourci-profile-card__position{
    margin:8px 0 0!important;
    color:#5f5b57!important;
    font-size:11px!important;
    font-weight:400!important;
    line-height:1.4!important;
}

.fourci-profile-card__bio{
    margin:38px 0 18px!important;
    color:#67625e!important;
    font-size:12.5px!important;
    font-weight:400!important;
    line-height:1.72!important;
}

.fourci-profile-card__actions{margin-top:auto}

.fourci-profile-card__action{
    -webkit-appearance:none;
    appearance:none;
    display:flex!important;
    width:100%!important;
    min-height:60px;
    align-items:center!important;
    justify-content:space-between!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-top:1px solid var(--fourci-line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#202020!important;
    font:800 9px/1 "Manrope",Arial,sans-serif!important;
    letter-spacing:.12em!important;
    text-align:left!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    cursor:pointer;
}

.fourci-profile-card__action:hover,
.fourci-profile-card__action:focus-visible{color:var(--fourci-red)!important}

.fourci-profile-card__plus{color:var(--fourci-red);font-size:20px;font-weight:300;line-height:1;transition:transform .2s ease}
.fourci-profile-card__action:hover .fourci-profile-card__plus{transform:rotate(90deg)}

.fourci-profile-card__location{
    display:grid;
    min-height:60px;
    grid-template-columns:auto 1fr;
    gap:18px;
    align-items:center;
    border-top:1px solid var(--fourci-line);
    color:#8a8580;
    font-size:9px;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.fourci-profile-card__location strong{color:#202020;font-size:10px;font-weight:800;letter-spacing:.1em}

.fourci-profile-dialog{
    width:min(760px,calc(100vw - 32px));
    max-width:760px;
    max-height:calc(100dvh - 48px);
    margin:auto;
    padding:0;
    border:0;
    background:transparent;
    color:var(--fourci-ink,#171717);
    overflow:visible;
}

.fourci-profile-dialog::backdrop{
    background:rgba(20,20,20,.86);
    -webkit-backdrop-filter:blur(3px);
    backdrop-filter:blur(3px);
}

.fourci-profile-dialog__panel{
    position:relative;
    max-height:calc(100dvh - 48px);
    padding:50px 54px 54px;
    overflow:auto;
    background:#f5f2ec;
    font-family:"Manrope",Arial,sans-serif;
    box-shadow:0 24px 70px rgba(0,0,0,.28);
}

.fourci-profile-dialog__topline{position:absolute;top:0;right:0;left:0;height:4px;background:#ef3128}

.fourci-profile-dialog__close{
    position:absolute;
    top:23px;
    right:22px;
    display:grid;
    width:34px;
    height:34px;
    place-items:center;
    padding:0;
    border:0;
    background:transparent;
    color:#1c1c1c;
    font:400 28px/1 Arial,sans-serif;
    cursor:pointer;
}

.fourci-profile-dialog__close:hover,.fourci-profile-dialog__close:focus-visible{color:#ef3128}

.fourci-profile-dialog__eyebrow{
    margin:0 0 31px!important;
    color:#ef3128!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.22em!important;
    text-transform:uppercase!important;
}

.fourci-profile-dialog__name{
    margin:0!important;
    color:#171717!important;
    font-size:64px!important;
    font-weight:400!important;
    line-height:.98!important;
    letter-spacing:-.065em!important;
}

.fourci-profile-dialog__position{
    margin:10px 0 30px!important;
    color:#6a6662!important;
    font-size:30px!important;
    font-weight:400!important;
    line-height:1.05!important;
    letter-spacing:-.045em!important;
}

.fourci-profile-dialog__bio{margin:0 0 34px;color:#6c6762;font-size:14px;line-height:1.85}
.fourci-profile-dialog__bio p{margin:0 0 14px!important;color:inherit!important;font:inherit!important}

.fourci-profile-dialog__credentials h3{
    margin:0 0 14px!important;
    color:#ef3128!important;
    font-size:9px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
}

.fourci-profile-dialog__credentials ul{margin:0!important;padding:0!important;border-top:1px solid #bcb8b2;list-style:none!important}
.fourci-profile-dialog__credentials li{
    display:grid;
    grid-template-columns:14px 1fr;
    gap:10px;
    align-items:start;
    margin:0!important;
    padding:13px 0!important;
    border-bottom:1px solid #bcb8b2;
    list-style:none!important;
    color:#ef3128;
}
.fourci-profile-dialog__credentials li p{margin:0!important;color:#1d1d1d!important;font-size:12px!important;line-height:1.5!important}

.fourci-profile-dialog__email{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin-top:28px!important;
    padding:17px 0 0!important;
    border-top:2px solid #171717!important;
    color:#171717!important;
    font-size:12px!important;
    text-decoration:none!important;
}
.fourci-profile-dialog__email span{color:#ef3128;font-size:18px}
.fourci-profile-dialog__email:hover strong{text-decoration:underline}

body.fourci-profile-dialog-open{overflow:hidden!important}

@media(max-width:1100px){
    .fourci-profiles:not(.fourci-profiles--single){grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
    .fourci-profiles{grid-template-columns:1fr}
    .fourci-profiles--single{max-width:100%}
    .fourci-profile-card{min-height:0}
}

@media(max-width:600px){
    .fourci-profile-card__visual{height:175px;min-height:175px}
    .fourci-profile-card__portrait{width:140px;height:140px}
    .fourci-profile-card__body{padding:22px}
    .fourci-profile-card__name{font-size:28px!important}
    .fourci-profile-card__bio{margin-top:30px!important}
    .fourci-profile-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
    .fourci-profile-dialog__panel{max-height:calc(100dvh - 20px);padding:42px 26px 34px}
    .fourci-profile-dialog__name{font-size:clamp(42px,13vw,58px)!important}
    .fourci-profile-dialog__position{font-size:24px!important}
    .fourci-profile-dialog__close{top:16px;right:13px}
}

@media(prefers-reduced-motion:reduce){
    .fourci-profile-card__plus{transition:none}
}


/* ==========================================================
   Featured dark profile layout
   Usage: [fourci_profile id="123" layout="featured"]
   ========================================================== */
.fourci-featured-profile-wrap,
.fourci-featured-profile-wrap *{box-sizing:border-box}

.fourci-featured-profile-wrap{
    --fourci-red:#ef3128;
    --fourci-dark:#213137;
    --fourci-featured-line:rgba(255,255,255,.22);
    width:100%;
    font-family:"Manrope",Arial,sans-serif;
}

.fourci-featured-profile{
    display:grid;
    grid-template-columns:minmax(280px,360px) minmax(0,1fr);
    gap:7vw;
    align-items:center;
    width:100%;
    min-height:650px;
    padding:88px 8vw 78px;
    background:var(--fourci-dark);
    color:#fff;
}

.fourci-featured-profile__image-column{display:flex;align-items:center;justify-content:center}
.fourci-featured-profile__image-frame{
    display:flex;
    width:300px;
    height:225px;
    align-items:center;
    justify-content:center;
    background:#f1eee8;
}
.fourci-featured-profile__portrait{
    display:block;
    width:190px;
    height:190px;
    object-fit:cover;
    object-position:center top;
    filter:grayscale(100%);
}
.fourci-featured-profile__portrait--placeholder{background:linear-gradient(135deg,#d6d1ca,#f7f4ef)}

.fourci-featured-profile__content{max-width:770px;min-width:0}
.fourci-featured-profile__meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin:0 0 35px;
    padding:0 0 22px;
    border-bottom:1px solid var(--fourci-featured-line);
    color:var(--fourci-red);
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.fourci-featured-profile__specialty{
    margin:0 0 30px!important;
    color:var(--fourci-red)!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.3!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
}
.fourci-featured-profile__name{
    margin:0!important;
    color:#fff!important;
    font-size:clamp(48px,4.2vw,68px)!important;
    font-weight:400!important;
    line-height:.98!important;
    letter-spacing:-.06em!important;
}
.fourci-featured-profile__position{
    max-width:650px;
    margin:42px 0 24px!important;
    color:#d0d4d5!important;
    font-size:clamp(25px,2.25vw,36px)!important;
    font-weight:500!important;
    line-height:1.05!important;
    letter-spacing:-.045em!important;
}
.fourci-featured-profile__bio{
    max-width:740px;
    margin:0 0 32px!important;
    color:#aeb8bb!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.8!important;
}
.fourci-featured-profile__links{max-width:330px}
.fourci-featured-profile__links button,
.fourci-featured-profile__links a{
    -webkit-appearance:none;
    appearance:none;
    display:flex!important;
    width:100%!important;
    min-height:58px;
    align-items:center!important;
    justify-content:space-between!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-top:1px solid var(--fourci-featured-line)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
    font:800 10px/1 "Manrope",Arial,sans-serif!important;
    letter-spacing:.12em!important;
    text-align:left!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    cursor:pointer;
}
.fourci-featured-profile__links button:last-child,
.fourci-featured-profile__links a:last-child{border-bottom:1px solid var(--fourci-featured-line)!important}
.fourci-featured-profile__links button span:last-child,
.fourci-featured-profile__links a span:last-child{color:var(--fourci-red);font-size:20px;font-weight:300}
.fourci-featured-profile__links button:hover,
.fourci-featured-profile__links a:hover,
.fourci-featured-profile__links button:focus-visible,
.fourci-featured-profile__links a:focus-visible{color:var(--fourci-red)!important}

.fourci-featured-profile__location{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:24px;
    align-items:center;
    margin-top:42px;
    padding-top:24px;
    border-top:1px solid var(--fourci-featured-line);
    color:#7f8c90;
    font-size:10px;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.fourci-featured-profile__location strong{color:#fff;font-size:11px;font-weight:800;letter-spacing:.1em}

@media(max-width:900px){
    .fourci-featured-profile{grid-template-columns:260px minmax(0,1fr);gap:48px;padding:70px 6vw}
    .fourci-featured-profile__image-frame{width:250px;height:188px}
    .fourci-featured-profile__portrait{width:158px;height:158px}
}

@media(max-width:700px){
    .fourci-featured-profile{grid-template-columns:1fr;gap:40px;min-height:0;padding:60px 7vw}
    .fourci-featured-profile__image-column{justify-content:flex-start}
    .fourci-featured-profile__image-frame{width:min(78vw,300px);height:225px}
    .fourci-featured-profile__portrait{width:190px;height:190px}
    .fourci-featured-profile__position{margin-top:28px!important}
    .fourci-featured-profile__links{max-width:none}
}
