/* Mesma régua editorial de KING e aLeda para MEOW, Nike e Netflix. */
:root{--vao-texto-foto:clamp(32px,5vmin,64px)}
.content>.bloco-abre{width:100%}
.content .bloco-abre p,.content .tela-cabeca p,.content .end-texto p,.content .abre-texto p{line-height:1.65}
.content .bloco-abre h3,.content .tela-cabeca h3,.content .end-texto h2,.content .abre-texto h2{text-wrap:balance}
.content .fotos{gap:16px}
.content .fotos+.fotos{margin-top:28px}
.content .fotos .gal{
  width:min(100%,calc(min(56svh,560px)*var(--row-ratio,2.4) + var(--vao-fotos)*var(--row-gaps,1)));
  margin-inline:auto;align-items:start;
}
.content .fotos .gal>img{min-width:0;height:auto;object-fit:contain}
.content .tela{padding-block:var(--vao-blocos);border:0}
.content .tela+.bloco-abre{margin-top:var(--vao-texto-foto)}
.content figcaption{font-size:1.4rem;line-height:1.5}
.content .fotos figcaption{margin:0 auto;max-width:720px}
/* Aberturas com as fotografias no formato original. */
.content .tela-abre{min-height:0;margin-top:var(--vao-blocos);padding:0}
.content .tela-abre .duo-abre{width:min(1040px,100% - 2*var(--margem-pagina));grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.content .tela-abre .abre-foto img{width:100%;height:auto;object-fit:contain}
/* MEOW: leitura antes da fachada, com imagem e legenda independentes. */
.content .tela-endereco-bleed .end-bleed{min-height:0;display:grid;overflow:visible;gap:16px;align-items:start}
.tela-endereco-bleed .end-bleed:before{display:none}
.tela-endereco-bleed .end-bleed-corpo{grid-row:1;display:block;width:min(720px,100% - 2*var(--margem-pagina));padding:0;margin:0 auto calc(var(--vao-texto-foto) - 16px)}
.content .tela-endereco-bleed .end-texto{width:100%;margin:0}
.content .tela-endereco-bleed .end-texto h2{text-align:center}
.content .tela-endereco-bleed .end-bleed>img{grid-row:2;position:static;width:min(960px,calc(min(56svh,560px)*1.5),100% - 2*var(--margem-pagina));height:auto;max-width:100%;object-fit:contain;margin-inline:auto}
.content .tela-endereco-bleed .end-bleed>figcaption{grid-row:3;position:static;transform:none;width:min(720px,100% - 2*var(--margem-pagina));margin:0 auto;text-align:center}
/* Topo da MEOW: fachada e DJ em loop lado a lado, texto ao lado (pedidos do Caiote em 18/09/2026).
   As colunas das duas mídias seguem a proporção delas (3:2 e 9:16), então as duas ficam na
   mesma altura sem recorte. No celular o texto vem primeiro e as duas mídias dividem a linha. */
.content .tela-endereco-bleed .end-dj{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;background:#111}
.content .tela-endereco-bleed .end-bleed{grid-template-columns:minmax(0,2.667fr) minmax(0,1fr);column-gap:10px}
.content .tela-endereco-bleed .end-bleed>img{grid-column:1;grid-row:2;width:100%;margin:0}
.content .tela-endereco-bleed .end-dj{grid-column:2;grid-row:2}
.tela-endereco-bleed .end-bleed-corpo{grid-column:1/-1}
.content .tela-endereco-bleed .end-bleed>figcaption{grid-column:1/-1}
@media(min-width:861px){
  .content .tela-endereco-bleed .end-bleed{grid-template-columns:minmax(0,2.667fr) minmax(0,1fr) minmax(0,2.3fr);column-gap:clamp(14px,1.6vw,24px);row-gap:12px;
    width:min(1200px,100% - 2*var(--margem-pagina));margin-inline:auto;align-items:center}
  .content .tela-endereco-bleed .end-bleed>img{grid-column:1;grid-row:1}
  .content .tela-endereco-bleed .end-dj{grid-column:2;grid-row:1}
  .content .tela-endereco-bleed .end-bleed>figcaption{grid-column:1/3;grid-row:2;width:auto;margin:0;text-align:left}
  .tela-endereco-bleed .end-bleed-corpo{grid-column:3;grid-row:1;width:auto;margin:0 0 0 clamp(8px,2vw,32px);align-self:center}
  .content .tela-endereco-bleed .end-texto h2{text-align:left}
}
/* Centenário com dois vídeos em vez de três: a fila da largura segue o número de vídeos */
.content .videos-dupla.dois{width:min(calc(100% - 2*var(--margem-pagina)),calc(min(56svh,560px)*18/16 + var(--vao-fotos)))}
.content .videos-dupla.dois .videos{grid-template-columns:repeat(2,minmax(0,1fr))}
.content .flyer-linha{display:flex;align-items:start}
.content .flyer-linha img{min-width:0}
.content .flyer-linha img,.content .story-linha img{height:auto;aspect-ratio:auto;object-fit:contain}
.content>.story-fila{grid-column:full-start/full-end;width:min(1280px,100% - 2*var(--margem-pagina));margin-inline:auto}
.content .reel-fig{width:min(100%,calc(min(56svh,560px)*9/16))}
.content .videos-dupla{width:min(calc(100% - 2*var(--margem-pagina)),calc(min(56svh,560px)*27/16 + 2*var(--vao-fotos)))}
.content .videos{grid-template-columns:repeat(3,minmax(0,1fr))}
.content .video>img,.content .video>video{object-fit:contain}
@media(max-width:860px){
  .content .fotos .gal,.content .flyer-linha,.content .story-linha,.content .videos{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible}
  .content .fotos .gal>:only-child{grid-column:1/-1}
  .content .fotos .gal>:last-child:nth-child(odd):not(:only-child),.content .flyer-linha>:last-child:nth-child(odd),.content .videos>:last-child:nth-child(odd){grid-column:1/-1;width:min(66%,300px);justify-self:center}
  .content .fotos .gal>img{width:100%;height:auto}
  .content .bloco-abre h3,.content .tela-cabeca h3,.content .tela-endereco-bleed .end-texto h2,.content .abre-texto h2{text-align:left;font-size:2.8rem}
  .content .bloco-abre p,.content .tela-cabeca p,.content .feed-notas p,.content .end-texto p,.content .abre-texto p{font-size:1.8rem}
  .content .fotos+.fotos{margin-top:24px}
  .content .tela-abre .duo-abre{grid-template-columns:1fr}
  .content .reel-fig{width:min(100%,300px)}
}