.branches-posts{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}@media screen and (max-width:1024px){.branches-posts{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.branches-posts{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:560px){.branches-posts{grid-template-columns:1fr}}.no-results{display:none;margin:24px 0;max-width:50%}@media screen and (max-width:768px){.no-results{max-width:100%}}.no-results.is-visible{display:block}.no-results h2{font-size:24px;font-weight:500;line-height:1.3;margin:0 0 16px}.no-results .no-results-text{font-size:18px;font-weight:400;line-height:1.1}.branche-card{aspect-ratio:3/4;border-radius:24px;cursor:pointer;gap:24px;overflow:hidden;padding:0!important;position:relative;text-decoration:none}.branche-card figure{all:unset}.branche-card img{aspect-ratio:1/1!important;height:unset;object-fit:cover;object-position:center;position:absolute;width:100%}.branche-card .content{background-color:var(--so-color-sand-hover);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;gap:24px;justify-content:flex-end;left:0;min-height:176px;padding:24px 24px 22px;position:absolute;right:0;transform:translateY(52px);transition:all .3s ease-in-out;z-index:1}.branche-card .content header{align-items:flex-end;display:flex;height:72px}.branche-card .content header h3{font-size:32px;margin:0}.branche-card .content .card-read-more{color:var(--so-color-marine);font-size:16px;font-weight:400;line-height:1.1}.branche-card .content .card-read-more:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='3.31 0.53 5.61 10.95'%3E%3Cpath stroke='%231a0088' stroke-linecap='round' stroke-linejoin='round' stroke-width='.6' d='m3.613.826 4.893 4.893a.4.4 0 0 1 0 .562l-4.893 4.894'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:auto 12px;content:"";display:inline-block;filter:var(--so-color-marine-filter);height:12px;margin-left:8px;transition:all .2s ease-in-out;vertical-align:middle;width:12px}.branche-card:hover .content{gap:40px;transform:translateY(0)}@media screen and (max-width:1340px){.branche-card{aspect-ratio:unset!important;padding:0}.branche-card figure{aspect-ratio:4/3;display:block}.branche-card h3{font-size:24px!important}.branche-card .content{min-height:unset;position:relative;transform:none}.branche-card .content *{height:unset!important}}@media screen and (max-width:767px){.branche-card .content{padding:24px 24px 22px}}