.work-heading{margin-bottom:39px}
.work-carousel{position:relative;margin-left:calc(var(--pad)*-1);margin-right:calc(var(--pad)*-1);--slide-height:clamp(360px,40vw,590px);--slide-gap:30px}
.carousel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 var(--pad);margin-bottom:25px}
.carousel-live{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#77786b}
.carousel-live:before{content:'';width:6px;height:6px;border-radius:50%;background:#898b78;flex-shrink:0;transition:background .3s,box-shadow .3s}
.is-moving .carousel-live:before{background:#697d00;box-shadow:0 0 0 5px #dfff004a}
.carousel-controls{display:flex;align-items:center;gap:9px}
.carousel-controls button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b9bab0;border-radius:50%;height:43px;width:43px;transition:background .25s,border-color .25s,transform .25s;color:var(--ink);font-size:21px}
.carousel-controls button:hover:not(:disabled){background:var(--lime);border-color:var(--lime)}
.carousel-controls button:active:not(:disabled){transform:scale(.95)}
.carousel-controls button:disabled{opacity:.3;cursor:default}
.carousel-controls button[data-carousel-toggle]{width:auto;border-radius:25px;padding:0 16px;font-size:11px;margin-right:6px}
[data-carousel-toggle-icon]{font-size:12px;min-width:12px}
.carousel-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;padding:10px var(--pad) 16px;position:relative;cursor:grab;scroll-behavior:auto}
.carousel-viewport::-webkit-scrollbar{display:none}
.carousel-viewport:focus-visible{outline-offset:-3px}
.work-carousel .project-grid{position:relative;display:flex!important;align-items:stretch;gap:var(--slide-gap);width:max-content;max-width:none;min-width:0}
.work-carousel .project{--slide-width:calc(var(--slide-height)*var(--card-ratio,.5625));display:block;flex:0 0 var(--slide-width);width:var(--slide-width);max-width:var(--slide-width);margin:0!important;align-self:stretch;text-align:left;opacity:1!important;transform:none!important;cursor:pointer;min-width:0;user-select:none}
.work-carousel .project-visual{position:relative;width:100%;height:var(--slide-height);aspect-ratio:auto!important;overflow:hidden;border:1px solid #17181320;border-radius:6px;background:transparent;box-shadow:0 7px 18px -15px #0003;isolation:isolate;transition:border-color .3s,box-shadow .3s}
.work-carousel .project-visual:before{content:none}
.work-carousel .project:hover .project-visual,.work-carousel .project:focus-visible .project-visual{border-color:#17181355;box-shadow:0 9px 22px -16px #0004}
.work-carousel .project-photo{position:absolute;inset:0;width:100%!important;height:100%!important;transform:none!important;overflow:hidden;background:transparent}
.work-carousel .project-photo img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;padding:0;filter:none!important;transform:none;pointer-events:none;user-select:none;-webkit-user-drag:none}
.work-carousel .project:hover .project-photo img{transform:none}
.project-labels{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:17px;margin-bottom:11px}
.work-carousel .project-labels .project-chip,.work-carousel .project-labels .media-count{position:static;inset:auto;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;color:#64665c;font-size:9px;line-height:1.3;letter-spacing:.7px}
.work-carousel .project-labels .media-count{font-size:10px;letter-spacing:0;white-space:nowrap;flex-shrink:0}
.work-carousel .project-caption{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:start;gap:10px;margin-top:19px;padding:0 2px;min-height:80px}
.work-carousel .project-caption h3{font-size:clamp(21px,1.8vw,28px);line-height:1.08;letter-spacing:-.035em;max-width:100%}
.work-carousel .project-caption p{font-size:11px;color:#77776c;margin-top:9px;line-height:1.35}
.work-carousel .project-number{font-size:9px;gap:8px;display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}
.work-carousel .project-number>span{font-size:23px}
.work-carousel .good-sticker,.work-carousel .night-word,.work-carousel .viewfinder{display:none}
.work-carousel .project-chip{left:13px;top:13px;padding:7px 10px;font-size:7px;letter-spacing:.8px;background:#101010a8;border-color:#ffffff38;color:#fff;backdrop-filter:blur(8px)}
.work-carousel .media-count{right:13px;top:13px;padding:7px 10px;font-size:8px;letter-spacing:.1px;background:#101010a8;border-color:#ffffff38}
.work-carousel .project-play{width:36px;height:36px;right:12px;bottom:12px;background:#f3f3eade;color:#181915;border:1px solid #ffffff65;box-shadow:0 3px 14px #0002;backdrop-filter:blur(8px)}
.work-carousel .project:hover .project-play{transform:none}
.work-carousel .project-play svg{width:15px;height:15px}
.work-carousel .project-overlay{display:none}
.work-carousel .project-overlay>span:last-child{font-size:22px}
.is-dragging .project,.is-dragging .carousel-viewport{cursor:grabbing}
.is-dragging .project-overlay{transform:translateY(calc(100% + 20px))!important}
.is-dragging .project-photo img{transform:none!important}
.carousel-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:22px;padding:0 var(--pad)}
.carousel-hint{display:flex;gap:11px;align-items:center;font-size:11px;color:#74756a;white-space:nowrap}
.carousel-hint>span:first-child{font-size:23px;color:var(--ink)}
.carousel-progress{height:2px;background:#d1d2c5;width:33%;max-width:420px;overflow:hidden}
.carousel-progress span{display:block;width:100%;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(.125)}
.carousel-count{font-size:11px;letter-spacing:1px;min-width:58px;text-align:right;font-variant-numeric:tabular-nums}
.work-carousel.is-single .project-grid{width:100%}
.work-carousel.is-single .carousel-viewport{cursor:auto}
.work-end{margin-top:45px}
@media(min-width:1800px){.work-carousel{--slide-height:620px;--slide-gap:34px}.carousel-live{font-size:11px}.carousel-controls button[data-carousel-toggle]{font-size:12px}}
@media(max-width:800px){.work-carousel{--slide-height:clamp(360px,65vw,510px);--slide-gap:22px}.carousel-toolbar{margin-bottom:20px;gap:15px}.carousel-live{font-size:9px;letter-spacing:.6px}.work-carousel .project-caption h3{font-size:23px}.work-carousel .project-caption p{font-size:10px}.carousel-bottom{gap:22px}.carousel-hint{font-size:10px}.carousel-progress{width:25%}}
@media(max-width:520px){.work-heading{margin-bottom:30px}.work-carousel{--slide-height:min(500px,calc((100vw - 44px)/.81));--slide-gap:18px}.carousel-toolbar{gap:12px;margin-bottom:19px;align-items:center}.carousel-live{font-size:8px;letter-spacing:.25px;gap:8px;line-height:1.4;max-width:130px}.carousel-controls{gap:6px}.carousel-controls button{width:35px;height:35px;font-size:18px}.carousel-controls button[data-carousel-toggle]{padding:0 11px;font-size:10px;gap:5px;margin-right:1px}.work-carousel .project-caption{min-height:80px;margin-top:17px}.work-carousel .project-caption h3{font-size:23px}.work-carousel .project-caption p{font-size:10px;margin-top:8px}.work-carousel .project-labels .project-chip{font-size:8px;letter-spacing:.45px}.work-carousel .project-labels .media-count{font-size:9px}.work-carousel .project-play{width:34px;height:34px;right:10px;bottom:10px}.carousel-bottom{margin-top:13px;gap:18px}.carousel-hint{font-size:9px;gap:8px;white-space:normal}.carousel-hint>span:first-child{font-size:21px}.carousel-progress{width:22%;flex-shrink:0}.carousel-count{font-size:10px;min-width:52px}.work-end{margin-top:33px}}
@media(max-width:360px){.carousel-live{max-width:90px;font-size:7px}.carousel-controls button[data-carousel-toggle]{font-size:9px;padding:0 9px}.carousel-hint{max-width:140px}.carousel-progress{width:18%}}
@media(hover:none){.work-carousel .project:hover .project-photo img{transform:none}.work-carousel .project-overlay{display:none}}
@media(prefers-reduced-motion:reduce){.work-carousel .project-photo img,.work-carousel .project-visual,.carousel-controls button{transition:none}.work-carousel .project:hover .project-photo img{transform:none}}