.cf{position:relative;width:100%;padding:20px 0 0}.cf-stage{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:18px;min-height:clamp(300px,40vw,430px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:10px}.cf-stage::-webkit-scrollbar{display:none}.cf-item{position:relative;flex:0 0 clamp(180px,24vw,260px);scroll-snap-align:center;transition:transform .5s ease,opacity .5s ease}.cf-art{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:3px;background:var(--bg-soft);box-shadow:0 22px 50px rgba(0,0,0,.5)}.cf-art img{width:100%;height:100%;object-fit:cover}.cf-shade{position:absolute;inset:0;background:rgba(8,8,8,.5);transition:opacity .5s ease}.cf-play{position:absolute;inset:0;margin:auto;display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:rgba(0,0,0,.25);color:#fff;cursor:pointer;opacity:0;transition:.35s;backdrop-filter:blur(2px)}.cf-play svg{width:26px;height:26px;margin-inline-start:4px}.cf-play:hover{background:var(--gold);border-color:var(--gold);color:var(--on-gold);transform:scale(1.06)}.cf.is-live .cf-stage{justify-content:center;overflow-x:clip;overflow-y:visible}.cf.is-live .cf-item{position:absolute;inset-inline-start:50%;width:clamp(190px,26vw,300px);flex:none;margin-inline-start:calc(clamp(190px,26vw,300px) / -2)}.cf.is-live .cf-item[data-at="0"]{z-index:5;transform:scale(1.18)}.cf.is-live .cf-item[data-at="0"] .cf-shade{opacity:0}.cf.is-live .cf-item[data-at="0"] .cf-play{opacity:1}.cf.is-live .cf-item[data-at="0"] .cf-art{box-shadow:0 30px 70px rgba(0,0,0,.6)}.cf.is-live .cf-item[data-at="-1"]{z-index:4;transform:translateX(-78%) scale(.84) rotate(-5deg)}.cf.is-live .cf-item[data-at="1"]{z-index:4;transform:translateX(78%) scale(.84) rotate(5deg)}.cf.is-live .cf-item[data-at="-2"]{z-index:3;transform:translateX(-142%) scale(.68) rotate(-8deg)}.cf.is-live .cf-item[data-at="2"]{z-index:3;transform:translateX(142%) scale(.68) rotate(8deg)}.cf.is-live .cf-item[data-at="far"]{z-index:1;opacity:0;pointer-events:none;transform:scale(.6)}.cf.is-live .cf-item:not([data-at="0"]) .cf-art{cursor:pointer}.cf-nav{position:absolute;top:calc(50% - 20px);z-index:10;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;transition:.25s}.cf-nav:hover{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}.cf-prev{inset-inline-start:0}.cf-next{inset-inline-end:0}.cf:not(.is-live) .cf-nav{display:none}.cf-caption{margin-top:34px;text-align:center;min-height:70px}.cf-caption h3{margin:0 0 8px;font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,1.9rem);font-weight:600;letter-spacing:-.01em;color:var(--text)}.cf-caption p{margin:0;color:var(--gray);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}.cf:not(.is-live) .cf-caption{display:none}@media (hover:none){.cf.is-live .cf-item[data-at="0"] .cf-play{opacity:1}}@media (max-width:640px){.cf-nav{width:42px;height:42px}.cf.is-live .cf-item[data-at="-2"],.cf.is-live .cf-item[data-at="2"]{opacity:0;pointer-events:none}.cf-play{width:62px;height:62px}.cf-play svg{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){.cf-item{transition:none}}