/* Menu Réalisations et galerie par catégorie. */
.portfolio-trigger{padding-left:12px;padding-right:12px;gap:8px;font-size:14px}
.portfolio-trigger .chevron{flex:0 0 10px;width:10px;height:10px}
.portfolio-menu .panel-service{justify-content:space-between;text-decoration:none}
.portfolio-menu .panel-service .arrow-icon{width:18px;height:18px;flex-shrink:0}
.portfolio-menu a:focus-visible,.portfolio-filter:focus-visible{outline:2px solid var(--red);outline-offset:5px}
.inner-page .portfolio-trigger[aria-current=page]{background:#edf0ee;color:#c91b23;box-shadow:inset 0 -3px #ee1d25}
.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 34px}
.portfolio-filter{padding:12px 20px;border:1px solid #aebbbb;font-size:14px;font-weight:500;line-height:1.4;transition:background .15s,color .15s}
.portfolio-filter:hover{border-color:var(--ink);background:#dce3e1}
.portfolio-filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.portfolio-gallery [hidden]{display:none!important}
.portfolio-empty{padding:62px 28px;background:#dfe5e2;border:1px solid #c3ceca;text-align:center}
.portfolio-empty .brand-symbol{--mark-width:55px;margin-bottom:22px}
.portfolio-empty h2{font-size:30px;margin:0 0 12px}
.portfolio-empty p{font-size:15px;line-height:1.7;margin:0 auto;max-width:440px;color:var(--muted)}
.portfolio-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:560px){.portfolio-filter{padding:11px 14px;font-size:12px}.portfolio-filters{gap:7px;margin-bottom:26px}.portfolio-menu .panel-services{grid-template-columns:1fr 1fr;gap:0 22px}.portfolio-menu .panel-service{min-height:65px;padding:17px 0}.portfolio-menu .panel-service strong{font-size:14px}.portfolio-menu .panel-intro>p{max-width:260px}.portfolio-empty{padding:45px 22px}}
@media(max-width:620px){.portfolio-trigger{padding-left:5px;padding-right:5px;gap:4px;font-size:12px}.portfolio-trigger .navigation-mark{--mark-width:16px}.portfolio-trigger .chevron{flex-basis:9px;width:9px;height:9px}}
@media(max-width:390px){.portfolio-trigger{font-size:11.5px}}