.archi-folio-nav{margin:26px 0;}
.archi-folio-nav__inner{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;align-items:flex-start;}
.archi-folio-nav__item{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;}
.archi-folio-nav__icon{width:86px;height:86px;border-radius:999px;background:rgba(0,0,0,0.04);display:grid;place-items:center;overflow:hidden;}
.archi-folio-nav__img{width:100%;height:100%;object-fit:cover;display:block;}
.archi-folio-nav__placeholder{width:34px;height:34px;border-radius:8px;background:rgba(0,0,0,0.10);display:block;}
.archi-folio-nav__label{font-size:14px;line-height:1.25;text-align:center;max-width:140px;}
.archi-folio-nav__item.is-active .archi-folio-nav__icon{outline:2px solid currentColor;outline-offset:4px;}

.archi-folio-filters{margin:10px 0 26px;display:flex;flex-direction:column;gap:14px;align-items:center;}
.archi-folio-filters__toggle{padding:10px 14px;border-radius:10px;border:1px solid rgba(0,0,0,0.15);background:#fff;cursor:pointer;}
.archi-folio-filters__panel{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:flex-end;}
.archi-folio-filters__field{display:flex;flex-direction:column;gap:6px;min-width:180px;}
.archi-folio-filters__label{font-size:12px;opacity:0.85;}
.archi-folio-filters__select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,0.15);background:#fff;}
.archi-folio-filters__reset{padding:10px 14px;border-radius:10px;border:1px solid rgba(0,0,0,0.15);background:#fff;cursor:pointer;}

@media (max-width:480px){
  .archi-folio-nav__icon{width:72px;height:72px;}
  .archi-folio-filters__field{min-width:150px;}
}


.archi-folio-filters__panel[hidden]{display:none !important;}

.archi-folio-intro{
  width:70%;
  max-width:900px;
  margin:40px auto 40px; /* 40px avant et 40px après */
  padding-top:40px;
  padding-right:10;
  padding-bottom:0;
  padding-left:10;
  text-align:center;
}

.archi-folio-intro h2,
.archi-folio-intro p{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

@media (max-width: 800px){
  .archi-folio-intro{
    width:92%;
  }
}