.doc { padding-block: var(--e-5) var(--e-6); }
.doc section { padding-block: var(--e-6) var(--e-4); border-top: 1px solid var(--linha); }
.doc section:first-of-type { border-top: 0; padding-top: var(--e-4); }
.doc h1 { font-size: var(--t-mega); font-weight: 900; line-height: .84; margin-block: var(--e-3) var(--e-4); }
.doc h2 { font-size: var(--t-titulo); margin-block: var(--e-2) var(--e-4); }
.doc h3 { font-size: 1.5rem; margin-bottom: .5rem; }
.doc p.lead { font-size: var(--t-sub); line-height: 1.45; max-width: 44ch; }
.doc .txt { max-width: 62ch; }
.doc .txt p + p { margin-top: var(--e-2); }
.doc .cinza { color: var(--cinza); }
.g2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--e-4); }
.g3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--e-3); }
.g4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--e-3); }
.caixa { border: 1px solid var(--linha); padding: var(--e-3); }
.caixa--sim { border-color: var(--vermelho); }
.caixa ul { margin: var(--e-1) 0 0; padding-left: 1.1rem; color: var(--cinza); }
.caixa li + li { margin-top: .3rem; }
.selo { display: inline-block; font: 600 .7rem/1 var(--f-texto); letter-spacing: .12em; text-transform: uppercase; padding: .35rem .5rem; border: 1px solid var(--linha); color: var(--cinza); margin-bottom: var(--e-2); }
.selo--sim { border-color: var(--vermelho); color: var(--osso); background: var(--vermelho); }
.prova { list-style: none; padding: 0; margin: 0; }
.prova li { padding-block: var(--e-2); border-top: 1px solid var(--linha); display: grid; grid-template-columns: 11rem 1fr; gap: var(--e-3); }
.prova b { font-size: var(--t-pequeno); letter-spacing: .1em; text-transform: uppercase; color: var(--cinza); font-weight: 600; padding-top: .2rem; }
.prova q { font-style: normal; }
.ideia { font: 900 clamp(3.4rem, 1.6rem + 7vw, 9rem)/.84 var(--f-display); text-transform: uppercase; margin-block: var(--e-3); }
/* Logo */
.palco { display: grid; place-items: center; min-height: 22rem; padding: var(--e-4); border: 1px solid var(--linha); }
.palco--osso { background: var(--osso); color: var(--carvao); border-color: var(--osso); }
.palco--vermelho { background: var(--vermelho); color: var(--osso); border-color: var(--vermelho); }
.palco--vermelho .ap { color: var(--carvao); }
.logo-grande { font: 900 clamp(3.5rem, 2rem + 6vw, 8rem)/.85 var(--f-display); text-transform: uppercase; letter-spacing: .01em; text-align: center; }
.logo-desc { display: block; font: 600 clamp(.6rem, .5rem + .3vw, .85rem)/1 var(--f-texto); letter-spacing: .32em; margin-top: 1.1rem; text-align: center; }
.logo-h { display: flex; align-items: center; gap: 1rem; font: 900 2.4rem/1 var(--f-display); text-transform: uppercase; }
.logo-h small { font: 600 .65rem/1.35 var(--f-texto); letter-spacing: .2em; border-left: 1px solid currentColor; padding-left: 1rem; opacity: .8; }
.avatar { width: 9rem; aspect-ratio: 1; border-radius: 50%; background: var(--carvao); color: var(--osso); display: grid; place-items: center; text-align: center; border: 1px solid var(--linha); font: 900 1.95rem/.82 var(--f-display); text-transform: uppercase; white-space: nowrap; }
.avatar--peq { width: 3.25rem; font-size: .7rem; }
.regras { margin-top: var(--e-3); }
.regras li { color: var(--cinza); }
/* Cor */
.amostra { aspect-ratio: 4/3; display: flex; flex-direction: column; justify-content: flex-end; padding: var(--e-2); border: 1px solid var(--linha); font-size: var(--t-pequeno); }
.amostra b { font: 800 1.4rem/1 var(--f-display); text-transform: uppercase; display: block; margin-bottom: .3rem; }
/* Letra */
.especime-1 { font: 900 clamp(4rem, 2rem + 6vw, 8rem)/.85 var(--f-display); text-transform: uppercase; }
.especime-2 { font: 400 1.4rem/1.45 var(--f-texto); max-width: 30ch; }
/* Fotografia */
.fotos { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: var(--e-2); align-items: stretch; }
.fotos img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 3/4; }
.fotos figure:first-child img { aspect-ratio: auto; }
/* Voz */
.voz { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 1px solid var(--linha); }
.voz > div { padding: var(--e-3); }
.voz > div + div { border-left: 1px solid var(--linha); }
.voz p { padding-block: .7rem; border-top: 1px solid var(--linha); }
.voz p:first-of-type { border-top: 0; }
.voz .nao p { color: var(--cinza); text-decoration: line-through; text-decoration-color: var(--vermelho); }
/* Instagram */
.posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--e-2); }
.post { aspect-ratio: 4/5; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 7%; background: var(--carvao-2); border: 1px solid var(--linha); }
.post .wm { font-size: .9rem; }
.post--frase blockquote { margin: 0; font: 900 clamp(1.6rem, 1rem + 1.8vw, 2.6rem)/.92 var(--f-display); text-transform: uppercase; }
.post--frase blockquote::before { content: "“"; display: block; color: var(--vermelho); font-size: 2.2em; line-height: .6; margin-bottom: .2em; }
.post--foto { padding: 0; }
.post--foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.post--foto .camada { position: relative; z-index: 1; height: 100%; padding: 7%; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(180deg, rgb(0 0 0 / 0) 35%, rgb(0 0 0 / .78) 100%); }
.post .tag { align-self: flex-start; background: var(--vermelho); font: 700 .65rem/1 var(--f-texto); letter-spacing: .14em; text-transform: uppercase; padding: .4rem .5rem; }
.post--foto h4 { margin: 0; font: 900 clamp(1.8rem, 1rem + 2vw, 2.8rem)/.88 var(--f-display); text-transform: uppercase; }
.post--foto p { font-size: .8rem; margin-top: .5rem; }
.post--oferta { background: var(--osso); color: var(--carvao); }
.post--oferta .grande { font: 900 clamp(4rem, 2rem + 5vw, 7rem)/.8 var(--f-display); }
.post--oferta .grande small { font-size: .4em; }
.post--oferta h4 { margin: 0; font: 800 1.5rem/.95 var(--f-display); text-transform: uppercase; }
.faltas { columns: 2; column-gap: var(--e-5); padding-left: 1.1rem; }
.faltas li { break-inside: avoid; margin-bottom: .6rem; }
@media (max-width: 960px) {
  .g2, .g3, .g4, .voz, .posts { grid-template-columns: minmax(0, 1fr); }
  .palco { min-height: 14rem; padding: var(--e-3); }
  .logo-h { flex-wrap: wrap; justify-content: center; font-size: 2rem; }
  .voz > div + div { border-left: 0; border-top: 1px solid var(--linha); }
  .fotos { grid-template-columns: 1fr 1fr; }
  .fotos figure:first-child { grid-column: 1 / -1; }
  .prova li { grid-template-columns: 1fr; gap: .25rem; }
  .faltas { columns: 1; }
  .cores { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.amostra--carvao { background: var(--carvao); }
.amostra--osso { background: var(--osso); color: var(--carvao); }
.amostra--vermelho { background: var(--vermelho); }
.amostra--cinza { background: var(--cinza); color: var(--carvao); }
.palco--avatares { gap: var(--e-3); grid-auto-flow: column; }
.fim { align-items: end; }
.nota--escura { color: #5d5a54; }