.tport{background:#0a0a0c; padding:clamp(5.5rem,8vw,8rem) 0 0;}
.tport .tport__lead{max-width:72rem; margin:2.2rem auto 0; font-family:'Nunito Sans','Segoe UI',Arial,sans-serif; font-size:clamp(1.6rem,1.6vw,1.9rem); line-height:1.65; color:#c3c6cf;}
.tport__badge{display:inline-flex; align-items:center; gap:.85rem; margin-top:2.6rem; font-family:'Nunito Sans','Segoe UI',Arial,sans-serif; font-weight:700; font-size:1.4rem; letter-spacing:.01em; color:#ffffff; padding:9px 20px;}
.tport__badge::before{content:""; width:8px; height:8px; border-radius:50%; background:#de0039; flex:0 0 auto;}

.tport__grid{display:grid; grid-template-columns:1fr 1fr; align-items:stretch; margin-top:clamp(4rem,6vw,6rem);}
.tport__col{display:flex; flex-direction:column; align-items:center; text-align:center; padding:clamp(4rem,5vw,5.5rem) clamp(2.4rem,4vw,4.5rem); gap:1.3rem;}
.tport__col--dark{background:#0d0e13;}
.tport__col--light{background:linear-gradient(180deg,#fafbfd 0%,#e9edf2 100%);}
.tport__k{font-family:'Bebas Neue',sans-serif; letter-spacing:.14em; text-transform:uppercase; font-size:1.5rem; color:#de0039;}
.tport__h{font-family:'Bebas Neue',sans-serif; text-transform:uppercase; letter-spacing:.02em; font-weight:700; font-size:clamp(2.8rem,3.6vw,3.9rem); line-height:1.02; margin:0; color:#ffffff;}
.tport__col--light .tport__h{color:#12141a;}
.tport__p{font-family:'Nunito Sans','Segoe UI',Arial,sans-serif; font-size:clamp(1.45rem,1.4vw,1.7rem); line-height:1.6; margin:0; max-width:44rem; color:#c3c6cf;}
.tport__col--light .tport__p{color:#3a414e;}
.tport__shot{width:100%; margin-top:auto; padding-top:1.4rem;}
.tport__shot img{width:100%; height:auto; display:block; border-radius:12px; border:1px solid rgba(255,255,255,.12); box-shadow:0 22px 50px rgba(0,0,0,.45);}
.tport__col--light .tport__shot img{border-color:rgba(16,18,26,.12); box-shadow:0 22px 50px rgba(16,18,26,.14);}
.tport__ph{display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:16/10; border-radius:12px; border:1px dashed rgba(255,255,255,.22); color:#8a8f9b; font-family:'Bebas Neue',sans-serif; letter-spacing:.1em; text-transform:uppercase; font-size:1.9rem;}
.tport__col--light .tport__ph{border-color:rgba(16,18,26,.2);}

@media (max-width:820px){ .tport__grid{grid-template-columns:1fr;} }