.recent{--recent-bg:#f0eee8;--recent-ink:#191a1b;--recent-height:clamp(250px,28vw,390px);--recent-gap:28px;background:var(--recent-bg);color:var(--recent-ink);padding:clamp(70px,7.5vw,120px) 0 clamp(78px,8vw,130px)}
.recent-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:0 var(--gutter);margin-bottom:clamp(36px,4vw,64px)}
.recent-eyebrow{font-size:14px;letter-spacing:.15em;line-height:1.5;margin:0 0 24px}
.recent-heading h2{font-size:clamp(36px,4.5vw,76px);line-height:1.12;font-weight:400;letter-spacing:-.05em;margin:0}
.recent-actions{display:flex;align-items:center;gap:28px;padding-bottom:7px;flex-wrap:wrap}
.recent-instagram{display:inline-block;font-size:14px;line-height:1.5;border-bottom:1px solid #77756f;padding-bottom:5px}
.recent-instagram[aria-disabled="true"]{cursor:default}
.recent-pause{font:inherit;font-size:12px;background:none;border:0;color:#575750;cursor:pointer;padding:7px 0}
.recent-pause[hidden]{display:none}
.recent-pause:focus-visible,.recent-viewport:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.recent-viewport{width:100%;overflow:hidden;position:relative;padding:14px var(--gutter);scrollbar-width:thin;scrollbar-color:#bcbab2 transparent;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.recent-track{display:flex;width:max-content;align-items:center;will-change:transform;animation:instagramMarquee 35s linear infinite}
@keyframes instagramMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.instagram-marquee.is-paused .instagram-marquee-track,.instagram-marquee.is-interacting .instagram-marquee-track,.instagram-marquee:focus-visible .instagram-marquee-track,.instagram-marquee:has(a:focus-visible) .instagram-marquee-track{animation-play-state:paused}
.instagram-marquee.is-interacting{overflow-x:auto}
@media(hover:hover) and (pointer:fine){.instagram-marquee:hover .instagram-marquee-track{animation-play-state:paused}}
@media(hover:none),(pointer:coarse){.instagram-marquee{overflow-x:auto}}
.recent-group{display:flex;align-items:center;gap:var(--recent-gap);padding:0 var(--recent-gap) 0 0;margin:0;list-style:none;flex-shrink:0}
.recent-piece{flex:none;height:var(--recent-height);position:relative}
.recent-piece-reel{aspect-ratio:9/16}
.recent-piece-portrait,.recent-piece-carousel{aspect-ratio:4/5}
.recent-piece-square{aspect-ratio:1}
.recent-art{height:100%;width:100%;display:flex;align-items:center;justify-content:center;transform:scale(1);transform-origin:center;transition:transform 350ms ease;position:relative}
.recent-piece-reel .recent-art{background:#292d2d;color:#e8e7e0}
.recent-piece-portrait .recent-art{background:#d9ddd9;color:#4b524d}
.recent-piece-square .recent-art{background:#d5d8df;color:#434952}
.recent-piece-carousel .recent-art{background:#bab9a5;color:#363b32}
.recent-format{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:12px;line-height:1.4;letter-spacing:.13em}
.recent-format span{font-size:12px;letter-spacing:.06em;opacity:.7}
.recent-art img,.recent-art video{width:100%;height:100%;object-fit:cover;display:block}
.recent-piece a{display:block;width:100%;height:100%}
.recent-piece a:focus-visible .recent-art{outline:2px solid currentColor;outline-offset:5px}
@media(hover:hover) and (pointer:fine){.recent-piece:hover{z-index:2}.recent-piece:hover .recent-art{transform:scale(1.04)}}
@media(max-width:700px){.recent{--recent-height:270px;--recent-gap:20px;padding-top:64px;padding-bottom:76px}.recent-heading{align-items:flex-start;flex-direction:column;gap:25px;margin-bottom:28px}.recent-eyebrow{font-size:13px;margin-bottom:20px}.recent-heading h2{font-size:clamp(36px,9vw,54px)}.recent-actions{gap:24px;padding-bottom:0}.recent-viewport{padding-top:12px;padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.instagram-marquee{overflow-x:auto}.instagram-marquee-track{animation:none;transform:none;will-change:auto}.recent-group[data-ribbon-copy],.recent-piece[data-ribbon-fill]{display:none}.recent-art{transition:none}.recent-piece:hover .recent-art{transform:none}}
