/* TRIDEVOM INFOTECH | Mobile service links, shorter hero, leadership cards | 2026-11-01 */
/* This separate file loads AFTER the existing theme styles. Desktop home hero is unchanged. */
.leadership-section{background:linear-gradient(180deg,#f9fbff 0%,#eef4fc 100%)}
.leadership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.leadership-card{position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:218px;padding:28px;border:1px solid #dfe8f6;border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(9,35,80,.065)}
.leadership-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#0b4ca5,#368ef7 68%,#d39b42)}
.leadership-monogram{display:grid;place-items:center;width:66px;height:66px;margin-bottom:25px;border-radius:18px;background:linear-gradient(145deg,#061b48,#0e5abd);color:white;font-family:Oswald,sans-serif;font-size:28px;font-weight:600;letter-spacing:.035em}
.leadership-role{display:block;margin-bottom:8px;color:#2162b8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}
.leadership-card h3{margin:0;color:#0a1d44;font-size:clamp(20px,2vw,27px);line-height:1.24;overflow-wrap:anywhere}
@media(min-width:681px) and (max-width:950px){.leadership-grid{gap:12px}.leadership-card{padding:20px;min-height:204px}}
@media(max-width:680px){
 /* Shorten only the mobile hero: whole video remains behind heading/buttons. */
 .hero.hero-phase2.hero-video-mode{
   height:clamp(360px,calc(100svh - 206px),550px)!important;
   min-height:0!important;
   max-height:none!important;
   padding:0!important;
 }
 .hero-video-mode .hero-video-content{height:100%!important;justify-content:center!important;}
 .hero-video-mode .hero-copy h1{font-size:clamp(28px,8.3vw,38px);line-height:1.055;margin:9px 0 10px;}
 .hero-video-mode .hero-copy>p{font-size:clamp(11px,2.9vw,13px);line-height:1.43;}
 .hero-video-mode .hero-actions{margin-top:13px;}
 .hero-video-mode .trust-row{margin-top:10px;}
 .hero-video-mode .trust-row span{font-size:clamp(7.6px,2vw,9px);padding:6px 6px;}
 .stats-section{padding-top:11px!important;padding-bottom:17px!important;}
 .stats-grid.proof-stats{margin-top:0!important;}
 .stats-grid.proof-stats .stat-card{min-height:85px;padding:10px 3px!important;}
 .stats-grid.proof-stats .stat-card strong{font-size:clamp(23px,6.5vw,30px)!important;}
 .stats-grid.proof-stats .stat-card .stat-mobile{font-size:clamp(8px,2.25vw,9px);}
 /* Service links: no shrink-to-overlap. Every title remains fully visible. */
 .service-link-strip{overflow:hidden;}
 .service-link-grid{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:9px!important;overflow:visible!important;
   padding:14px 0!important;min-width:0;
 }
 .service-link-grid>a{
   display:flex;justify-content:center;align-items:center;min-width:0;
   min-height:45px;padding:10px 9px!important;
   white-space:normal!important;text-align:center;
   overflow-wrap:break-word;word-break:normal;
   font-size:clamp(11px,2.85vw,12px)!important;line-height:1.32;
   border-radius:12px!important;
 }
 .leadership-section{padding-block:43px;}
 .leadership-grid{grid-template-columns:1fr;gap:12px;}
 .leadership-card{min-height:110px;padding:17px 18px 17px 92px;justify-content:center;border-radius:17px;}
 .leadership-monogram{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:56px;height:56px;margin:0;border-radius:14px;font-size:22px;}
 .leadership-card h3{font-size:20px;}
 .leadership-role{font-size:10px;margin-bottom:4px;}
}
@media(max-width:360px){
 .service-link-grid{gap:7px!important;}
 .service-link-grid>a{font-size:10.7px!important;padding:9px 7px!important;}
 .hero-video-mode .hero-copy h1{font-size:clamp(26px,8.3vw,31px);}
 .hero-video-mode .hero-copy>p{font-size:11px;}
 .hero-video-mode .hero-actions .btn{font-size:10px;min-height:39px;}
}
@media(max-width:680px) and (max-height:610px){
 .hero.hero-phase2.hero-video-mode{height:calc(100svh - 197px)!important;min-height:340px!important;}
 .hero-video-mode .hero-copy h1{font-size:clamp(25px,8.1vw,32px)}
 .hero-video-mode .hero-copy>p{font-size:10.5px}
 .hero-video-mode .hero-actions{margin-top:9px}
 .hero-video-mode .trust-row{margin-top:7px}
}