.dm-portfolio{padding:38px 0;background:var(--dm-bg,#fcf7ee);border-block:1px solid var(--dm-line,#e7e0d4)}
.dm-portfolio__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.dm-portfolio__head h2{font-size:clamp(24px,3vw,40px);line-height:1.2;letter-spacing:-.035em;margin:0;white-space:nowrap;max-width:none}
.dm-portfolio__head p{max-width:600px;margin:0;color:#5e5e5c;font-size:16px}
.dm-portfolio__controls{display:flex;gap:8px;align-items:center;flex-shrink:0}
.dm-portfolio__controls[hidden]{display:none}
.dm-portfolio__control{appearance:none;display:inline-flex;justify-content:center;align-items:center;min-height:44px;min-width:44px;border:1px solid #c7ccbc;border-radius:999px;padding:10px 15px;background:transparent;color:#263120;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;cursor:pointer}
.dm-portfolio__control:hover{background:#e2e7d4}
.dm-portfolio__control:focus-visible,.dm-portfolio__viewport:focus-visible{outline:3px solid #4e6700;outline-offset:4px}
.dm-portfolio__viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b8bfa8 transparent;-webkit-overflow-scrolling:touch;padding:0 max(20px,calc((100vw - 1320px)/2)) 16px}
.dm-portfolio__track{display:flex;gap:20px;width:max-content;list-style:none;margin:0;padding:0}
.dm-portfolio__card{flex:0 0 330px;width:330px;overflow:hidden;border-radius:14px;background:#fff;border:1px solid #e0e4d8;box-shadow:0 4px 14px #24321e06;list-style:none}
.dm-portfolio__card figure{margin:0}
.dm-stitch .dm-portfolio__card img{width:100%;height:236px;object-fit:contain;background:#efeee8}
.dm-portfolio__card figcaption{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 12px;text-align:center;color:#35412e;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.dm-portfolio__card figcaption span:last-child{color:#4e6700}
.dm-portfolio__foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px}
.dm-portfolio__foot p{max-width:570px;color:#5e5e5c;font-size:13px;line-height:1.65;margin:0}
.dm-portfolio__foot .dm-btn{flex-shrink:0}
@media(max-width:749px){.dm-portfolio{padding:28px 0}.dm-portfolio__head{display:block;margin-bottom:18px}.dm-portfolio__head h2{font-size:clamp(22px,6.3vw,30px)}.dm-portfolio__controls{margin-top:14px}.dm-portfolio__card{width:80vw;flex-basis:80vw;max-width:330px}.dm-stitch .dm-portfolio__card img{height:54vw;max-height:236px}.dm-portfolio__track{gap:14px}.dm-portfolio__card figcaption{padding:10px;font-size:10px}.dm-portfolio__foot{align-items:flex-start;flex-direction:column;gap:16px;margin-top:14px}.dm-portfolio__foot .dm-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.dm-portfolio *{scroll-behavior:auto!important}}