.tm-section{font-family:'DM Sans',sans-serif;padding:100px 0;background:#ffffff;position:relative;overflow:hidden}
.tm-container{max-width:1240px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
.tm-header{text-align:center;margin-bottom:80px}
.tm-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:20px}
.tm-kicker-dot{width:6px;height:6px;background:#21B0F3;border-radius:50%}
.tm-heading{font-family:'Bebas Neue',sans-serif;font-size:clamp(42px,7vw,72px);letter-spacing:2px;line-height:1;color:#0d1e32;margin:0 0 20px}
.tm-sub{font-size:17px;line-height:1.7;color:#6b7a8d;max-width:700px;margin:0 auto;font-weight:300}
.tm-list{display:flex;flex-direction:column;gap:60px;max-width:900px;margin:0 auto}
.tm-member{display:grid;grid-template-columns:220px 1fr;gap:0;align-items:stretch;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(13,30,50,.12)}
.tm-member:nth-child(even){direction:rtl}
.tm-member:nth-child(even) > *{direction:ltr}
.tm-image-wrap{position:relative;overflow:hidden;background:#0d1e32;aspect-ratio:3/4;border-radius:20px 0 0 20px;width:100%;height:100%}
.tm-member:nth-child(even) .tm-image-wrap{border-radius:0 20px 20px 0}
.tm-image-wrap::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(13,30,50,.5) 100%);z-index:2;opacity:0;transition:opacity .4s ease}
.tm-member:hover .tm-image-wrap::before{opacity:1}
.tm-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.tm-member:hover .tm-image-wrap img{transform:scale(1.05)}
.tm-color-bar{position:absolute;top:0;left:0;right:0;height:4px;background:var(--member-color);z-index:3;transform:scaleX(0);transition:transform .4s ease;transform-origin:left}
.tm-member:nth-child(even) .tm-color-bar{transform-origin:right}
.tm-member:hover .tm-color-bar{transform:scaleX(1)}
.tm-socials{position:absolute;bottom:16px;left:50%;transform:translateX(-50%) translateY(20px);display:flex;gap:10px;z-index:3;opacity:0;transition:all .4s ease}
.tm-member:hover .tm-socials{opacity:1;transform:translateX(-50%) translateY(0)}
.tm-social-link{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:var(--member-color);text-decoration:none;font-weight:700;font-size:14px;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.tm-social-link:hover{background:var(--member-color);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.2)}
.tm-social-link svg{width:18px;height:18px;fill:currentColor}
.tm-content{display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--member-color);color:#fff;justify-content:center;border-radius:0 20px 20px 0}
.tm-member:nth-child(even) .tm-content{border-radius:20px 0 0 20px}
.tm-role{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);color:#fff;padding:6px 14px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;width:fit-content;transition:all .3s ease;border:1px solid rgba(255,255,255,.3)}
.tm-member:hover .tm-role{transform:translateY(-2px);background:rgba(255,255,255,.3)}
.tm-name{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,42px);letter-spacing:1.5px;line-height:1;color:#fff;margin:0;transition:all .3s ease}
.tm-member:hover .tm-name{transform:translateX(4px)}
.tm-member:nth-child(even):hover .tm-name{transform:translateX(-4px)}
.tm-bio{font-size:16px;line-height:1.8;color:rgba(255,255,255,.95);font-weight:300;margin:0}
@media(max-width:968px){
.tm-section{padding:60px 0}
.tm-list{gap:40px;max-width:100%}
.tm-member{grid-template-columns:1fr;gap:0;direction:ltr!important;border-radius:16px}
.tm-member:nth-child(even) > *{direction:ltr}
.tm-image-wrap{aspect-ratio:3/4;max-width:100%;border-radius:16px 16px 0 0}
.tm-member:nth-child(even) .tm-image-wrap{border-radius:16px 16px 0 0}
.tm-content{border-radius:0 0 16px 16px!important;text-align:center;align-items:center}
.tm-role{margin:0 auto}
}