.work-ribbon{padding:38px 0 32px;background:#f6f6f2;overflow:hidden}.work-ribbon-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.work-ribbon-heading h2{font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.045em;line-height:1.1;margin:8px 0 0}.work-ribbon-actions{display:flex;align-items:center;gap:16px}.work-motion{width:42px;height:42px;flex-shrink:0;border:1px solid #20252230;border-radius:50%;background:#fff;color:#202522;cursor:pointer;font-size:18px}.work-window{overflow:auto;scrollbar-width:thin}.work-track{display:flex;width:max-content}.work-group{display:flex;gap:16px;padding-right:16px}.work-photo{width:220px;flex-shrink:0;display:block;text-decoration:none;color:#fff;position:relative;border-radius:14px;overflow:hidden;background:#202522}.work-photo img{display:block;width:220px;height:310px;object-fit:cover;transition:transform .4s}.work-photo>span{position:absolute;bottom:0;left:0;right:0;padding:38px 15px 15px;background:linear-gradient(transparent,#000c);font-size:.8rem;display:flex;gap:12px;justify-content:space-between;align-items:end}.work-photo b{font-size:20px}.work-photo:hover img{transform:scale(1.035)}.work-photo:focus-visible,.work-motion:focus-visible{outline:3px solid #d3bc00;outline-offset:-4px}.work-ribbon.is-moving .work-window{overflow:hidden}.work-ribbon.is-moving .work-track{animation:work-flow 70s linear infinite}.work-ribbon.is-paused .work-track,.work-ribbon:hover .work-track,.work-ribbon:has(.work-photo:focus-visible) .work-track{animation-play-state:paused}.work-ribbon:has(.work-photo:focus-visible) .work-window{overflow:auto}.work-ribbon:has(.work-photo:focus-visible) .work-track{animation:none;transform:none}@keyframes work-flow{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:700px){.work-ribbon{padding:28px 0 24px}.work-ribbon-heading{align-items:flex-start;gap:12px}.work-ribbon-actions{gap:8px}.work-ribbon-actions .instagram-button{font-size:.72rem}.work-photo,.work-photo img{width:176px}.work-photo img{height:250px}.work-group{gap:12px;padding-right:12px}.work-photo>span{font-size:.72rem;padding:32px 12px 12px}.work-ribbon-heading .eyebrow{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.work-ribbon .work-track{animation:none!important;transform:none!important}.work-ribbon .work-window{overflow:auto!important}.work-ribbon .work-photo img{transition:none}.work-group[aria-hidden="true"]{display:none}}
