/* Página de entrada: lista os setores. Mesma paleta da faixa preta das apresentações. */
:root { --tatame: #ebe6dc; --faixa: #1d1c1a; --ponteira: #b8261d; --apoio: #5f5b54; --linha: rgba(29, 28, 26, .16); }
* { box-sizing: border-box; }
body { margin: 0; background: var(--tatame); color: var(--faixa); font-family: "Archivo", "Arial Narrow", Arial, sans-serif; font-size: 1.0625rem; line-height: 1.55; }
a { color: inherit; text-underline-offset: 5px; }
:focus-visible { outline: 3px solid var(--ponteira); outline-offset: 3px; }
.hub { max-width: 46rem; margin: 0 auto; padding: 32px 16px 96px; display: grid; gap: 24px; }
.marca { font-weight: 800; font-variation-settings: "wdth" 110; text-decoration: none; margin-bottom: 48px; }
h1 { margin: 0; font-size: clamp(2.6rem, 7vw, 4.6rem); line-height: .95; font-weight: 800; font-variation-settings: "wdth" 62; text-wrap: balance; }
p { margin: 0; color: var(--apoio); }
.nichos { list-style: none; padding: 0; margin: 16px 0; border-top: 1px solid var(--linha); }
.nichos a { display: block; padding: 20px 0; border-bottom: 1px solid var(--linha); font-size: 1.5rem; font-weight: 750; font-variation-settings: "wdth" 80; text-decoration: none; }
.nichos a:hover { color: var(--ponteira); }