.branches-posts{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);@media screen and (max-width:1024px){grid-template-columns:repeat(3,1fr)}@media screen and (max-width:768px){grid-template-columns:repeat(2,1fr)}@media screen and (max-width:560px){grid-template-columns:1fr}}.no-results{display:none;margin:24px 0;max-width:50%;@media screen and (max-width:768px){max-width:100%}&.is-visible{display:block}h2{font-size:24px;font-weight:500;line-height:1.3;margin:0 0 16px}.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;figure{all:unset}img{aspect-ratio:1/1!important;height:unset;object-fit:cover;object-position:center;position:absolute;width:100%}.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;header{align-items:flex-end;display:flex;height:72px;h3{font-size:32px;margin:0}}.card-read-more{color:var(--so-color-marine);font-size:16px;font-weight:400;line-height:1.1}.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}}&:hover{.content{gap:40px;transform:translateY(0)}}}@media screen and (max-width:1340px){.branche-card{aspect-ratio:unset!important;padding:0;figure{aspect-ratio:4/3;display:block}h3{font-size:24px!important}.content{min-height:unset;position:relative;transform:none;*{height:unset!important}}}}@media screen and (max-width:767px){.branche-card{.content{padding:24px 24px 22px}}}