.cwa-cag{margin-block:55px}
.cwa-cag h2{font-size:40px;color:#333;margin:0 0 30px}
.cwa-cag__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}

.cwa-mem{position:relative;border:0;padding:0;display:block;width:100%;aspect-ratio:1/1.05;border-radius:52px;overflow:hidden;cursor:pointer;background:#e6e6e6;isolation:isolate}
.cwa-mem img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .25s ease}
.cwa-mem .cwa-tint{position:absolute;inset:0;background:#636A95;mix-blend-mode:color;opacity:0;transition:opacity .25s ease;pointer-events:none;z-index:2}
.cwa-mem:hover .cwa-tint,
.cwa-mem:focus-visible .cwa-tint{opacity:1}
.cwa-mem:hover img,
.cwa-mem:focus-visible img{filter:brightness(.72) contrast(1.05)}
.cwa-mem:focus-visible{outline:3px solid #007DB6;outline-offset:3px}
.cwa-mem:before,.cwa-mem:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:1}
.cwa-mem:before{width:80%;aspect-ratio:1;left:-12%;bottom:-40%;background:rgba(0,125,182,.85)}
.cwa-mem:after{width:45%;aspect-ratio:1;left:calc(32% + 30px);bottom:calc(-34% + 60px);background:rgba(215,78,92,.72)}
.cwa-mem span{position:absolute;left:32px;bottom:26px;z-index:3;color:#fff;font-weight:700;font-size:21px;line-height:1.2;text-align:left;padding-right:15px}

/* Bio lives in the card only as a data store for the modal. */
.cwa-mem .cwa-bio{display:none}

.cwa-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.55);padding:25px}
.cwa-modal.is-open{display:flex}
.cwa-modal__panel{background:#fff;border-radius:26px;max-width:1000px;width:100%;max-height:88vh;overflow:auto;padding:100px 55px;position:relative;display:flex;gap:45px;align-items:flex-start}
.cwa-modal__close{position:absolute;top:24px;right:24px;width:30px;height:30px;border:0;border-radius:6px;background:#333;color:#fff;font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.cwa-modal__img{width:340px;flex:0 0 340px;aspect-ratio:1;border-radius:50%;object-fit:cover}
.cwa-modal__name{font-weight:700;font-size:20px;color:#333;margin:0 0 16px !important}
.cwa-modal__bio p{margin:0 0 18px}
.cwa-modal__bio p:last-child{margin-bottom:0}

body.cwa-modal-open{overflow:hidden}

@media(max-width:767px){
	.cwa-cag h2{font-size:28px}
	.cwa-modal__panel{flex-direction:column;padding:45px 25px 30px;gap:25px}
	.cwa-modal__img{width:200px;flex:0 0 auto;align-self:center}
}

@media(prefers-reduced-motion:reduce){
	.cwa-mem img,.cwa-mem .cwa-tint{transition:none}
}

/* Column stacking fixes carried over from the original block. */
@media(max-width:991px){
	.vc_row .wpb_column.cwa-content-col,
	.vc_row .wpb_column.cwa-sidebar-col{width:100%!important;float:none!important}
	.cwa-sidebar-col{padding-left:0;margin-top:35px}
	.cwa-sidebar-col ~ .wpb_column{width:100%!important}
}
