/* "Selected work" reel: a slow, full-width row of finished pieces. */
.work-reel{position:relative;margin:24px 0 72px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.work-reel__label{margin:0 auto 18px;max-width:1180px;padding:0 clamp(16px,4vw,28px);color:#d4a843;font:600 .72rem/1.2 'Space Grotesk',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.work-reel__track{display:flex;width:auto;overflow-x:auto;scrollbar-width:none}
/* work-reel.js duplicates the items and adds .is-looping; without it the row simply scrolls. */
.work-reel.is-looping .work-reel__track{width:max-content;overflow:visible;animation:work-reel 70s linear infinite}
.work-reel.is-looping:hover .work-reel__track,.work-reel.is-looping:focus-within .work-reel__track{animation-play-state:paused}
.work-reel a.work-reel__item{flex:0 0 auto;width:clamp(170px,16vw,236px);margin-right:16px;color:inherit;text-decoration:none;border-bottom:0}
.work-reel__item figure{margin:0}
.work-reel__item img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:6px;background:#111;border:1px solid rgba(212,168,67,.16);transition:border-color .2s,transform .2s}
.work-reel__item:hover img,.work-reel__item:focus-visible img{border-color:#d4a843;transform:translateY(-3px)}
.work-reel__item figcaption{margin-top:9px;font:500 .84rem/1.35 'Space Grotesk',system-ui,sans-serif;color:rgba(240,237,232,.86)}
.work-reel__item figcaption span{display:block;color:rgba(240,237,232,.5);font-size:.74rem;letter-spacing:.04em}
@keyframes work-reel{to{transform:translateX(-50%)}}
/* Touch screens and reduced motion: a still row the visitor swipes. */
@media (hover:none),(prefers-reduced-motion:reduce){
  .work-reel{-webkit-mask-image:none;mask-image:none}
  .work-reel .work-reel__track,.work-reel.is-looping .work-reel__track{animation:none;overflow-x:auto;width:auto;padding:0 clamp(16px,4vw,28px) 6px;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(16px,4vw,28px);-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .work-reel__track::-webkit-scrollbar{display:none}
  .work-reel a.work-reel__item{scroll-snap-align:start}
  .work-reel__item[aria-hidden="true"]{display:none}
}