.listorganize *{margin:0;padding:0;box-sizing:border-box;} .listorganize{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;background-color:#fff;color:#2c3e50;} .listorganize .container{max-width:1400px;margin:0 auto;padding:0 1rem;} .listorganize .carousel-wrapper{position:relative;} .listorganize .embla{overflow:hidden;} .listorganize .embla__container{display:flex;gap:1rem;} .listorganize .embla__slide{flex:0 0 85%;min-width:0;transition:all 0.3s ease;} @media (min-width:640px){.listorganize .embla__slide{flex:0 0 45%;} .listorganize .embla__container{gap:1.5rem;}} @media (min-width:768px){.listorganize .embla__slide{flex:0 0 30%;}} @media (min-width:1024px){.listorganize .embla__slide{flex:0 0 22%;}} .listorganize .staff-card{position:relative;width:100%;cursor:pointer;transition:transform 0.5s ease;} .listorganize .staff-card:hover{transform:scale(1.05);} .listorganize .card-inner{position:relative;width:100%;aspect-ratio:7/10;overflow:hidden;border-radius:0.5rem;box-shadow:0 10px 30px rgba(0, 0, 0, 0.15);transition:box-shadow 0.5s ease;} .listorganize .staff-card:hover .card-inner{box-shadow:0 20px 50px rgba(0, 0, 0, 0.25);} .listorganize .card-image{width:100%;height:100%;object-fit:cover;} .listorganize .card-overlay{position:absolute;inset:0;background:linear-gradient(to top, #193c76 0%, rgba(25, 60, 118, 0.8) 50%, transparent 100%);opacity:0;transition:opacity 0.5s ease;} .listorganize .staff-card:hover .card-overlay, .listorganize .staff-card.is-center .card-overlay{opacity:0.9;} .listorganize .card-info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;transform:translateY(1rem);opacity:0;transition:all 0.5s ease;} .listorganize .staff-card:hover .card-info, .listorganize .staff-card.is-center .card-info{transform:translateY(0);opacity:1;} .listorganize .card-divider{width:3rem;height:0.25rem;background-color:#edd25f;border-radius:9999px;margin-bottom:0.75rem;} .listorganize .card-name{font-size:1.25rem;font-weight:700;color:#ffffff;margin-bottom:0.25rem;} .listorganize .card-position{font-size:0.875rem;color:rgba(255, 255, 255, 0.9);font-weight:500;} .listorganize .nav-button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:3rem;height:3rem;border-radius:0.5rem;background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(8px);border:1px solid rgba(25, 60, 118, 0.2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);} .listorganize .nav-button:hover{background:#193c76;color:#ffffff;} .listorganize .nav-button.prev{left:0.5rem;} .listorganize .nav-button.next{right:0.5rem;} .listorganize .nav-button svg{width:1.5rem;height:1.5rem;stroke:currentColor;stroke-width:2;fill:none;} .listorganize .pagination{display:flex;justify-content:center;gap:0.125rem;margin-top:1.5rem;} .listorganize .pagination-dot{width:0.5rem;height:0.5rem;border-radius:9999px;background:#d1d5db;border:none;cursor:button;transition:all 0.3s ease;} .listorganize .pagination-dot:hover{background:rgba(25, 60, 118, 0.5);} .listorganize .pagination-dot.active{width:2rem;background:#193c76;}