.branches-posts{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin:var(--so-margin) 0;@media screen and (max-width:1024px){grid-template-columns:repeat(3,1fr)}@media screen and (max-width:768px){gap:20px 4px;grid-template-columns:repeat(2,1fr);margin-bottom:24px;margin-left:0;margin-right:0;margin-top:24px}@media screen and (max-width:576px){gap:4px;grid-template-columns:1fr}}.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;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{transform:translateY(0)}}@media screen and (max-width:768px){align-items:center;background-color:var(--so-color-sand-hover);border-radius:8px;display:flex;flex-direction:row;gap:0;height:auto;padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:4px;figure{aspect-ratio:1/1;border-radius:8px;flex-shrink:0;margin:0;padding:4px;width:56px}img{border-radius:4px;display:block;height:72px;position:static;width:72px}.content{background-color:transparent;flex:1;gap:0;min-height:auto;padding:8px 16px 8px 12px;position:static;transform:none;transition:none;header{align-items:center;height:auto;h3{font-family:var(--so-font-family);font-size:18px}}footer{display:none}}&: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:12px 12px;content:"";filter:var(--so-color-marine-filter);height:16px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;width:16px}&:hover .content{transform:none}&:hover:after{right:10px}}}@media screen and (max-width:1340px){.branche-card{aspect-ratio:unset!important;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}}}