.coverflow{--cf-card-width:290px;--cf-step:min(var(--cf-spacing),23vw);isolation:isolate;color:#343a33;background:#f4f1e9;border-radius:10px;margin:24px 0 54px;padding:28px 0 24px;position:relative;overflow:hidden}.cf-backdrop{z-index:-1;filter:blur(8px);opacity:.45;background:#f4f1e9;transition:filter .65s ease-out,opacity .65s ease-out;position:absolute;inset:0}.coverflow[data-visible=true] .cf-backdrop{filter:blur();opacity:1}.cf-stage{perspective:1100px;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:470px;position:relative}.cf-entrance{transform-style:preserve-3d;opacity:0;filter:blur(9px);transition:transform .65s ease-out,opacity .65s ease-out,filter .65s ease-out;position:absolute;inset:0;transform:translateY(35px)scale(.85)}.coverflow[data-visible=true] .cf-entrance{opacity:1;filter:blur();transform:translateY(0)scale(1)}.coverflow[data-exiting=true] .cf-entrance{opacity:0;filter:blur(3px);transition-duration:.18s;transform:translateY(-12px)scale(.94)}.cf-card-position{left:calc(50% - var(--cf-card-width)/2);width:var(--cf-card-width);transform-style:preserve-3d;transform:translate3d(calc(var(--cf-offset)*var(--cf-step)),var(--cf-y),var(--cf-z)) rotateY(var(--cf-angle)) scale(var(--cf-scale));transition:transform var(--cf-duration) cubic-bezier(.16,1,.3,1),opacity var(--cf-duration) ease-out;position:absolute;top:32px}.cf-card{cursor:grab;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;transition:box-shadow var(--cf-duration) ease-out,filter var(--cf-duration) ease-out;filter:brightness(.96);color:inherit;font:inherit;background:#fffdf8;border:1px solid #dedace;border-radius:12px;padding:12px;display:block;box-shadow:0 18px 34px #373c3324}.cf-card:active{cursor:grabbing}.cf-card[tabindex="0"]{filter:brightness();box-shadow:0 23px 38px #373c3340}.cf-card img{object-fit:contain;pointer-events:none;border-radius:5px;width:100%;height:315px;display:block}.cf-card>span{pointer-events:none;min-height:40px;margin-top:12px;font-size:13px;line-height:1.5;display:block}.cf-card small{opacity:.6;margin-top:4px;font-size:10px;display:block}.cf-card:focus-visible{outline-offset:4px;outline:3px solid #6e785d}.cf-controls button:focus-visible{outline-offset:4px;outline:3px solid #6e785d}.cf-caption{text-align:center;max-width:660px;min-height:100px;margin:0 auto;padding:0 24px}.cf-caption h3{font:400 24px/1.4 var(--serif);margin:0 0 12px}.cf-caption p{color:#737568;margin:0;font-size:13px;line-height:1.8}.cf-controls{justify-content:center;align-items:center;gap:26px;margin-top:15px;display:flex}.cf-controls button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #c7c9bc;border-radius:50%;font-size:23px}.cf-controls button:disabled{opacity:.3;cursor:default}.cf-controls span{font-variant-numeric:tabular-nums;font-size:12px}.cf-hint{text-align:center;color:#7e8074;margin:15px 0 0;padding:0 20px;font-size:10px}@media (max-width:767px){.coverflow{--cf-card-width:210px;--cf-step:min(var(--cf-spacing),38vw);padding-top:15px}.cf-stage{perspective:900px;height:355px}.cf-card img{height:220px}.cf-card>span{font-size:11px}.cf-caption h3{font-size:19px}.cf-caption{min-height:120px}.cf-hint{line-height:1.8}}@media (prefers-reduced-motion:reduce){.coverflow *{transition:none!important}.coverflow .cf-entrance,.coverflow[data-exiting=true] .cf-entrance{opacity:1;filter:none;transform:none}.coverflow .cf-backdrop{filter:none;opacity:1}}