.portfolio-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:flex-end}
.portfolio-controls{display:flex;gap:10px}
.portfolio-controls[hidden]{display:none}
.portfolio-controls button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #b9a994;border-radius:50%;color:var(--ink);background:transparent;font-size:20px;cursor:pointer;transition:background .2s,opacity .2s}
.portfolio-controls button:hover:not(:disabled){background:#ddd2c3}
.portfolio-controls button:disabled{opacity:.3;cursor:default}
.home-projects{display:flex;gap:35px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:3px 0 7px}
.home-projects::-webkit-scrollbar{display:none}
.home-project{flex:0 0 calc((100% - 35px)/2);min-width:0;scroll-snap-align:start}
.home-project:focus-visible{outline-offset:-2px}
.home-projects:focus-visible{outline:2px solid var(--caramel);outline-offset:5px}
@media(max-width:700px){.portfolio-actions{justify-content:flex-start;margin-top:24px}.portfolio-controls{display:none}.home-projects{gap:20px}.home-project{flex-basis:88%}}
@media(prefers-reduced-motion:reduce){.portfolio-controls button{transition:none}}