.realisation-grid-section{padding:60px 120px}.realisation-grid__title{text-align:center;margin-bottom:40px;font-size:2.5rem;font-weight:600}.realisation-filters-container{position:relative;margin-bottom:8px}.filter-toggle{display:none;align-items:center;gap:8px;padding:8px 0;border:none;background:#fff;color:#000;border-radius:8px;cursor:pointer;font-family:Muli,sans-serif;font-weight:400;width:100%;justify-content:space-between;font-size:14px;text-transform:uppercase}.filter-toggle__icon{transition:transform .3s ease}.filter-toggle[aria-expanded=true] .filter-toggle__icon{transform:rotate(180deg)}.realisation-filters{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.filter-btn{color:#000;cursor:pointer;transition:all .3s ease;font-weight:400;font-family:Muli,sans-serif;text-transform:uppercase;background:transparent;border:none}.filter-btn:hover,.filter-btn.active{color:var(--bleu)}.realisation-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin-bottom:40px;grid-auto-rows:minmax(200px,auto)}.realisation-card:nth-child(1){grid-column:span 6;height:539px}.realisation-card:nth-child(2){grid-column:span 4;height:380px}.realisation-card:nth-child(3){grid-column:span 2;height:380px}.realisation-card:nth-child(4),.realisation-card:nth-child(5){grid-column:span 3;height:380px}.realisation-card:nth-child(6),.realisation-card:nth-child(7),.realisation-card:nth-child(8){grid-column:span 2;height:539px}.realisation-card:nth-child(9){grid-column:span 2;height:380px}.realisation-card:nth-child(10){grid-column:span 4;height:380px}.realisation-card{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease;background:#fff;cursor:pointer;display:flex;flex-direction:column}.realisation-card:hover{box-shadow:0 8px 24px #00000026}.realisation-card__image{position:relative;overflow:hidden;width:100%;height:100%;flex:1}.realisation-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.realisation-card:hover .realisation-card__image img{transform:scale(1.05)}.realisation-card__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0009);padding:20px;opacity:1;transition:opacity .3s ease;display:flex;justify-content:space-between;align-items:center;gap:12px}.realisation-card:hover .realisation-card__overlay .realisation-card__type{opacity:1}.realisation-card__type{color:#fff;font-size:18px;font-weight:400;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;opacity:0;font-family:var(--freight-semibold)}.realisation-card__btn{display:inline-flex;align-items:center;gap:6px;padding:0;background:transparent;color:#fff;border:none;font-weight:400;font-size:16px;cursor:pointer;transition:all .3s ease;z-index:2;font-family:var(--freight-semibold)}.realisation-card__btn:hover{color:#fff;transform:translate(3px)}.realisation-card__btn svg{width:16px;height:16px;transition:transform .3s ease}.realisation-card__btn:hover svg{transform:translate(2px)}.realisation-grid__view-more{text-align:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border:none;border-radius:6px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn--secondary{background:#f8f9fa;color:#333;border:2px solid #e5e5e5}.btn--secondary:hover{background:#06c;color:#fff;border-color:#06c}.btn svg{transition:transform .3s ease}.btn:hover svg{transform:translate(2px)}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.realisation-grid{grid-template-columns:repeat(6,1fr);gap:20px;grid-auto-rows:minmax(150px,auto)}.realisation-card:nth-child(1){grid-column:span 6;grid-row:span 1;height:250px}.realisation-card:nth-child(2),.realisation-card:nth-child(3){grid-column:span 3;grid-row:span 1;height:250px}.realisation-card:nth-child(4){grid-column:span 6;grid-row:span 1;height:500px}.realisation-card:nth-child(5),.realisation-card:nth-child(6),.realisation-card:nth-child(7),.realisation-card:nth-child(8),.realisation-card:nth-child(9),.realisation-card:nth-child(10){grid-column:span 2;grid-row:span 1;height:250px}}@media(max-width:768px){.realisation-grid-section{padding:40px 20px}.realisation-grid{grid-template-columns:repeat(2,1fr);gap:16px;grid-auto-rows:minmax(200px,auto)}.realisation-card{height:auto!important}.realisation-card:nth-child(1){grid-column:span 2;height:250px}.realisation-card:nth-child(2),.realisation-card:nth-child(3){grid-column:span 1;height:200px}.realisation-card:nth-child(4){grid-column:span 2;grid-row:span 2;height:416px}.realisation-card:nth-child(n+5){grid-column:span 1;height:200px}.realisation-card:nth-child(8n+5){grid-column:span 2;height:250px}.realisation-card:nth-child(8n+6),.realisation-card:nth-child(8n+7){grid-column:span 1;height:200px}.realisation-card:nth-child(8n+8){grid-column:span 2;grid-row:span 2;height:416px}.realisation-grid__title{font-size:2rem;margin-bottom:30px}.filter-toggle{display:flex}.realisation-filters{position:absolute;top:100%;left:0;right:0;background:#fff;border:none;border-top:none;border-radius:0 0 8px 8px;padding:16px;flex-direction:column;gap:8px;z-index:10;max-height:0;overflow:hidden;transition:max-height .3s ease;display:none}.realisation-filters.open{max-height:300px;display:flex}.filter-btn{padding:12px 16px;font-size:.9rem;text-align:left;width:100%}.realisation-card__overlay{top:0;height:100%;display:flex;flex-direction:column}.realisation-card__type{align-self:self-start}.realisation-card__btn{align-self:self-end}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/realisation-grid.css.map */