.mobile-company-name{display:none}

@media (max-width:620px){
  .seamless-companies{
    position:relative;
    overflow:hidden;
    min-height:clamp(250px,70vw,290px);
    background-color:#02070b!important;
    background-image:url('/assets/mobile-companies-seamless.webp')!important;
    background-position:center top!important;
    background-size:100% auto!important;
    background-repeat:no-repeat!important;
    isolation:isolate;
    border:0!important;
    outline:0!important;
  }

  .seamless-companies:before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    z-index:4;
    height:2px;
    background:linear-gradient(90deg,#10dbe9 0 25%,#356cff 25% 50%,#ff6047 50% 75%,#9be823 75%);
    box-shadow:0 0 12px rgba(31,210,230,.24);
    pointer-events:none;
  }

  .seamless-companies:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
      linear-gradient(180deg,rgba(1,6,10,.04) 38%,rgba(1,6,10,.54) 68%,rgba(1,6,10,.97) 100%),
      linear-gradient(90deg,rgba(1,6,10,.14),transparent 12%,transparent 88%,rgba(1,6,10,.15));
    pointer-events:none;
  }

  .seamless-companies .world-grid{
    position:relative;
    z-index:2;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    width:100%;
    height:clamp(250px,70vw,290px);
    min-height:0;
    padding:0!important;
    margin:0;
    gap:0;
    overflow:visible;
  }

  .seamless-companies .world{
    position:relative;
    width:auto;
    min-width:0;
    min-height:0;
    height:100%;
    margin:0!important;
    border:0;
    background:transparent!important;
    overflow:hidden;
    border:0!important;
    border-right:0!important;
    outline:0!important;
    box-shadow:none!important;
  }

  .seamless-companies .world:not(:last-child){margin-right:0!important;width:auto}

  .seamless-companies .world>img,
  .seamless-companies .world>.visual-placeholder{display:none!important}

  .seamless-companies .world:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.08) 72%,rgba(0,0,0,.28));
    opacity:0;
    transition:opacity .25s ease;
    pointer-events:none;
  }

  .seamless-companies .world:active:after,
  .seamless-companies .world:focus-visible:after{opacity:1}

  .seamless-companies .world .world-content,
  .seamless-companies .world>div:last-child{
    position:absolute;
    z-index:3;
    left:clamp(7px,2.2vw,10px);
    right:4px;
    bottom:15px;
    overflow:visible;
    transform:none;
  }

  .seamless-companies .world .company-card-logo{display:none!important}

  .seamless-companies .world h3{
    display:block!important;
    margin:0 0 8px;
    color:var(--accent,#fff);
    font-size:clamp(9px,2.85vw,12px);
    font-weight:400;
    line-height:1.05;
    letter-spacing:-.035em;
    overflow-wrap:anywhere;
    text-shadow:0 2px 12px rgba(0,0,0,.9);
  }

  .seamless-companies .world h3.mobile-company-name{display:block!important}

  .seamless-companies .world p{display:none}

  .seamless-companies .world span{
    display:block;
    color:#fff;
    font-size:clamp(5px,1.45vw,6px);
    font-weight:700;
    line-height:1;
    letter-spacing:.08em;
    white-space:nowrap;
    text-shadow:0 2px 8px #000;
  }
}

@media (max-width:370px){
  .seamless-companies,
  .seamless-companies .world-grid{min-height:245px;height:245px}
  .seamless-companies .world .world-content,
  .seamless-companies .world>div:last-child{left:6px;bottom:12px}
}