
/* V5.6 - selected work carousel */
.work-carousel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-16px 0 20px}
.work-carousel-intro{font-size:12px;font-weight:800;letter-spacing:.08em;color:#85867b;text-transform:uppercase}
.work-carousel-controls{display:flex;align-items:center;gap:9px}
.work-slide-count{font-size:12px;color:#85867b;font-weight:800;letter-spacing:.08em;margin-right:12px;min-width:60px}
.work-arrow{width:48px;height:48px;border:1px solid #a9aa9f;border-radius:50%;background:transparent;color:#272926;font-size:22px;display:grid;place-items:center;transition:background .2s,transform .2s}
.work-arrow:hover:not(:disabled){background:#df8d70;transform:translateY(-2px)}.work-arrow:disabled{opacity:.3;cursor:not-allowed}
.work-carousel-viewport{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;outline-offset:5px}
.work-carousel-viewport::-webkit-scrollbar{display:none}
.work-carousel-track{display:flex!important;gap:22px;align-items:stretch}
.work-carousel-track>.work-card{flex:0 0 calc((100% - 22px)/2);min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.work-more-visual{background:linear-gradient(130deg,#dfd5ef 0%,#f5dbc7 100%)}
.work-more-art{width:76%;height:75%;background:#f8f6ef;border:3px solid #58546a;box-shadow:17px 17px 0 #887e9755;transform:rotate(-5deg);border-radius:14px;padding:26px;display:flex;flex-direction:column;justify-content:center;position:relative;gap:14px}
.work-more-spark{font-size:54px;color:#df8d70;line-height:1}.work-more-small{font-size:11px;letter-spacing:.12em;font-weight:800;color:#7c7d75}
.work-more-art strong{font:800 clamp(26px,3.1vw,44px)/1.1 Manrope,sans-serif;letter-spacing:-.05em}
.work-more-circle{position:absolute;right:-22px;bottom:-20px;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;border:5px solid #71877b;background:#b9d8c6;font-size:36px}
@media(max-width:680px){.work-carousel-track>.work-card{flex-basis:100%}.work-carousel-head{margin-top:-8px}.work-arrow{height:42px;width:42px}.work-slide-count{margin-right:2px}.work-more-art{padding:20px}.work-more-art strong{font-size:31px}}
@media(prefers-reduced-motion:reduce){.work-carousel-viewport{scroll-behavior:auto}}
