.carousel{width:100%;padding:40px 0 60px 0;background:#f8f9fa}.carousel-title{text-align:center;margin:0 auto 30px;padding:0 1rem;max-width:1600px;font-size:2.5rem;font-weight:700;color:#000}.carousel-inner{display:flex;gap:1rem;padding:0 1rem;box-sizing:border-box;max-width:1600px;margin:0 auto}.card{flex:1;height:400px;border-radius:12px;overflow:hidden;cursor:pointer;background-size:cover;background-position:center;display:flex;align-items:flex-end;text-decoration:none;transition:all 0.5s ease;position:relative;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.card:hover{box-shadow:0 8px 25px rgb(0 0 0 / .2);transform:translateY(-8px)}.card.expanded{flex:2;height:420px;align-items:flex-end}.card.small{flex:.8;height:400px;opacity:.7}.card.small:hover{transform:translateY(-6px)}.card-content{width:100%;background:linear-gradient(to top,rgb(0 0 0 / .95),rgb(0 0 0 / .5),transparent);padding:1.5rem;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.card h3{margin:0;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;transition:all 0.5s ease;word-break:break-word;line-height:1.2}.card p{margin:0;font-size:.9rem;opacity:0;transition:opacity 0.5s ease;height:0;line-height:1.5;word-break:break-word}.card-button{display:inline-block;padding:.8rem 1.5rem;background-color:#2563eb;color:#fff;text-decoration:none;border-radius:6px;font-size:.9rem;font-weight:600;margin-top:.8rem;opacity:0;transition:all 0.5s ease;height:0;cursor:pointer;border:none;white-space:nowrap}.card-button:hover{transform:scale(1.05);box-shadow:0 4px 12px rgb(0 0 0 / .3)}.card.expanded .card-content{padding:2rem;justify-content:flex-end}.card.expanded h3{font-size:1.5rem;margin-bottom:.8rem}.card.expanded p{opacity:1;height:auto;font-size:.95rem;margin-bottom:1rem}.card.expanded .card-button{opacity:1;height:auto}@media (max-width:1200px){.carousel-title{font-size:2rem}.carousel-inner{gap:.8rem;padding:0 .8rem}.card{height:350px}.card h3{font-size:1.1rem}.card p{font-size:.85rem}.card.expanded{height:368px}.card.expanded h3{font-size:1.3rem}.card.expanded p{font-size:.9rem}}@media (max-width:1024px){.carousel-title{font-size:1.8rem}.carousel-inner{gap:.7rem;padding:0 .7rem}.card{height:320px}.card h3{font-size:1rem}.card p{font-size:.8rem}.card.expanded{height:336px}.card.expanded h3{font-size:1.2rem}.card.expanded p{font-size:.85rem}.card-button{font-size:.8rem;padding:.6rem 1.2rem}}@media (max-width:768px){.carousel{padding:30px 0 40px 0}.carousel-title{font-size:1.5rem;margin-bottom:20px}.carousel-inner{gap:.5rem;padding:0 .5rem}.card{height:300px;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.card:hover{box-shadow:0 4px 12px rgb(0 0 0 / .15);transform:translateY(-4px)}.card h3{font-size:.95rem;margin-bottom:.3rem}.card p{font-size:.75rem}.card.expanded{height:315px}.card.expanded .card-content{padding:1.5rem}.card.expanded h3{font-size:1.1rem;margin-bottom:.5rem}.card.expanded p{font-size:.8rem;margin-bottom:.6rem}.card-button{font-size:.75rem;padding:.5rem 1rem;margin-top:.4rem}.card.small:hover{transform:translateY(-3px)}}@media (max-width:480px){.carousel{padding:20px 0 30px 0}.carousel-title{font-size:1.3rem;margin-bottom:15px}.carousel-inner{gap:.4rem;padding:0 .4rem}.card{height:280px;border-radius:8px}.card h3{font-size:.9rem;margin-bottom:.2rem}.card p{font-size:.7rem}.card.expanded{height:292px}.card.expanded .card-content{padding:1rem}.card.expanded h3{font-size:1rem;margin-bottom:.4rem}.card.expanded p{font-size:.75rem;margin-bottom:.5rem}.card-button{font-size:.7rem;padding:.4rem .8rem;margin-top:.3rem}}