.tsl-section{font-family:'DM Sans',sans-serif;padding:80px 0;background:#0d1e32;overflow:hidden}
.tsl-section-inner{max-width:1240px;margin:0 auto;padding:0 28px}
@media(max-width:640px){.tsl-section-inner{padding:0 5px}}
.tsl-header{text-align:center;margin-bottom:40px}
.tsl-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(33,176,243,.10);border:1px solid rgba(33,176,243,.25);border-radius:999px;padding:6px 18px;font-size:10.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#21B0F3;margin-bottom:16px}
.tsl-kicker-dot{width:6px;height:6px;border-radius:50%;background:#21B0F3;animation:tsl-pulse 2s infinite}
@keyframes tsl-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}
.tsl-heading{font-family:'Bebas Neue',sans-serif;font-size:clamp(38px,6vw,64px);letter-spacing:2px;line-height:1;color:#fff;margin:0 0 14px}
.tsl-sub{font-size:16px;line-height:1.65;color:rgba(255,255,255,.6);max-width:600px;margin:0 auto;font-weight:300}
.tsl-track-container{position:relative;margin-top:50px}
.tsl-scroll-area{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:35px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
@media(max-width:640px){.tsl-scroll-area{gap:16px}}
.tsl-scroll-area::-webkit-scrollbar{display:none}
.tsl-card{flex:0 0 calc(33.333% - 20px);scroll-snap-align:start;background:#0d1e32;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:.4s cubic-bezier(.16,1,.3,1);text-decoration:none!important;color:#fff;position:relative;border:none!important}
@media(max-width:1024px){.tsl-card{flex:0 0 calc(50% - 15px)}}
@media(max-width:640px){.tsl-card{flex:0 0 96%}}
.tsl-card:hover{transform:translateY(-12px);box-shadow:0 35px 70px rgba(13,30,50,.3)}
.tsl-thumb-wrap{position:relative;overflow:hidden;aspect-ratio:4/5;width:100%}
.tsl-thumb-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1);display:block}
.tsl-card:hover .tsl-thumb-wrap img{transform:scale(1.1);opacity:.6}
.tsl-card-tags{position:absolute;top:20px;left:20px;z-index:10;display:flex;flex-wrap:wrap;gap:6px}
.tsl-card-tag{background:rgba(255,255,255,.95);backdrop-filter:blur(8px);color:#0d1e32;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:4px 12px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.tsl-card-tag--svc{background:#21B0F3;color:#fff}
.tsl-card-overlay{position:absolute;inset:0;z-index:5;background:linear-gradient(to top,rgba(13,30,50,.98) 0%,rgba(13,30,50,.1) 60%,rgba(13,30,50,.3) 100%);pointer-events:none}
.tsl-card-body{position:absolute;bottom:0;left:0;right:0;z-index:6;padding:30px;transform:translateY(0);transition:.4s cubic-bezier(.16,1,.3,1)}
.tsl-card:hover .tsl-card-body{transform:translateY(-15px)}
.tsl-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(24px,3.5vw,30px);color:#fff;margin:0;line-height:1;letter-spacing:1.5px;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.tsl-client{font-size:13px;color:rgba(255,255,255,.6);font-weight:500;margin-top:8px;letter-spacing:.5px}
.tsl-card-arrow{width:48px;height:48px;border-radius:50%;background:#21B0F3;color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;right:25px;bottom:25px;font-size:20px;opacity:0;transform:scale(.5) rotate(-45deg);transition:.4s cubic-bezier(.16,1,.3,1);z-index:10}
.tsl-card:hover .tsl-card-arrow{opacity:1;transform:scale(1) rotate(0deg)}
.tsl-nav{display:flex;justify-content:space-between;position:absolute;top:40%;left:-25px;right:-25px;transform:translateY(-50%);pointer-events:none;z-index:20}
.tsl-nav-btn{width:58px;height:58px;border-radius:50%;border:none;background:#fff;color:#0d1e32;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:.3s;box-shadow:0 12px 36px rgba(0,0,0,.15);pointer-events:auto}
.tsl-nav-btn:hover{background:#21B0F3;color:#fff;transform:scale(1.15)}
@media(max-width:800px){.tsl-nav{display:none}}