.item-grid{position:relative}.item-grid--flex{display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width: 640px){.item-grid--flex{flex-direction:row;align-items:stretch}}@media (min-width: 1024px){.item-grid--flex{justify-content:center;gap:1.5rem}}.item-grid--flex .contact-card{display:flex;flex:1 1 0%;justify-content:center}@media (min-width: 1024px){.item-grid--flex .contact-card{width:calc(50% - 2rem)}}@media (min-width: 1280px){.item-grid--flex .contact-card{width:calc(25% - 3rem);max-width:calc(25% - 3rem)}}.item-grid--grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 640px){.item-grid--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.item-grid--grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.item-grid--grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}}.item-grid--grid .contact-card{justify-self:center}.contact-card{position:relative;display:flex;width:100%;max-width:250px;flex-direction:column;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.contact-card__inner{grid-column:span 4 / span 4;display:flex;flex:1 1 0%;flex-direction:column}.contact-card__image{aspect-ratio:1 / 1;--tw-bg-opacity: 1;background-color:rgb(246 242 239 / var(--tw-bg-opacity, 1))}.contact-card__content{padding-right:.5rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}@media (min-width: 1280px){.contact-card__content{padding-right:1.5rem}}.contact-card__toggle-bio{margin-top:auto;padding-top:.75rem}.contact-card__toggle-bio svg{height:1.5rem;width:1.5rem}.contact-card__close{position:absolute;top:.75rem;left:.75rem;z-index:20;height:1.5rem;width:1.5rem;--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 1280px){.contact-card__close{left:auto;right:.75rem}}.contact-card__bio{pointer-events:none;top:0;isolation:isolate;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;position:absolute;z-index:10;height:100%;width:100%;overflow:hidden;--tw-bg-opacity: 1;background-color:rgb(239 167 178 / var(--tw-bg-opacity, 1));padding:1rem}@media (min-width: 1280px){.contact-card__bio{padding:2rem}}.contact-card__bio{--tw-translate-x: -2.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 1280px){.contact-card__bio{left:100%;width:calc(200% + 3rem)}}.contact-card__bio-text{position:relative;height:100%;max-height:100%;overflow-y:auto;padding-top:2rem;padding-bottom:5rem;padding-right:.5rem}@media (min-width: 1280px){.contact-card__bio-text{padding-top:.25rem}}.contact-card__bio-text{scrollbar-width:.25rem;scrollbar-color:#0f2445 #d4d4d4}.contact-card__bio-text::-webkit-scrollbar{width:.25rem;background-color:#d4d4d4}.contact-card__bio-text::-webkit-scrollbar-thumb{background:#0f2445}.contact-card__fade{position:fixed;left:1rem;right:0;z-index:10;background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}@media (min-width: 1280px){.contact-card__fade{left:2rem}}.contact-card__fade{width:calc(100% - 2.25rem)}@media (min-width: 1280px){.contact-card__fade{width:calc(100% - 4.25rem)}}.contact-card__fade--top{top:1rem;height:2rem;--tw-gradient-from: #EFA7B2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 167 178 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: transparent var(--tw-gradient-to-position)}@media (min-width: 1024px){.contact-card__fade--top{height:1rem}}@media (min-width: 1280px){.contact-card__fade--top{top:2rem}}.contact-card__fade--bottom{bottom:1rem;height:5rem;--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #EFA7B2 var(--tw-gradient-to-position)}@media (min-width: 1280px){.contact-card__fade--bottom{bottom:2rem}}.contact-card--open{--tw-bg-opacity: 1;background-color:rgb(239 167 178 / var(--tw-bg-opacity, 1))}.contact-card--open .contact-card__bio{pointer-events:auto;opacity:1}.contact-card--open .contact-card__toggle-bio{pointer-events:none;opacity:0}@media (min-width: 1280px){.contact-card--open .contact-card__content{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.contact-card--open:nth-child(n) .contact-card__bio{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 1280px){.contact-card--flipped .contact-card__content{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.contact-card--flipped .contact-card__bio{--tw-translate-x: 2.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
