.circular-gallery{width:100%;overflow:hidden}.circular-gallery__viewport{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.circular-gallery__track{cursor:pointer;will-change:transform;align-items:flex-start;gap:1rem;width:max-content;animation:30s linear infinite circular-gallery-scroll;display:flex}.circular-gallery__item{text-align:center;flex:none;width:clamp(10rem,28vw,19rem);margin:0}.circular-gallery__image-wrap{aspect-ratio:1;background:var(--secondary);box-shadow:0 8px 24px color-mix(in oklch, var(--primary) 12%, transparent);border-radius:1rem;overflow:hidden}.circular-gallery__image{object-fit:cover;width:100%;height:100%;transition:transform .3s,filter .3s;display:block}.circular-gallery__item:hover .circular-gallery__image{filter:brightness(1.04);transform:scale(1.05)}.circular-gallery__item figcaption{color:var(--primary);font-family:var(--font-fraunces), Georgia, serif;padding-top:.75rem;font-size:1rem;font-weight:600}.circular-gallery__catalog-button{border:1px solid var(--primary);background:var(--primary);width:fit-content;color:var(--background);border-radius:999px;justify-content:center;align-items:center;margin:28px auto 0;padding:12px 28px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:transform .2s,opacity .2s,box-shadow .2s;display:flex}.circular-gallery__catalog-button:hover{opacity:.9;box-shadow:0 6px 18px color-mix(in oklch, var(--primary) 20%, transparent);transform:translateY(-2px)}.circular-gallery__catalog-button:active{transform:translateY(0)}@keyframes circular-gallery-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - .5rem))}}@media (max-width:640px){.circular-gallery__viewport{-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.circular-gallery__track{gap:.75rem;animation-duration:24s}.circular-gallery__item{width:13rem;padding-top:1.5rem}.circular-gallery__item figcaption{padding-top:.5rem;padding-bottom:.5rem;font-size:.875rem}.circular-gallery__catalog-button{margin-top:20px;padding:11px 24px;font-size:14px}}@media (max-width:380px){.circular-gallery__item{width:11.5rem}.circular-gallery__catalog-button{width:calc(100% - 32px);max-width:280px}}@media (prefers-reduced-motion:reduce){.circular-gallery__track{animation-duration:60s}}