.portfolio-controls{display:none}
@media(max-width:650px){
 .studio-portfolio .studio-projects{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:0 0 14px;margin:0;scrollbar-width:thin;scrollbar-color:#626963 transparent}
 .studio-portfolio .studio-project{flex:0 0 92%;min-width:0;scroll-snap-align:start;margin:0}
 .studio-portfolio .studio-project:last-child{flex-basis:100%}
 .studio-portfolio .studio-project>a{height:100%}
 .studio-portfolio .studio-project h3{font-size:calc(clamp(20.7px,5.4vw,24.3px) * var(--text-scale,1))}
 .studio-portfolio .portfolio-controls:not([hidden]){display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:20px;color:#bfc6c0}
 .portfolio-controls button{width:46px;height:46px;border:1px solid #ffffff30;border-radius:2px;background:#202522;color:#eef0e9;font:calc(19.8px * var(--text-scale,1))/1 Arial,sans-serif;cursor:pointer}
 .portfolio-controls button:hover:not(:disabled){background:#303832;border-color:#ffffff60}
 .portfolio-controls button:disabled{opacity:.3;cursor:default}
 .portfolio-position{min-width:5ch;text-align:center;font:calc(14.4px * var(--text-scale,1))/1.5 Arial,sans-serif;font-variant-numeric:tabular-nums}
}