.page-portfolio .portfolio-slider-shell{position:relative;width:min(100%,1180px);margin:0 auto;padding:0 70px}
.page-portfolio .portfolio-slider-viewport{width:100%;margin-left:auto;margin-right:auto}
.page-portfolio .portfolio-slider-controls{position:absolute!important;z-index:10;inset:0!important;width:100%!important;max-width:none!important;margin:0!important;display:flex!important;align-items:center;justify-content:space-between;pointer-events:none}
.page-portfolio .portfolio-slider-controls .portfolio-slider-button{pointer-events:auto;display:grid;place-items:center;flex:0 0 auto;background:#fff;border:1px solid #d9d9d2;box-shadow:0 12px 35px rgba(0,0,0,.13);color:#111}
.page-portfolio .portfolio-slider-controls .portfolio-slider-button:hover:not(:disabled){background:#111;color:#fff;border-color:#111;transform:scale(1.08)}
.page-portfolio .portfolio-slider-controls .portfolio-slider-button:disabled{opacity:.5}
.page-portfolio .portfolio-slider-count{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%)}
@media(min-width:901px){
  .page-portfolio .portfolio-slider-viewport .portfolio-grid .card{flex-basis:calc((100% - 36px)/3)}
  .page-portfolio .portfolio-slider-count{display:none}
}
@media(max-width:900px) and (min-width:621px){.page-portfolio .portfolio-slider-viewport .portfolio-grid .card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:700px){
  .page-portfolio .portfolio-slider-shell{padding:0 52px}
  .page-portfolio .portfolio-slider-button{width:44px;height:44px;font-size:21px}
}
@media(max-width:420px){
  .page-portfolio .portfolio-slider-shell{padding:0 43px}
  .page-portfolio .portfolio-slider-button{width:38px;height:38px;font-size:19px}
}