.recommended-container{padding:4rem 2rem;background-color:#f5f5f5}.recommended-container h2{font-family:Inter,sans-serif;font-size:2.5rem;font-weight:600;line-height:3rem;color:#00102c;margin-bottom:2.5rem;text-align:left}.recommended-cards-scroll{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scroll-behavior:smooth}.recommended-cards-scroll::-webkit-scrollbar{height:6px}.recommended-cards-scroll::-webkit-scrollbar-track{background:rgba(0,16,44,.1);border-radius:3px}.recommended-cards-scroll::-webkit-scrollbar-thumb{background:rgba(0,16,44,.3);border-radius:3px}.recommended-cards-scroll::-webkit-scrollbar-thumb:hover{background:rgba(0,16,44,.5)}.recommended-card{position:relative;min-width:280px;height:400px;overflow:hidden;cursor:pointer;flex-shrink:0;box-shadow:0 4px 16px rgba(0,16,44,.1);transform-origin:center;transition:transform .25s ease,box-shadow .3s ease;will-change:transform}.recommended-card:hover{transform:scale(1.04);z-index:5;box-shadow:0 12px 32px rgba(0,16,44,.2)}.recommended-card:before{content:"";position:absolute;inset:0;background-image:var(--bg);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:0;transform-origin:right bottom;transform:translate(0) rotate(0deg);opacity:1;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .2s linear}.recommended-card:hover:before{transform:translate(130%,130%) rotate(-8deg);opacity:0;transition:transform .9s ease-in,opacity .3s ease-out}.card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,16,44,.7),rgba(0,16,44,.4));display:flex;z-index:1;flex-direction:column;justify-content:flex-end;padding:1.5rem;color:#f5f5f5;transition:all .3s ease}.recommended-card:hover .card-overlay{background:linear-gradient(135deg,rgba(0,16,44,.85),rgba(0,16,44,.6))}.card-type{font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fdefd0;margin-bottom:.5rem}.card-title{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.5rem;color:#f5f5f5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:1024px){.recommended-container{padding:3rem 1.5rem}.recommended-container h2{font-size:2rem;line-height:2.5rem;margin-bottom:2rem}.recommended-card{min-width:240px;height:360px}.card-overlay{padding:1.25rem}.card-title{font-size:1.1rem;line-height:1.4rem}}@media (max-width:768px){.recommended-container{padding:2.5rem 1.25rem}.recommended-container h2{font-size:1.5rem;line-height:2rem;margin-bottom:1.5rem}.recommended-cards-scroll{gap:1.25rem}.card{min-width:200px;height:320px}.card-overlay{padding:1rem}.card-type{font-size:.65rem;margin-bottom:.4rem}.card-title{font-size:1rem;line-height:1.3rem;-webkit-line-clamp:2}}@media (max-width:480px){.recommended-container{padding:2rem 1rem}.recommended-container h2{font-size:1.25rem;line-height:1.6rem;margin-bottom:1.25rem}.recommended-cards-scroll{gap:1rem}.card{min-width:160px;height:280px}.card-overlay{padding:.875rem}.card-type{font-size:.6rem}.card-title{font-size:.9rem;line-height:1.2rem}}