.card-cycle-section{--cc-surface: var(--sl-color-gray-6, #181a1b);--cc-border: var(--sl-color-hairline, rgba(255, 255, 255, .06));--cc-bg: var(--sl-color-black, #111111);--cc-text: var(--sl-color-white, #e8eaed);--cc-text-muted: var(--sl-color-gray-3, #9fa5af);--cc-accent: var(--sl-color-accent, #8b5cf6);--cc-accent-high: var(--sl-color-accent-high, #c4b5fd);--cc-accent-glow: color-mix(in srgb, var(--cc-accent) 18%, transparent);--cc-radius: 20px;padding:0 0 3rem;display:flex;align-items:flex-start;color:var(--cc-text);overflow:visible;font-family:var(--sl-font, system-ui, sans-serif)}.card-cycle-layout{max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;align-items:center;padding:0 2rem}.section-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:600;line-height:1.15;margin:0 0 1.25rem;color:var(--cc-text)}.section-description{font-size:1.05rem;font-weight:300;line-height:1.7;color:var(--cc-text-muted);margin:0 0 2.5rem;max-width:420px}.card-counter{font-size:1.8rem;font-weight:600;display:flex;align-items:baseline;gap:.3rem}.counter-current{color:var(--cc-accent);transition:opacity .3s}.counter-sep{color:var(--cc-text-muted);font-size:1.2rem;margin:0 .15rem}.counter-total{color:var(--cc-text-muted);font-size:1.2rem}.card-stack-wrapper{display:flex;align-items:center;gap:1.25rem;position:relative}.nav-arrow{flex-shrink:0;width:48px;height:48px;border-radius:50%;border:1px solid var(--cc-border);background:var(--cc-surface);color:var(--cc-text-muted);display:grid;place-items:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:50}.nav-arrow:hover{background:var(--cc-accent);color:var(--cc-bg);border-color:var(--cc-accent);transform:scale(1.08);box-shadow:0 0 20px var(--cc-accent-glow)}.nav-arrow:active{transform:scale(.95)}.card-stack{position:relative;width:380px;height:480px;flex-shrink:0}.cycle-card{position:absolute;inset:0;background:var(--cc-surface);border-radius:var(--cc-radius);border:1px solid var(--cc-border);overflow:hidden;display:flex;flex-direction:column;opacity:0;pointer-events:none}.cycle-card.active{opacity:1;pointer-events:auto;box-shadow:0 0 40px #0000004d}.cycle-card.slide-out-left{animation:slideOutLeft .5s cubic-bezier(.4,0,.2,1) forwards}.cycle-card.slide-out-right{animation:slideOutRight .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideOutLeft{0%{transform:translate(0) scale(1) rotate(0);opacity:1}to{transform:translate(-120%) scale(.92) rotate(-6deg);opacity:0}}@keyframes slideOutRight{0%{transform:translate(0) scale(1) rotate(0);opacity:1}to{transform:translate(120%) scale(.92) rotate(6deg);opacity:0}}.card-image-wrap{width:100%;height:200px;overflow:hidden;position:relative}.card-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,var(--cc-surface));pointer-events:none}.card-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1)}.cycle-card.active:hover .card-image-wrap img{transform:scale(1.05)}.card-body{padding:1.5rem 1.75rem;display:flex;flex-direction:column;flex:1}.card-title{font-size:1.45rem;font-weight:600;margin:0 0 .6rem;color:var(--cc-text)}.card-desc{font-size:.9rem;font-weight:300;line-height:1.65;color:var(--cc-text-muted);margin:0;flex:1}.card-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.85rem;font-weight:600;color:var(--cc-accent);text-decoration:none;padding:.6rem 0;border-top:1px solid var(--cc-border);transition:gap .3s,color .3s}.card-link:hover{gap:.85rem;color:var(--cc-accent-high)}@media(max-width:900px){.card-cycle-layout{grid-template-columns:1fr;gap:2rem;padding:0 1.5rem}.section-text{text-align:center}.section-description{max-width:100%;margin-left:auto;margin-right:auto}.card-counter,.card-stack-wrapper{justify-content:center}}@media(max-width:600px){.card-cycle-section{padding-bottom:2rem}.card-cycle-layout{gap:1.5rem;padding:0 1rem}.card-stack-wrapper{width:100%}.card-stack{width:100%;max-width:340px;height:auto;aspect-ratio:4 / 5}.nav-arrow{width:40px;height:40px}.card-stack-wrapper{gap:.75rem}.card-image-wrap{height:160px}.card-body{padding:1.1rem 1.25rem}.card-title{font-size:1.2rem}.card-desc{font-size:.82rem}.section-title{font-size:1.6rem}.section-description{font-size:.95rem;margin-bottom:1.5rem}.card-counter{font-size:1.4rem}}@media(max-width:400px){.card-stack-wrapper{flex-wrap:wrap;justify-content:center;gap:1rem}.card-stack{order:1;max-width:100%}.nav-prev{order:2}.nav-next{order:3}}