.card-we-serve{display:grid;overflow:hidden;position:relative;border-radius:var(--border-radius-xl)}.card-we-serve:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(180deg,#0000,#0006);z-index:1}.card-we-serve>*{grid-column:1/-1;grid-row:1/-1}.card-we-serve__img{block-size:26.125rem}.card-we-serve__img img{width:100%;height:100%;object-fit:cover}.card-we-serve__title{position:relative;z-index:2;align-self:end;padding:1.5rem;color:var(--c-white);font-size:1.25rem;font-weight:700;letter-spacing:-.015em;text-wrap:balance}@media(max-width:47.99875em){.card-we-serve__title{font-weight:600}}.card-we-serve__body{position:absolute;inset:0;overflow:hidden;z-index:3;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility 0s linear .3s}.card-we-serve__text-wrapper{height:100%;display:flex;flex-direction:column;justify-content:flex-end;background-color:var(--bg-white);padding:1.5rem;color:var(--c-text-dark)}.card-we-serve__btn{position:absolute;width:2.75rem;height:2.75rem;top:1.5rem;right:1.5rem;z-index:4;border-radius:.625rem;display:flex;justify-content:center;align-items:center;border:.0625rem solid var(--c-white);transition:color .3s,background-color .3s,border-color .3s,box-shadow .3s}.card-we-serve__btn:focus-visible{box-shadow:0 0 0 .1875rem var(--c-accent),0 0 0 .3125rem var(--c-white)}@media(any-hover:hover){.card-we-serve__btn:hover{background-color:var(--c-accent);color:var(--c-white);border-color:var(--c-accent)}}.card-we-serve__btn-icon{position:relative;width:.9375rem;height:.9375rem}.card-we-serve__btn-icon:before,.card-we-serve__btn-icon:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:.125rem;background-color:currentColor;transform:translate(-50%,-50%);transition:transform .3s ease}.card-we-serve__btn-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.card-we-serve.open .card-we-serve__body{pointer-events:auto;opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}.card-we-serve.open .card-we-serve__text-wrapper .text{opacity:1}.card-we-serve.open .card-we-serve__btn{background-color:var(--c-accent);border-color:var(--c-accent);color:#fff}.card-we-serve.open .card-we-serve__btn-icon:after{transform:translate(-50%,-50%) rotate(0)}