#work.is-wheel{padding:78px 0 60px;background:#e2e3de;overflow:hidden}
#work.is-wheel .section-heading{margin:0 7% 35px 10%}
#work.is-wheel .rail{left:3%;top:80px}
#work.is-wheel .collection{display:block;position:relative;width:100%;height:355px;perspective:1300px;touch-action:pan-y;user-select:none;cursor:grab;isolation:isolate}
#work.is-wheel .collection-item{position:absolute;left:50%;top:20px;width:260px;margin:0 0 0 -130px;padding:6px 6px 0;border:1px solid #fff;border-bottom-color:#adb5a7;background:#f7f7f0;border-radius:8px;box-shadow:0 3px 0 #b5bdad,0 5px 0 #e9ece2,0 6px 0 #a8b19e,0 20px 25px -12px #1c2c2645;transform-origin:center center;will-change:transform;backface-visibility:hidden;perspective:none}
#work.is-wheel .collection-image{display:block;width:100%;padding:0;background:#eff1e9;border:1px solid #d0d6c8;border-radius:3px;box-shadow:none;overflow:hidden;cursor:inherit;transform:none!important}
#work.is-wheel .collection-image:before,#work.is-wheel .collection-image:after{display:none}
#work.is-wheel .collection-image img{width:100%;height:auto;aspect-ratio:1440/1000;object-fit:contain;border-radius:0;transform:none!important;pointer-events:none;user-select:none;-webkit-user-drag:none}
#work.is-wheel .collection-image>span{right:8px;bottom:8px;width:auto;height:auto;font-size:10px;padding:6px 8px;background:#fafbf4f0;border-radius:4px;box-shadow:0 2px 5px #2222}
#work.is-wheel .collection-image>span:after{display:none}
#work.is-wheel .collection-caption{display:grid;grid-template-columns:1fr;gap:5px;padding:12px 9px 14px}
#work.is-wheel .collection-caption h3{font-size:17px;line-height:1.3;font-weight:550}
#work.is-wheel .collection-caption p{font-size:11px;line-height:1.5;margin-top:4px}
#work.is-wheel .project-state{grid-column:1;font-size:10px;line-height:1.5;margin:0}
#work.is-wheel .collection.is-dragging,#work.is-wheel .collection.is-dragging .collection-image{cursor:grabbing}
.wheel-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 6%;font-size:12px}
.wheel-controls>button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #fff;border-bottom-color:#a9b19f;border-radius:6px;background:linear-gradient(#fafbf5,#e4e8dc);box-shadow:0 3px 0 #aeb7a4,0 7px 12px #2221;font-size:20px;color:#29218f;cursor:pointer}
.wheel-controls>button:active{transform:translateY(2px);box-shadow:0 1px 0 #aeb7a4}
.wheel-status{min-width:180px;text-align:center;font-size:12px;line-height:1.5;color:#414a40}
.wheel-picker{display:flex;justify-content:center;gap:0;margin-top:14px}
.wheel-picker button{border:0;background:none;color:#71786d;font:500 11px Manrope,Arial,sans-serif;width:40px;height:40px;cursor:pointer;border-bottom:2px solid transparent}
.wheel-picker button[aria-current=true]{border-bottom-color:#3d32c7;color:#3d32c7;font-weight:700}
.wheel-hint{margin:16px auto 0;text-align:center;font-size:11px;color:#56604f}
@media(max-width:800px){#work.is-wheel{padding:60px 0 45px}#work.is-wheel .section-heading{margin:0 7% 25px 10%}#work.is-wheel .collection{height:310px}#work.is-wheel .collection-item{width:220px;margin-left:-110px}#work.is-wheel .collection-caption h3{font-size:16px}.wheel-controls{gap:14px}.wheel-status{min-width:165px}}