.demo-portfolio-viewport{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.demo-portfolio-viewport::-webkit-scrollbar{display:none}.demo-portfolio-track{display:flex;gap:30px;position:relative;width:100%;align-items:flex-start}.demo-portfolio-track>.demo-project{flex:0 0 calc((100% - 30px)/2);min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}.demo-portfolio-viewport:focus-visible{outline:2px solid #8d6a35;outline-offset:7px}.work-carousel-controls{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:30px;padding-top:20px;border-top:1px solid #cabb9c}.work-carousel-controls[hidden]{display:none}.work-position{display:flex;align-items:center;gap:25px;flex-wrap:wrap}#workCount{font-size:10px;letter-spacing:.13em;color:#775e37;white-space:nowrap}.work-dots{display:flex;gap:2px}.work-dots button{background:none;border:0;min-width:36px;min-height:44px;padding:12px;display:grid;place-items:center;cursor:pointer}.work-dots button:before{content:'';width:5px;height:5px;border-radius:50%;background:#a6ab9f}.work-dots button[aria-current="true"]:before{width:21px;height:5px;border-radius:5px;background:#8c6b38}.work-actions{display:flex;align-items:center;gap:9px}.work-arrow{min-height:44px;width:45px;border:1px solid #9f8b68;background:transparent;color:#16394d;font-size:21px}.work-arrow:hover{background:#15374e;color:#f9ecd2}.work-pause{border:0;background:transparent;color:#526775;font-size:10px;min-height:44px;padding:12px;white-space:nowrap}.work-pause:disabled{color:#6f7d7f;cursor:default}.work-carousel-controls button:focus-visible{outline:2px solid #8d6a35;outline-offset:3px}#work .work-footnote{margin-top:20px}.demo-portfolio-track .demo-card-image{padding-top:25px;padding-bottom:25px}
@media(max-width:850px){.demo-portfolio-track{gap:20px}.demo-portfolio-track>.demo-project{flex-basis:calc((100% - 20px)/2)}.work-position{gap:12px}.work-pause{padding-inline:8px;font-size:9px}}
@media(max-width:700px){.demo-portfolio-track{gap:20px}.demo-portfolio-track>.demo-project{flex-basis:100%}.work-carousel-controls{flex-wrap:wrap;gap:5px 15px;margin-top:20px;padding-top:14px}.work-position{width:100%;justify-content:space-between;gap:10px}.work-dots{gap:0}.work-dots button{min-width:27px;padding:9px;min-height:42px}.work-actions{margin-left:auto;gap:8px}.work-arrow{width:43px}.work-pause{font-size:9px}.demo-portfolio-track .demo-card-caption h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.demo-portfolio-viewport{scroll-behavior:auto}.demo-portfolio-track .mini-browser{transition:none}}

@media(min-width:701px){.demo-portfolio-track>.demo-project:nth-child(even){scroll-snap-align:none}}