.circular-showcase{background:#121214;border:1px solid #29292e;overflow:hidden;margin:0 0 42px}.circular-gallery{position:relative;width:100%;height:clamp(330px,35vw,500px);overflow:hidden;touch-action:pan-y;user-select:none;cursor:grab;background:radial-gradient(ellipse at 50% 80%,#211e2833,transparent 65%)}.circular-gallery.is-dragging{cursor:grabbing}.circular-gallery-item{position:absolute;left:50%;top:54%;width:var(--circular-card-width,240px);height:calc(var(--circular-card-width,240px)*1.3);padding:0;border:1px solid #ffffff24;border-radius:9px;overflow:hidden;background:#1d1d22;box-shadow:0 22px 55px #0006;color:#eeeef0;font:inherit;cursor:pointer;will-change:transform;contain:layout}.circular-gallery-item img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .65s cubic-bezier(.2,.7,.2,1)}.circular-gallery-item:hover img{transform:scale(1.065)}.circular-gallery-item:focus-visible{outline:3px solid #c5b7d3;outline-offset:-4px}.circular-card-title{position:absolute;bottom:0;left:0;width:100%;padding:40px 15px 16px;background:linear-gradient(transparent,#000c);text-align:left;font-size:14px;line-height:1.5;pointer-events:none}.circular-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #303037;margin:0 25px;padding:18px 0}.circular-toolbar p{margin:0;color:#a3a3ac;font-size:14px}.circular-toolbar>div{display:flex;align-items:center;gap:16px}.circular-toolbar button{font:inherit;color:#ddd;background:transparent;border:1px solid #45454d;border-radius:5px;height:36px;min-width:38px;padding:6px 10px;font-size:18px;cursor:pointer}.circular-toolbar .circular-toggle{font-size:13px;padding:6px 13px}.circular-toolbar button:hover{background:#302c38}.circular-toolbar button:focus-visible{outline:2px solid #b4a5c5;outline-offset:4px}.circular-count{font-size:13px;letter-spacing:2px;color:#b9b7c1;min-width:57px;text-align:center}@media(max-width:760px){.circular-gallery{height:340px}.circular-toolbar{margin:0 15px;gap:12px;flex-wrap:wrap}.circular-toolbar p{font-size:12px}.circular-toolbar>div{gap:10px;margin-left:auto}.circular-card-title{font-size:13px}}@media(prefers-reduced-motion:reduce){.circular-gallery-item img{transition:none}.circular-gallery-item:hover img{transform:none}}

.circular-gallery-item{height:auto;aspect-ratio:16/10}.circular-gallery-item img{object-fit:contain;filter:none}.circular-gallery-item:hover img{transform:none}.video-badge,.sample-badge{position:absolute;top:12px;padding:5px 9px;border-radius:4px;background:#111c;color:#eee;font-size:12px}.video-badge{left:12px}.sample-badge{right:12px}.circular-gallery{height:clamp(330px,30vw,440px)}

.circular-showcase,.circular-gallery-item{border-radius:6px}

.mixed-preview-note{margin:0;padding:14px 24px;border-bottom:1px solid #303037;font-size:13px;color:#b9aec5}.circular-gallery-item img{object-fit:contain}

.circular-gallery-item img{object-fit:cover}.circular-gallery{height:clamp(400px,36vw,490px)}

.circular-gallery-item .card-video-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;background:#111;transition:opacity .25s}.circular-gallery-item.is-preview-playing .card-video-preview{opacity:1}.circular-gallery-item .circular-card-title,.circular-gallery-item .video-badge,.circular-gallery-item .sample-badge{z-index:2}

.circular-gallery{perspective:1200px;perspective-origin:50% 52%;-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent)}.circular-gallery-item{backface-visibility:hidden;box-shadow:0 18px 40px #0005}