/* ==================================================
   HAPPY PENS ARCHIVE
   COLLECTOR CONTRIBUTORS
================================================== */

.hpc-af-collector-contributor-card .hpc-collector-contributor-monogram,
.hpc-collector-contributor-monogram{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#FFFDF9;
    color:#B08A52;
    font-family:"Libre Baskerville",Georgia,serif;
    font-size:34px;
    font-weight:400;
    line-height:1;
}

.hpc-collector-contributor-card{
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    min-height:0;
    background:#FDFBF8;
    border:1px solid rgba(176,138,82,.22);
    border-radius:14px;
    box-shadow:0 10px 22px rgba(0,0,0,.04);
    overflow:hidden;
}

.hpc-collector-contributor-top{
    position:relative;
    min-height:160px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px 18px 12px;
}

.hpc-collector-contributor-photo{
    width:112px;
    height:112px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#F3F0EB;
    border:1px solid rgba(176,138,82,.28);
    border-radius:50%;
    box-shadow:0 8px 18px rgba(0,0,0,.06);
}

.hpc-collector-contributor-photo img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.hpc-collector-contributor-count{
    position:absolute;
    top:14px;
    right:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-width:38px;
    min-height:28px;
    padding:0 8px;
    border:1px solid rgba(176,138,82,.26);
    border-radius:999px;
    background:#FFFDF9;
    color:#8A6A3F;
    font-size:12px;
    font-weight:700;
    line-height:1;
}

.hpc-collector-contributor-count svg{
    width:13px;
    height:13px;
}

.hpc-collector-contributor-body{
    padding:0 16px 18px;
    text-align:center;
}

.hpc-collector-contributor-body h3{
    margin:0 0 8px;
    color:#171411;
    font-family:"Libre Baskerville",Georgia,serif;
    font-size:18px;
    font-weight:400;
    line-height:1.25;
}

.hpc-collector-contributor-country{
    margin:0 0 10px;
    color:#8B867F;
    font-size:12px;
    font-weight:600;
    line-height:1;
}

.hpc-collector-contributor-meta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:26px;
    padding:0 9px;
    border:1px solid rgba(176,138,82,.22);
    border-radius:999px;
    background:#FFFDF9;
    color:#8A6A3F;
    font-size:11px;
    font-weight:700;
    line-height:1;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.hpc-collector-contributor-note{
    position:absolute;
    left:50%;
    bottom:18px;
    z-index:20;
    width:260px;
    min-height:92px;
    padding:18px 18px;
    background:#171411;
    color:#FDFBF8;
    border:1px solid rgba(176,138,82,.45);
    border-radius:4px;
    box-shadow:0 14px 28px rgba(0,0,0,.18);
    font-family:Arial,sans-serif;
    font-size:13px;
    line-height:1.6;
    text-align:left;
    opacity:0;
    transform:translateX(-50%) translateY(8px);
    pointer-events:none;
    transition:opacity .18s ease,transform .18s ease;
}

.hpc-collector-contributor-card:hover .hpc-collector-contributor-note{
    opacity:1;
    transform:translateX(-50%) translateY(0);
}

@media(max-width:640px){
    .hpc-collector-contributor-note{
        display:none;
    }
}

.hpc-collector-contributor-avatar-image{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    border-radius:50%;
}