/* /lab/ de alexmerovic.com.br · gerado junto com lab.py, por cima de /blog/blog.css (mesmos tokens).
   Identidade "Expressão": título na condensada, Brygada 1918 nos títulos de cartão, Geist no texto,
   fios finos, nada de caixa. Tema claro e escuro só por token. */

.lab-idx{max-width:1440px;margin:0 auto;padding:calc(64px + clamp(72px,10vw,150px)) var(--gut) clamp(56px,8vw,120px)}
.lab-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26em);gap:20px 48px;align-items:end;
  padding-bottom:clamp(28px,3vw,40px);border-bottom:1px solid var(--linha)}
.lab-cab-t{font-family:var(--condensada);font-weight:300;text-transform:uppercase;font-size:clamp(96px,16vw,240px);
  line-height:.84;letter-spacing:-.005em;margin-left:-.03em}
.lab-cab-p{font-size:clamp(17px,1.35vw,19.5px);line-height:1.55;color:var(--fg-2);letter-spacing:-.008em;padding-bottom:.4em}
.lab-vazio{padding:clamp(40px,5vw,64px) 0 0;font-family:var(--serifa);font-style:italic;font-size:clamp(24px,2.4vw,32px);line-height:1.3;color:var(--fg-2)}

/* grade de cartões: 3, 2 e 1 colunas */
.lab-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,4.4vw,64px) clamp(20px,2.4vw,36px);padding-top:clamp(32px,4vw,56px)}
.lab-c{display:flex;flex-direction:column;gap:20px;color:inherit}
.lab-c .zoom{aspect-ratio:16/10;background:var(--linha);border-radius:4px}
.lab-c .zoom img{width:100%;height:100%;object-fit:cover}
.lab-c-txt{display:flex;flex-direction:column;flex:1;border-top:1px solid var(--linha);padding-top:16px}
.lab-c-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px;color:var(--fg-3)}
.lab-tipo{font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.lab-c-t{margin-top:14px;font-family:var(--serifa);font-weight:400;font-size:clamp(26px,2.4vw,34px);line-height:1.15;letter-spacing:-.012em;
  transition:opacity .4s var(--ease)}
.lab-c:hover .lab-c-t{opacity:.7}
.lab-c-d{margin-top:12px;font-size:15.5px;line-height:1.6;color:var(--fg-2);text-wrap:pretty}
.lab-c-base{margin-top:auto;padding-top:20px;display:flex;align-items:baseline;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;font-size:13.5px}
.lab-meta{color:var(--fg-3)}
.lab-lks{display:flex;gap:6px 20px;flex-wrap:wrap;margin-left:auto}
.lab-lks a.lab-meta{transition:opacity .3s var(--ease)}
.lab-lks a.lab-meta:hover{opacity:.7}
.lab-ir{color:var(--fg);transition:opacity .3s var(--ease)}
.lab-ir::after{content:" →"}
.lab-c:hover .lab-ir{opacity:.7}

@media (max-width:1000px){
  .lab-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .lab-cab{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  .lab-grade{grid-template-columns:minmax(0,1fr)}
}