.portfolio{padding:var(--section-padding) 0}
.portfolio-main{margin-bottom:16px}
.portfolio-sub{margin-bottom:var(--grid-gap)}
.portfolio-sub[hidden]{display:none}
.portfolio-panel-title{
  margin:0 0 12px;
  font-family:"Montserrat",Arial,sans-serif;
  font-weight:400;
  font-size:22px;
  letter-spacing:-.02em;
}
.portfolio-switch{display:flex;flex-wrap:wrap;gap:8px}
.portfolio-switch button{
  min-height:40px;
  padding:0 14px;
  border:1px solid #dedbd4;
  background:#fff;
  color:#20201e;
  cursor:pointer;
}
.portfolio-switch button[aria-pressed="true"]{
  background:#20201e;
  border-color:#20201e;
  color:#fff;
}
.portfolio-panel[hidden]{display:none}
.portfolio-empty{margin:0;color:#77736d}
.portfolio-gallery{overflow:hidden}
.portfolio-gallery .ngg-galleryoverview{overflow:hidden}
.portfolio-gallery .ngg-galleryoverview::after{content:"";display:block;clear:both}
.portfolio-gallery img{max-width:100%;height:auto}

@media (max-width:760px){
  .portfolio-panel-title{font-size:20px}
}