/* Titan Trades CNC v216 — fixed full package. Mobile top from mockup 1, lower premium section from mockup 2. */
.home-mobile-utility{display:none}

@media(max-width:900px){
  .site-header{background:#05080d!important;border-bottom:1px solid rgba(201,146,42,.18)!important}
  .site-header .header-inner{
    width:calc(100% - 28px)!important;
    min-height:0!important;
    padding:16px 0 14px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:'brand utility' 'actions actions' 'nav nav'!important;
    align-items:center!important;
    gap:14px 12px!important;
  }
  .site-header .brand{grid-area:brand!important;width:min(235px,100%)!important;max-width:235px!important;margin:0!important;align-self:center!important}
  .site-header .brand img{display:block!important;width:100%!important;height:auto!important}
  .site-header .titan-top-socials{display:none!important}

  .home-mobile-utility{grid-area:utility;display:flex!important;align-items:center;justify-content:flex-end;gap:12px;min-width:150px}
  .home-mobile-slogan{
    display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
    color:#c9922a;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;
    font-size:.82rem;line-height:1.08;letter-spacing:.16em;text-transform:uppercase;
    padding-left:12px;border-left:1px solid rgba(201,146,42,.65);min-height:58px;
  }
  .home-mobile-menu{
    display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    width:66px!important;height:66px!important;min-height:66px!important;margin:0!important;padding:0!important;
    border:1px solid rgba(201,146,42,.72)!important;border-radius:7px!important;background:#0a0d13!important;color:#f3efe8!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;cursor:pointer;
  }
  .hamburger-lines{display:flex;flex-direction:column;gap:5px;width:29px}
  .hamburger-lines i{display:block;height:2px;width:100%;background:#f1eee8;border-radius:2px}
  .home-mobile-menu-label{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f1eee8}

  .mobile-header-actions-v216{
    grid-area:actions;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important;margin:0!important;
  }
  .mobile-header-actions-v216 .mobile-header-action{
    min-width:0!important;min-height:78px!important;padding:12px 14px!important;border-radius:8px!important;
    display:grid!important;grid-template-columns:38px minmax(0,1fr) 20px!important;align-items:center!important;gap:10px!important;
    text-decoration:none!important;text-transform:none!important;box-shadow:none!important;
  }
  .mobile-header-action--hire{background:#0a0d13!important;border:1px solid rgba(201,146,42,.78)!important;color:#f3f1ec!important}
  .mobile-header-action--join{background:linear-gradient(180deg,#d9ad4e 0%,#c9922a 100%)!important;border:1px solid rgba(220,174,81,.95)!important;color:#111!important}
  .mobile-action-svg{width:34px;height:34px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
  .mobile-action-copy{display:flex;flex-direction:column;min-width:0;text-align:left}
  .mobile-action-copy strong{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:1.05rem;font-weight:900;line-height:1.02;letter-spacing:.025em;text-transform:uppercase;white-space:normal;color:inherit}
  .mobile-action-copy small{margin-top:5px;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:.62rem;font-weight:700;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:#c9922a}
  .mobile-header-action--join .mobile-action-copy small{color:#3b2a0d;opacity:.88}
  .mobile-action-arrow{font:34px/1 Arial,sans-serif;justify-self:end;color:inherit;opacity:.9}

  #main-nav{grid-area:nav!important;order:initial!important}

  /* Preserve the lower v214 composition exactly; only tighten the mobile top spacing. */
  .hero.hero-v202{margin-top:0!important}
}

@media(max-width:620px){
  .site-header .header-inner{width:calc(100% - 24px)!important;gap:12px 10px!important;padding-top:14px!important}
  .site-header .brand{width:min(195px,100%)!important;max-width:195px!important}
  .home-mobile-utility{min-width:132px;gap:8px}
  .home-mobile-slogan{font-size:.69rem;letter-spacing:.13em;min-height:52px;padding-left:9px}
  .home-mobile-menu{width:58px!important;height:58px!important;min-height:58px!important}
  .hamburger-lines{width:25px;gap:4px}
  .home-mobile-menu-label{font-size:.7rem}
  .mobile-header-actions-v216{gap:10px!important}
  .mobile-header-actions-v216 .mobile-header-action{min-height:70px!important;padding:10px 10px!important;grid-template-columns:30px minmax(0,1fr) 16px!important;gap:8px!important}
  .mobile-action-svg{width:27px;height:27px}
  .mobile-action-copy strong{font-size:.88rem}
  .mobile-action-copy small{font-size:.53rem;letter-spacing:.12em;margin-top:4px}
  .mobile-action-arrow{font-size:27px}
}

@media(max-width:410px){
  .site-header .brand{width:min(178px,100%)!important;max-width:178px!important}
  .home-mobile-utility{min-width:118px}
  .home-mobile-slogan{font-size:.61rem;letter-spacing:.10em;padding-left:7px}
  .home-mobile-menu{width:54px!important;height:54px!important;min-height:54px!important}
  .mobile-header-actions-v216 .mobile-header-action{min-height:66px!important;padding:9px 8px!important;grid-template-columns:26px minmax(0,1fr) 14px!important;gap:7px!important}
  .mobile-action-svg{width:24px;height:24px}
  .mobile-action-copy strong{font-size:.79rem}
  .mobile-action-copy small{font-size:.49rem;letter-spacing:.10em}
  .mobile-action-arrow{font-size:23px}
}