.cf-demo-shell,.cf-demo-shell *{box-sizing:border-box}.cf-demo-shell{--cf-ink:#13212b;--cf-accent:#ef2333;--cf-panel:#f4f6f6;width:100%;padding:0;color:var(--cf-ink)}.cf-coverflow{position:relative;width:100%;min-height:clamp(610px,76svh,820px);margin:0;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.99) 0 20%,rgba(255,255,255,.52) 48%,transparent 72%),linear-gradient(135deg,#f8f9f7,var(--cf-panel));box-shadow:0 28px 80px #14281f1f;isolation:isolate}.cf-coverflow:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.24;background-image:radial-gradient(circle at 1px 1px,rgba(16,35,29,.13) 1px,transparent 0);background-size:18px 18px;mask-image:linear-gradient(to bottom,#000,transparent 62%)}.cf-header{position:absolute;z-index:20;top:clamp(28px,5.5%,52px);right:24px;left:24px;text-align:center;pointer-events:none}.cf-eyebrow{margin:0 0 10px;color:var(--cf-accent);font-size:11px;font-weight:850;letter-spacing:.19em}.cf-header h2{margin:0;font-size:clamp(32px,3.7vw,58px);line-height:.98;letter-spacing:-.05em}.cf-intro{max-width:620px;margin:12px auto 0;color:#13212b9e;font-size:clamp(13px,1vw,15px);line-height:1.6}.cf-stage{position:absolute;z-index:5;inset:clamp(150px,21%,190px) 0 90px;overflow:hidden;outline:none;perspective:1500px;perspective-origin:50% 45%;cursor:grab;touch-action:pan-y}.cf-stage:active{cursor:grabbing}.cf-stage:focus-visible{outline:3px solid rgba(239,35,51,.28);outline-offset:-5px}.cf-track{position:absolute;inset:0;transform-style:preserve-3d}.cf-card{position:absolute;top:48%;left:50%;width:clamp(300px,34vw,560px);aspect-ratio:16/10;overflow:hidden;padding:0;border:0;border-radius:clamp(10px,1vw,18px);background:#dfe4e5;box-shadow:0 18px 38px #12221c26;transform-origin:center;will-change:transform,opacity,filter;cursor:pointer;user-select:none;transition:box-shadow .45s ease}.cf-card:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.56);border-radius:inherit;pointer-events:none}.cf-card img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}.cf-card.is-active{box-shadow:0 36px 76px #12221c40,0 8px 18px #12221c24}.cf-footer{position:absolute;z-index:20;right:clamp(20px,3vw,42px);bottom:22px;left:clamp(20px,3vw,42px);display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.cf-active-copy{display:flex;align-items:baseline;gap:12px}.cf-number{color:var(--cf-accent);font-size:13px;font-weight:850;letter-spacing:.1em}.cf-title{font-size:clamp(15px,1.35vw,20px)}.cf-controls{display:flex;align-items:center;gap:10px}.cf-controls button{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid rgba(16,35,29,.17);border-radius:50%;background:#ffffffd1;color:var(--cf-ink);cursor:pointer;backdrop-filter:blur(12px);transition:background .2s ease,color .2s ease,transform .2s ease}.cf-controls button:hover{color:#fff;background:var(--cf-ink);transform:translateY(-2px)}.cf-controls button:focus-visible{outline:3px solid rgba(239,45,51,.3);outline-offset:2px}.cf-controls svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cf-counter{min-width:66px;text-align:center;font-size:11px;font-weight:750;letter-spacing:.1em}@media(max-width:900px){.cf-coverflow{min-height:650px}.cf-stage{inset:185px 0 94px}.cf-card{width:min(62vw,450px)}}@media(max-width:700px){.cf-coverflow{min-height:610px;border-radius:16px}.cf-header{top:34px}.cf-header h2{font-size:34px}.cf-intro{max-width:300px}.cf-stage{inset:175px 0 92px}.cf-card{top:49%;width:min(72vw,330px)}.cf-footer{right:16px;bottom:18px;left:16px;gap:8px}.cf-title{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-controls{gap:7px}.cf-controls button{width:38px;height:38px}.cf-counter{display:none}}@media(prefers-reduced-motion:reduce){.cf-card,.cf-controls button{transition:none!important}}.cf-card,.cf-card:hover,.cf-card:focus,.cf-card:focus-visible,.cf-card:active,.cf-card.is-active{border:0!important;outline:0!important;-webkit-tap-highlight-color:transparent}.cf-card:focus-visible{box-shadow:0 30px 70px #12221c3b,0 8px 18px #12221c1f!important}.cf-card:after{border:1px solid rgba(255,255,255,.42)!important;outline:0!important}.cf-card img{border:0!important;outline:0!important;box-shadow:none!important}.cf-stage{perspective:1750px;perspective-origin:50% 48%}.cf-card{transform-style:preserve-3d;transition:box-shadow .34s ease,filter .12s linear,opacity .12s linear}.cf-card.is-active{box-shadow:0 30px 64px #12221c36,0 7px 16px #12221c1c}.cf-stage:active .cf-card{transition:box-shadow .24s ease,filter .06s linear,opacity .06s linear}@media(prefers-reduced-motion:reduce){.cf-card{transition:none!important}}