/* Seção Artigos em mosaico · referência ElevenLabs ("Showcasing the global impact…", via Mobbin, 03-nov).
   Os cards mudam de posição e tamanho ao trocar de aba; placeholders claros completam o desenho. */
html body .mosaic{background:#FAFAFA;padding:140px 0 130px}
.mosaic .head .h2{margin:0}
.mz-tabs{display:inline-flex;gap:4px;margin-top:26px;padding:4px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.mz-tabs button{border:0;background:transparent;border-radius:999px;padding:9px 18px;font-size:13.5px;color:var(--ink-2);cursor:pointer;transition:background .3s,color .3s,box-shadow .3s}
.mz-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.06)}
.mz-stage{position:relative;height:clamp(420px,40vw,560px);margin:52px auto 0;max-width:1300px}
.mz-box{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border-radius:14px;overflow:hidden;display:block;color:#fff;will-change:left,top,width,height}
.mz-ph{background:#F1EFEE}
.mz-card{background:#1b1d20}
.mz-img{position:absolute;inset:0;background-size:cover;background-position:center;will-change:transform,clip-path}
.mz-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.66) 100%);z-index:1;pointer-events:none}
.mz-cap{position:absolute;left:26px;right:26px;bottom:24px;z-index:2;font-size:clamp(22px,2.1vw,30px);line-height:1.18;font-weight:400;letter-spacing:-.03em;max-width:16em;overflow:hidden}
.mz-cap span{display:block}
.mz-cap small{display:block;font-size:12px;letter-spacing:.02em;color:rgba(255,255,255,.72);margin-bottom:6px;letter-spacing:.02em}
.mz-card:hover .mz-img{transform:scale(1.03);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.mz-foot{text-align:center;margin-top:40px}
.mz-rail{display:none}
@media (max-width:1023px){
  html body .mosaic{padding:96px 0 90px}
  .mz-tabs,.mz-stage{display:none}
  .mz-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:36px calc(-1*max(var(--pad),4.1vw)) 0;padding:0 max(var(--pad),4.1vw);scrollbar-width:none}
  .mz-rail::-webkit-scrollbar{display:none}
  .mz-rail .mz-box{position:relative;left:auto;top:auto;flex:0 0 min(78vw,420px);width:auto;height:min(110vw,520px);scroll-snap-align:center}
}

.mosaic .head.left{text-align:left;align-items:flex-start}