.cf-root{color:#d7d7d7;width:min(980px,96vw);margin:3rem auto 0}.cf-stage{perspective:1000px;perspective-origin:50% 35%;place-items:center;height:340px;display:grid;position:relative}.cf-list{width:100%;height:260px;transform-style:preserve-3d;place-items:center;margin:0;padding:0;list-style:none;display:grid;position:relative}.cf-item{cursor:pointer;will-change:transform,opacity;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.cf-card{width:420px;height:420px;margin-top:100px;position:relative}.cf-imgWrap{background:#2a2a2a;border-radius:14px;width:400px;height:200px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000008c}.cf-img{object-fit:cover}.cf-caption{text-align:center;letter-spacing:.2px;opacity:var(--capOpacity,.35);margin-top:12px;font-size:14px;transition:opacity .2s}.cf-reflection{opacity:.32;pointer-events:none;width:100%;height:110px;position:absolute;top:190px;left:0;transform:translateZ(-1px);-webkit-mask-image:linear-gradient(#000000d9,#0000);mask-image:linear-gradient(#000000d9,#0000)}.cf-imgWrap--reflect{border-radius:14px;transform:scaleY(-1)}.cf-img--reflect{filter:blur(.2px)}.cf-controls{flex-wrap:wrap;justify-content:center;gap:10px;margin:1.2rem auto 0;display:flex}.cf-btn{color:#fff9;cursor:pointer;background:#1e1e1ee6;border:1px solid #ffffff14;border-radius:10px;width:42px;height:42px;margin-top:300px}.cf-btn:hover{color:#fffffff2;border-color:#ffffff2e}.cf-btn.is-active{color:#fff;background:#323232f2;border-color:#ffffff47}.cf-overlay{z-index:9999;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0;place-items:center;display:grid;position:fixed;inset:0}.cf-overlay.is-open{opacity:1;pointer-events:auto}.cf-item--hero .cf-card{width:min(1100px,100vw);height:auto}.cf-item--hero .cf-imgWrap{aspect-ratio:16/9;background:#111;border-radius:18px;width:100%;height:auto;box-shadow:0 30px 90px #000000a6}.cf-item--hero .cf-reflection{display:none}.cf-item--hero .cf-caption{opacity:1;margin-top:14px;font-size:16px}.cf-overlayClose{color:#ffffffe6;cursor:pointer;background:#141414b3;border:1px solid #ffffff1f;border-radius:12px;width:44px;height:44px;position:fixed;top:16px;right:16px}.cf-item,.cf-imgWrap,.cf-img{backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform:translateZ(0)}.cf-item--hero{filter:none!important;opacity:1!important}.cf-item--hero .cf-img{object-fit:contain;object-fit:cover}.cf-overlay .cf-item{margin:0 auto;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.cf-overlay .cf-card{margin:0 auto}