@use "../base/mixins";


/* stylelint-disable */
section.flexi-block.block--meet-the-team-04 {
    .content, .block-heading {
        margin-bottom: 40px;
        max-width: 850px;
        text-align: center;

        h1, h2 {
            font-size: clamp(1.75rem, 4vw, 3rem);
            line-height: 1.125;
            max-width: 995px;
            margin: 0 auto clamp(18px, 4vw, 33px);
        }

        .eyebrow {
            color: var(--c-primary);
            font-size: clamp(.875rem, 4vw, 1.125rem) !important;
            margin-bottom: clamp(8px, 4vw, 12px) !important;
        }
    }

    .team-cards {
        display: grid;
        gap: var(--site-gutter);
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }

    .team-card {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        position: relative;
        padding: var(--site-gutter) var(--site-gutter) 120px var(--site-gutter);
        background-color: rgba(var(--c-secondary-rgb), .2);

        &__headshot {
            position: relative;
            aspect-ratio: 1/1 !important;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            height: auto;
            margin-bottom: 20px;
            overflow: hidden;
            background-color: var(--c-l-grey);

            img {
                @include mixins.object-fit;
            }
        }

        &__name {
            font-family: var(--t-heading-font-family), sans-serif;
            font-size: clamp(1.375rem, 4vw, 1.75rem);
            margin-bottom: 15px;
        }

        &__role {
            font-size: clamp(1rem, 3vw, 1.125rem);
            font-weight: 700;
            margin-bottom: 8px;
        }

        .team-card__socials {
            display: flex;
            gap: 20px;
            padding: 0;
            margin: 0;

            li {
                list-style: none;
                margin: 0;

                a {
                    display: inline-block;
                    width: 26px;
                    height: 26px;
                    background-position: center;
                    background-repeat: no-repeat;

                    &.twitter {
                        background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9643 0H2.03571C0.91183 0 0 0.863839 0 1.92857V16.0714C0 17.1362 0.91183 18 2.03571 18H16.9643C18.0882 18 19 17.1362 19 16.0714V1.92857C19 0.863839 18.0882 0 16.9643 0ZM14.8904 6.38036C14.8989 6.49286 14.8989 6.60938 14.8989 6.72188C14.8989 10.2054 12.0998 14.2192 6.98504 14.2192C5.40737 14.2192 3.9442 13.7853 2.71429 13.0379C2.93906 13.0621 3.15536 13.0701 3.38438 13.0701C4.68638 13.0701 5.88237 12.6522 6.83661 11.9451C5.61518 11.921 4.58884 11.1616 4.23683 10.117C4.66518 10.1772 5.05112 10.1772 5.49219 10.0688C4.21987 9.82366 3.26562 8.76295 3.26562 7.48125V7.44911C3.6346 7.64598 4.06719 7.76652 4.52098 7.78259C4.13947 7.54217 3.82671 7.21602 3.61062 6.83323C3.39454 6.45044 3.28184 6.02293 3.28259 5.58884C3.28259 5.09866 3.4183 4.64866 3.66004 4.25893C5.02991 5.85804 7.08683 6.90268 9.39397 7.01518C8.99955 5.22723 10.4118 3.77679 12.1083 3.77679C12.9098 3.77679 13.6308 4.0942 14.1397 4.60848C14.7674 4.49598 15.3696 4.275 15.904 3.97366C15.6962 4.58437 15.2594 5.09866 14.6826 5.42411C15.2424 5.36786 15.7853 5.2192 16.2857 5.01429C15.9083 5.54063 15.4333 6.0067 14.8904 6.38036Z' fill='black'/%3E%3C/svg%3E%0A");
                    }

                    &.facebook {
                        background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9643 0H2.03571C1.49581 0 0.978017 0.203188 0.596247 0.564866C0.214476 0.926543 0 1.41708 0 1.92857L0 16.0714C0 16.5829 0.214476 17.0735 0.596247 17.4351C0.978017 17.7968 1.49581 18 2.03571 18H7.85658V11.8804H5.18471V9H7.85658V6.80464C7.85658 4.30754 9.42578 2.92821 11.8292 2.92821C12.9802 2.92821 14.1838 3.12268 14.1838 3.12268V5.57357H12.8577C11.551 5.57357 11.1434 6.34179 11.1434 7.12969V9H14.0604L13.5939 11.8804H11.1434V18H16.9643C17.5042 18 18.022 17.7968 18.4038 17.4351C18.7855 17.0735 19 16.5829 19 16.0714V1.92857C19 1.41708 18.7855 0.926543 18.4038 0.564866C18.022 0.203188 17.5042 0 16.9643 0Z' fill='black'/%3E%3C/svg%3E%0A");
                    }

                    &.instagram {
                        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 6.85687C8.57616 6.85703 8.16189 6.98286 7.80956 7.21845C7.45723 7.45403 7.18267 7.7888 7.02058 8.18042C6.8585 8.57204 6.81617 9.00292 6.89896 9.4186C6.98174 9.83427 7.18592 10.2161 7.48567 10.5157C7.78542 10.8153 8.16729 11.0194 8.583 11.102C8.9987 11.1846 9.42957 11.1421 9.82113 10.9799C10.2127 10.8177 10.5473 10.543 10.7828 10.1906C11.0183 9.83816 11.1439 9.42384 11.1439 9C11.1435 8.4316 10.9175 7.88661 10.5155 7.48477C10.1135 7.08292 9.5684 6.85709 9 6.85687ZM14.0107 5.20955C13.9016 4.93306 13.7368 4.68194 13.5266 4.47176C13.3165 4.26158 13.0653 4.09683 12.7888 3.98772C11.9451 3.65464 9.93616 3.72937 9 3.72937C8.06384 3.72937 6.05692 3.65183 5.21076 3.98772C4.93427 4.09683 4.68314 4.26158 4.47296 4.47176C4.26278 4.68194 4.09803 4.93306 3.98893 5.20955C3.65625 6.0533 3.73058 8.06424 3.73058 8.9996C3.73058 9.93496 3.65625 11.9435 3.99054 12.79C4.09964 13.0665 4.26439 13.3177 4.47457 13.5278C4.68475 13.738 4.93587 13.9028 5.21237 14.0119C6.05612 14.345 8.06504 14.2702 9.00161 14.2702C9.93817 14.2702 11.9443 14.3478 12.7904 14.0119C13.0669 13.9028 13.3181 13.738 13.5282 13.5278C13.7384 13.3177 13.9032 13.0665 14.0123 12.79C14.3478 11.9463 14.2706 9.93536 14.2706 9C14.2706 8.06464 14.3478 6.05652 14.0123 5.20996L14.0107 5.20955ZM9 12.2946C8.34838 12.2946 7.7114 12.1014 7.16959 11.7394C6.62779 11.3774 6.20551 10.8628 5.95615 10.2608C5.70678 9.65879 5.64154 8.99635 5.76866 8.35725C5.89579 7.71815 6.20957 7.1311 6.67034 6.67034C7.1311 6.20957 7.71815 5.89579 8.35725 5.76866C8.99635 5.64154 9.65879 5.70678 10.2608 5.95615C10.8628 6.20551 11.3774 6.62779 11.7394 7.16959C12.1014 7.7114 12.2946 8.34838 12.2946 9C12.2952 9.43281 12.2103 9.86147 12.0449 10.2614C11.8795 10.6614 11.6369 11.0248 11.3308 11.3308C11.0248 11.6369 10.6614 11.8795 10.2614 12.0449C9.86147 12.2103 9.43281 12.2952 9 12.2946ZM12.4304 6.33616C12.2783 6.33624 12.1296 6.29121 12.0031 6.20675C11.8766 6.1223 11.7779 6.00222 11.7197 5.86171C11.6614 5.7212 11.6461 5.56656 11.6758 5.41736C11.7054 5.26816 11.7786 5.1311 11.8861 5.02351C11.9937 4.91592 12.1307 4.84264 12.2799 4.81293C12.4291 4.78323 12.5837 4.79843 12.7242 4.85662C12.8648 4.91482 12.9849 5.01338 13.0694 5.13986C13.1539 5.26633 13.1991 5.41503 13.1991 5.56714C13.1995 5.66816 13.18 5.76826 13.1416 5.86171C13.1033 5.95516 13.0468 6.04012 12.9756 6.11172C12.9043 6.18332 12.8196 6.24014 12.7263 6.27893C12.6331 6.31772 12.5331 6.33772 12.4321 6.33777L12.4304 6.33616ZM16.0714 0H1.92857C1.41708 0 0.926543 0.203188 0.564865 0.564866C0.203188 0.926543 0 1.41708 0 1.92857L0 16.0714C0 16.5829 0.203188 17.0735 0.564865 17.4351C0.926543 17.7968 1.41708 18 1.92857 18H16.0714C16.5829 18 17.0735 17.7968 17.4351 17.4351C17.7968 17.0735 18 16.5829 18 16.0714V1.92857C18 1.41708 17.7968 0.926543 17.4351 0.564866C17.0735 0.203188 16.5829 0 16.0714 0ZM15.3836 11.6518C15.3317 12.6816 15.0967 13.594 14.345 14.3438C13.5932 15.0935 12.6816 15.3333 11.653 15.3824C10.5919 15.4422 7.41054 15.4422 6.34942 15.3824C5.31964 15.3305 4.4104 15.0951 3.65746 14.3438C2.90451 13.5924 2.66786 12.6796 2.61884 11.6518C2.55897 10.5903 2.55897 7.40853 2.61884 6.34821C2.67067 5.31844 2.9029 4.40598 3.65746 3.65625C4.41201 2.90652 5.32366 2.66946 6.34942 2.62045C7.41054 2.56058 10.5919 2.56058 11.653 2.62045C12.6828 2.67228 13.5948 2.90772 14.345 3.65906C15.0951 4.4104 15.3346 5.32326 15.3836 6.35304C15.4434 7.41054 15.4434 10.5895 15.3836 11.6518Z' fill='black'/%3E%3C/svg%3E%0A");
                    }

                    &.linkedin {
                        background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7857 0H1.21049C0.542634 0 0 0.582589 0 1.29777V16.7022C0 17.4174 0.542634 18 1.21049 18H15.7857C16.4536 18 17 17.4174 17 16.7022V1.29777C17 0.582589 16.4536 0 15.7857 0ZM5.13795 15.4286H2.6183V6.83839H5.14174V15.4286H5.13795ZM3.87812 5.66518C3.06987 5.66518 2.41719 4.97009 2.41719 4.1183C2.41719 3.26652 3.06987 2.57143 3.87812 2.57143C4.68259 2.57143 5.33906 3.26652 5.33906 4.1183C5.33906 4.97411 4.68638 5.66518 3.87812 5.66518ZM14.5828 15.4286H12.0632V11.25C12.0632 10.2536 12.0442 8.97188 10.754 8.97188C9.44107 8.97188 9.23996 10.0567 9.23996 11.1777V15.4286H6.72031V6.83839H9.1375V8.01161H9.17165C9.50937 7.33661 10.3328 6.62545 11.5585 6.62545C14.1085 6.62545 14.5828 8.40536 14.5828 10.7196V15.4286Z' fill='black'/%3E%3C/svg%3E%0A");          }
                }
            }
        }

        .button {
            position: absolute;
            bottom: var(--site-gutter);
            left: 50%;
            transform: translateX(-50%);
        }
    }

}