.cards-with-modal{--easing:cubic-bezier(.17,.67,.83,.67);background-color:var(--color-surface-primary);padding-bottom:var(--space-s);padding-top:var(--space-s)}.cards-with-modal__container{display:grid;gap:var(--gutter);margin:0 auto;max-width:var(--container-max-width)}@media (min-width:48.001rem){.cards-with-modal__container{grid-template-columns:repeat(12,1fr)}}@media (min-width:48.001rem){.cards-with-modal__container:has(.cards-with-modal__card:nth-last-of-type(7)) .cards-with-modal__heading{grid-column:1/span 2}}@media (min-width:48.001rem){.cards-with-modal__container:has(.cards-with-modal__card:nth-last-of-type(7)) .cards-with-modal__grid{grid-column:3/span 10;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(18rem,20%)),1fr))}}.cards-with-modal__heading{font-family:var(--font-family-heading);font-size:var(--heading-size-400);font-weight:600;line-height:1.2;margin-bottom:var(--space-m)}@media (min-width:48.001rem){.cards-with-modal__heading{grid-column:1/span 3}}.cards-with-modal__grid{display:grid;gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(min(100%,max(18rem,30%)),1fr))}@media (min-width:48.001rem){.cards-with-modal__grid{grid-column:5/span 8}}.cards-with-modal__card{background-color:var(--color-surface-secondary);border-radius:var(--radius-brand);cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:21.5rem;overflow:hidden;padding:var(--space-3xs) var(--space-xs);position:relative;transition:background-color .2s var(--easing),box-shadow .2s var(--easing)}@media (min-width:48.001rem){.cards-with-modal__card{min-height:27.5rem;padding:var(--space-3xs)}}.cards-with-modal__card:after{border-radius:var(--radius-full);content:"";height:1rem;position:absolute;right:var(--space-3xs);top:var(--space-3xs);transition:background-color .2s var(--easing);width:1rem}.cards-with-modal__card:after,.cards-with-modal__card:hover{background-color:var(--color-surface-blue)}.cards-with-modal__card:hover:after{background-color:var(--color-text-primary)}.cards-with-modal__card:hover button{border-top:1px dashed var(--color-border-primary)}.cards-with-modal__card:hover .cards-with-modal__card-text{transform:translateY(-1rem)}.cards-with-modal__card-link,.cards-with-modal__card-open{all:unset;align-items:center;background-color:transparent;border-top:1px dashed var(--color-border-primary);display:flex;font-family:var(--font-family-base);font-size:var(--text-size-500);font-weight:700;justify-content:space-between;line-height:1.5;margin-top:var(--space-xs);padding-top:var(--space-3xs)}.cards-with-modal__card-link:after,.cards-with-modal__card-open:after{content:"";inset:0;position:absolute}.cards-with-modal__card-link:hover,.cards-with-modal__card-open:hover{background-color:transparent;color:var(--color-text-primary);text-decoration:none}.cards-with-modal__card-content{display:flex;flex-direction:column;height:100%}.cards-with-modal__card-heading{color:var(--color-text-primary);font-family:var(--font-family-heading);font-size:var(--heading-size-400);font-weight:600;line-height:1.2;margin-top:0;width:calc(100% - 2rem)}.cards-with-modal__card-text{margin:auto 0;padding-top:var(--space-3xs);transition:transform .2s var(--easing)}.cards-with-modal__card-text p{font-family:var(--font-family-base);font-size:var(--text-size-400);font-weight:400;line-height:1.5;margin-top:0}.dialog-container,.dialog-overlay{inset:0;padding:var(--space-m);position:fixed}.dialog-container{display:flex;overflow-y:hidden;z-index:2}.dialog-container[aria-hidden=true]{display:none}.dialog-overlay{background-color:rgba(43,46,56,.6);z-index:10}.dialog-content{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:hsla(0,0%,100%,.5);border-radius:var(--radius-brand);gap:var(--space-2xs);margin:auto;min-height:70vh;overflow-y:scroll;padding:var(--space-3xs);position:relative;z-index:20}@media (min-width:48.001rem){.dialog-content{display:grid;grid-template-columns:1fr 1fr}}.dialog-content__wrapper{display:flex;flex-direction:column;gap:var(--space-s);order:1;padding:var(--space-s) var(--space-3xs)}.dialog-content .dialog-heading{margin-bottom:auto}.dialog-content .dialog-contact{border-top:1px dashed var(--color-border-primary);display:flex;flex-wrap:wrap;gap:var(--space-s);padding-top:var(--space-xs)}@media (min-width:48.001rem){.dialog-content .dialog-contact{justify-content:space-between}}.dialog-content .dialog-contact__heading{font-family:var(--font-family-heading);font-size:var(--heading-size-200);font-weight:700;line-height:1.4}.dialog-content .dialog-contact__info{min-width:15rem}.dialog-content .dialog-contact__info img{aspect-ratio:1;border-radius:var(--radius-full);max-width:3rem!important}.dialog-content .dialog-contact__info>p{margin-top:var(--space-5xs)}.dialog-content__overflow-wrapper{display:flex;flex-direction:column;height:100%;margin:auto;max-height:-moz-fit-content;max-height:fit-content;position:relative}.dialog-close{align-items:center;background-color:hsla(0,0%,95%,.8);border:none;border-radius:var(--radius-full);color:var(--color-text-primary);display:flex;font-family:var(--font-family-heading);font-size:var(--text-size-btn);font-weight:600;gap:var(--space-3xs);letter-spacing:.02em;line-height:1;padding:var(--space-4xs);position:absolute;right:var(--space-s);top:var(--space-s);z-index:100}.dialog-close--text{padding-left:var(--space-3xs)}@media (max-width:48rem){.dialog-close{right:0;scale:.8;top:var(--space-5xs)}}.dialog-image-wrapper{margin:0;order:2}.dialog-image-wrapper img{border-radius:var(--radius-brand);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}