/* Titan Trades CNC v236 — balanced mobile header with horizontal People · Skills · Production tagline and refined CTA icons. */
.home-mobile-tagline{display:none}

@media(max-width:900px){
  .site-header .header-inner{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:'brand utility' 'tagline utility' 'actions actions' 'nav nav'!important;
    gap:10px 14px!important;
    padding-top:14px!important;
    padding-bottom:14px!important;
  }
  .site-header .brand{max-width:250px!important;width:min(250px,100%)!important;align-self:end!important}
  .home-mobile-utility{
    grid-area:utility!important;
    align-self:start!important;
    justify-content:flex-end!important;
    min-width:130px!important;
  }
  .home-mobile-tagline{
    grid-area:tagline;
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    gap:13px;
    width:100%;
    padding:0 0 2px 3px;
    color:#cf9b2f;
    font-family:'Barlow Condensed','Arial Narrow',sans-serif;
    font-size:.9rem;
    font-weight:800;
    letter-spacing:.22em;
    line-height:1;
    text-transform:uppercase;
  }
  .home-mobile-tagline span[aria-hidden="true"]{letter-spacing:0;font-size:.88em;opacity:.86}
  .home-mobile-slogan{display:none!important}
  .home-mobile-menu{
    width:108px!important;
    height:72px!important;
    min-height:72px!important;
    border-radius:8px!important;
    gap:6px!important;
  }
  .hamburger-lines{width:34px!important;gap:6px!important}
  .hamburger-lines i{height:3px!important}
  .home-mobile-menu-label{font-size:.94rem!important;letter-spacing:.12em!important}

  .mobile-header-actions-v216{gap:12px!important}
  .mobile-header-actions-v216 .mobile-header-action{
    min-height:82px!important;
    padding:12px 14px!important;
    grid-template-columns:34px 1px minmax(0,1fr) 20px!important;
    gap:12px!important;
    border-radius:8px!important;
  }
  .mobile-header-action--hire{
    background:linear-gradient(180deg,rgba(9,13,19,.98),rgba(6,9,14,.98))!important;
    border:1px solid rgba(214,161,49,.92)!important;
    color:#f4f0e8!important;
  }
  .mobile-header-action--join{
    background:linear-gradient(180deg,#e0b352 0%, #cf972d 100%)!important;
    border:1px solid rgba(223,179,82,.98)!important;
    color:#121212!important;
  }
  .mobile-action-svg{width:31px!important;height:31px!important;justify-self:center!important;stroke-width:2.35!important}
  .mobile-action-divider{
    display:block!important;
    width:1px;
    height:38px;
    background:rgba(241,233,220,.58);
    justify-self:center;
  }
  .mobile-header-action--join .mobile-action-divider{background:rgba(25,20,10,.48)}
  .mobile-action-copy strong{font-size:1.12rem!important;letter-spacing:.015em!important}
  .mobile-action-copy small{font-size:.72rem!important;letter-spacing:.17em!important;margin-top:6px!important}
  .mobile-header-action--join .mobile-action-copy small{color:#38270b!important;opacity:1!important}
  .mobile-action-arrow{font-size:38px!important;font-weight:400!important}
}

@media(max-width:620px){
  .site-header .header-inner{gap:9px 10px!important}
  .site-header .brand{max-width:220px!important;width:min(220px,100%)!important}
  .home-mobile-tagline{font-size:.74rem!important;gap:10px!important;letter-spacing:.18em!important;padding-left:2px!important}
  .home-mobile-menu{width:92px!important;height:64px!important;min-height:64px!important}
  .hamburger-lines{width:30px!important;gap:5px!important}
  .home-mobile-menu-label{font-size:.84rem!important}
  .mobile-header-actions-v216 .mobile-header-action{min-height:74px!important;padding:10px 10px!important;grid-template-columns:28px 1px minmax(0,1fr) 16px!important;gap:10px!important}
  .mobile-action-svg{width:26px!important;height:26px!important}
  .mobile-action-divider{height:32px!important}
  .mobile-action-copy strong{font-size:.93rem!important}
  .mobile-action-copy small{font-size:.58rem!important;letter-spacing:.14em!important;margin-top:5px!important}
  .mobile-action-arrow{font-size:29px!important}
}

@media(max-width:410px){
  .site-header .brand{max-width:194px!important;width:min(194px,100%)!important}
  .home-mobile-tagline{font-size:.62rem!important;gap:7px!important;letter-spacing:.14em!important}
  .home-mobile-menu{width:84px!important;height:58px!important;min-height:58px!important}
  .hamburger-lines{width:26px!important;gap:4px!important}
  .home-mobile-menu-label{font-size:.76rem!important}
  .mobile-header-actions-v216 .mobile-header-action{min-height:68px!important;padding:9px 8px!important;grid-template-columns:24px 1px minmax(0,1fr) 14px!important;gap:8px!important}
  .mobile-action-svg{width:22px!important;height:22px!important}
  .mobile-action-divider{height:28px!important}
  .mobile-action-copy strong{font-size:.8rem!important}
  .mobile-action-copy small{font-size:.49rem!important;letter-spacing:.10em!important}
  .mobile-action-arrow{font-size:24px!important}
}