.pcc{display:block;padding-block:var(--pcc-top) var(--pcc-bottom);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-stack-body)}.pcc__heading{margin-bottom:32px;text-align:center}.pcc__heading h2{color:rgb(var(--color-heading))}.pcc__track{display:flex;gap:var(--pcc-gap);overflow-x:auto;scroll-snap-type:none;scroll-behavior:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:none;overscroll-behavior-x:contain}.pcc__track::-webkit-scrollbar{display:none}.pcc__card{flex:0 0 calc((100% - 3 * var(--pcc-gap))/4);min-width:0;scroll-snap-align:start}.pcc__link{display:block;color:inherit;text-decoration:none}.pcc__media{aspect-ratio:40/49;overflow:hidden;border-radius:0}.pcc__media img,.pcc__media svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease-in-out}.pcc__meta{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 0;margin-top:2px;font-family:var(--font-stack-body);font-size:14px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground-secondary));transition:background .55s ease,color .55s ease}.pcc__meta::before,.pcc__meta::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:rgb(var(--color-border))}.pcc__meta::after{background:rgb(var(--color-heading));transform:scaleX(0);transform-origin:left center;transition:transform .55s cubic-bezier(.22,1,.36,1)}.pcc__link:focus-visible{outline:2px solid rgb(var(--color-heading));outline-offset:-2px}.pcc__link:focus-visible .pcc__meta::after{transform:scaleX(1)}.pcc__link:focus-visible img{transform:scale(1.06)}@media(hover:hover){.pcc__card:hover img{transform:scale(1.06)}.pcc__card:hover .pcc__meta{background:rgb(var(--color-background-secondary));color:rgb(var(--color-heading))}.pcc__card:hover .pcc__meta::after{transform:scaleX(1)}}.pcc__pagination{display:flex;max-width:160px;margin:30px auto 0;height:12px;align-items:center}.pcc__pagination[hidden]{display:none}.pcc__page{flex:1;height:12px;padding:0;border:0;background:transparent;cursor:pointer;position:relative}.pcc__page::before{content:"";position:absolute;inset:4px 0;background:rgb(var(--color-border))}.pcc__page[aria-current=true]::before{background:rgb(var(--color-heading))}.pcc__page:focus-visible{outline:2px solid rgb(var(--color-heading));outline-offset:3px}.pcc__track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.pcc__track img{-webkit-user-drag:none;user-select:none}.pcc__track.is-dragging img{transition:none;transform:none}@media(min-width:750px) and (max-width:989px){.pcc__card{flex-basis:calc((100% - 2 * var(--pcc-gap))/3)}}@media(max-width:749px){.pcc{padding-block:var(--pcc-mobile-padding)}.pcc__heading{margin-bottom:24px}.pcc__track{gap:var(--pcc-mobile-gap)}.pcc__card{flex-basis:calc((100% - .5 * var(--pcc-mobile-gap))/1.5)}.pcc__meta{font-size:13px;margin-top:12px;padding:11px 0}.pcc__pagination{margin-top:24px}}@media(prefers-reduced-motion:reduce){.pcc__media img,.pcc__meta,.pcc__meta::after{transition:none}.pcc__card:hover img,.pcc__link:focus-visible img{transform:none}}

/* Continuous progress thumb: its position follows the actual scroll offset. */
.pcc__pagination{position:relative;isolation:isolate}.pcc__pagination::before,.pcc__pagination::after{content:"";position:absolute;top:4px;height:4px;pointer-events:none}.pcc__pagination::before{left:0;right:0;background:rgb(var(--color-border))}.pcc__pagination::after{left:var(--pcc-progress-left,0%);width:var(--pcc-progress-width,100%);background:rgb(var(--color-heading));will-change:left}.pcc__page::before{display:none}.pcc__page{z-index:1}
@media(max-width:749px){.pcc__track{scroll-snap-type:x mandatory;scroll-padding-inline:0}.pcc__card{scroll-snap-align:start;scroll-snap-stop:normal}.pcc__track.is-dragging{scroll-snap-type:none}}