:root{--bg:#0b0d12;--ink:#eef2fb;--muted:#8a93a8;--accent:#7aa2ff}.cf{text-align:center;--slide-width:clamp(200px, 26vw, 300px);--slide-height:clamp(280px, 36vw, 420px);--tx-factor:58%;--tz-factor:-160px;--ry-factor:-42deg;--scale-factor:.12;--opacity-factor:.26;width:100%;max-width:1100px;padding:clamp(28px,5vw,64px) 20px;overflow-x:hidden}.cf__eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.cf__title{letter-spacing:.005em;margin:.25em 0 .2em;font-size:clamp(2.4rem,7vw,4rem);font-weight:400}.cf__sub{color:var(--muted);font-size:.9rem}.stage{perspective:1600px;touch-action:pan-y;width:100%;height:clamp(340px,52vh,520px);margin:clamp(24px,4vw,48px) 0 8px;position:relative}.deck{transform-style:preserve-3d;cursor:grab;position:absolute;inset:0}.deck:active{cursor:grabbing}.slide{width:var(--slide-width);height:var(--slide-height);will-change:transform,opacity;-webkit-user-select:none;user-select:none;transform:translate(-50%, -50%) translateX(calc(var(--off) * var(--tx-factor))) translateZ(calc(min(var(--abs), 3.2) * var(--tz-factor))) rotateY(calc(clamp(-1, var(--off), 1) * var(--ry-factor))) scale(max(.62, 1 - var(--abs) * var(--scale-factor)));opacity:calc(clamp(.12,1 - var(--abs)*var(--opacity-factor),1)*clamp(0,(3.4 - var(--abs))*1000,1));background:#fff;border-radius:16px;margin:0;transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .6s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 30px 60px -20px #000000b3,inset 0 0 0 1px #ffffff0d}.slide img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.slide figcaption{text-align:left;opacity:0;background:linear-gradient(#0000,#06080cd9);padding:28px 16px 14px;font-size:1.2rem;transition:opacity .5s,transform .5s;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.slide.is-active figcaption{opacity:1;transform:translateY(0)}.slide.is-active{box-shadow:0 40px 80px -24px #000000d9,inset 0 0 0 1px #7aa2ff59}.cf__controls{justify-content:center;align-items:center;gap:20px;margin-top:6px;display:flex}.nav{width:46px;height:46px;color:var(--ink);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:50%;place-items:center;font-size:1.5rem;line-height:1;transition:transform .25s,background .25s,border-color .25s;display:grid}.nav:hover{border-color:var(--color-primary);background:#7aa2ff29;transform:translateY(-2px)}.nav:active{transform:translateY(0)scale(.94)}.dots{align-items:center;gap:10px;display:flex}.dot{cursor:pointer;background:#dcdcdc;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:transform .3s,background .3s}.dot.is-active{background:var(--color-primary);transform:scale(1.5)}@media (max-width:768px){.cf{--slide-width:clamp(160px, 24vw, 200px);--slide-height:clamp(220px, 33vw, 280px);--tx-factor:50%;--tz-factor:-120px;--ry-factor:-36deg}.stage{height:clamp(260px,40vh,340px)}}@media (max-width:520px){.cf__controls{gap:12px}}@media (max-width:480px){.cf{--slide-width:185px;--slide-height:255px;--tx-factor:42%;--tz-factor:-80px;--ry-factor:-30deg}.stage{height:230px;margin:16px 0 8px}}