.ProfileCard_card__DCDF3{--bg:#fff;--title-color:#fff;--title-color-hover:#000;--text-color:#666;--button-color:#eee;--button-color-hover:#ddd;background:var(--bg);border-radius:2rem;padding:.5rem;width:24rem;height:36rem;overflow:clip;position:relative;font-family:inherit;flex-shrink:0}@media (max-width:640px){.ProfileCard_card__DCDF3{width:min(19rem,84vw);height:28rem}}.ProfileCard_card__DCDF3.ProfileCard_dark__qAGtK{--bg:#111827;--title-color:#fff;--title-color-hover:#fff;--text-color:#aaa;--button-color:#374151;--button-color-hover:#4b5563}.ProfileCard_card__DCDF3:before{content:"";position:absolute;width:calc(100% - 1rem);height:30%;bottom:.5rem;left:.5rem;mask:linear-gradient(#0000,#000 80%);-webkit-mask:linear-gradient(#0000,#000 80%);backdrop-filter:blur(1rem);border-radius:0 0 1.5rem 1.5rem;translate:0 0;transition:translate .25s;pointer-events:none;z-index:1}.ProfileCard_card__DCDF3>img{max-width:100%;aspect-ratio:2/3;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 5%;object-position:50% 5%;border-radius:1.5rem;display:block;transition:aspect-ratio .25s,object-position .5s;transition:aspect-ratio .25s,object-position .5s,-o-object-position .5s;width:100%;height:auto}.ProfileCard_card__DCDF3>section{margin:1rem;height:calc(33.3333% - 1rem);display:flex;flex-direction:column;position:relative;z-index:2}.ProfileCard_card__DCDF3>section h2{margin:0;margin-block-end:1rem;font-size:1.4rem;opacity:0;translate:0 -200%;color:var(--title-color);transition:color .5s,margin-block-end .25s,opacity 1s,translate .25s;font-family:var(--font-fraunces);letter-spacing:-.02em;font-weight:700}.ProfileCard_card__DCDF3>section p{font-size:.85rem;line-height:1.4;color:var(--text-color);opacity:0;margin:0;translate:0 100%;transition:margin-block-end .25s,opacity 1s .2s,translate .25s .2s}.ProfileCard_card__DCDF3>section>div{flex:1;align-items:flex-end;display:flex;justify-content:space-between;opacity:0;transition:translate .25s .2s,opacity 1s}.ProfileCard_tag__R_G_U{align-self:center;color:var(--title-color-hover);font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.35rem}.ProfileCard_card__DCDF3>section>div button{border:1px solid transparent;border-radius:1.25rem 1.25rem 1.5rem 1.25rem;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem .75rem 2.25rem;translate:1rem;background:var(--button-color);transition:background .33s,color .2s;outline-offset:2px;position:relative;color:var(--title-color-hover);cursor:pointer;white-space:nowrap}.ProfileCard_card__DCDF3>section>div button:after,.ProfileCard_card__DCDF3>section>div button:before{content:"";width:.75rem;height:.1rem;background:currentcolor;position:absolute;top:50%;left:1.1rem;border-radius:1rem}.ProfileCard_card__DCDF3>section>div button:after{rotate:90deg;transition:rotate .15s}.ProfileCard_card__DCDF3>section>div button:hover{background:var(--button-color-hover)}.ProfileCard_card__DCDF3:focus-within:before,.ProfileCard_card__DCDF3:hover:before{translate:0 100%}.ProfileCard_card__DCDF3:focus-within>img,.ProfileCard_card__DCDF3:hover>img{aspect-ratio:1/1;-o-object-position:50% 10%;object-position:50% 10%;transition:aspect-ratio .25s,object-position .25s;transition:aspect-ratio .25s,object-position .25s,-o-object-position .25s}.ProfileCard_card__DCDF3:focus-within>section h2,.ProfileCard_card__DCDF3:hover>section h2{translate:0 0;margin-block-end:.4rem;opacity:1;color:var(--title-color-hover)}.ProfileCard_card__DCDF3:focus-within>section p,.ProfileCard_card__DCDF3:hover>section p{translate:0 0;margin-block-end:.3rem;opacity:1}.ProfileCard_card__DCDF3:focus-within>section>div,.ProfileCard_card__DCDF3:hover>section>div{translate:0 0;opacity:1;transition:translate .25s .25s,opacity .5s .25s}