@font-face {
font-family: "Figtree";
src: url("/assets/fonts/figtree-latin-wght-normal.woff2") format("woff2");
font-weight: 300 900;
font-style: normal;
font-display: swap;
}
:root {
--cobre: #cc7b2a;
--amarelo: #fab01b;
--violeta: #4e29ac;
--indigo: #38199a;
--vermelho: #d5283b;
--verde: #16592e;
--preto: #1a1a1a;
--creme: #fff2e9;
--branco: #ffffff;
--grafite: #2b2b2b;
--ambar: #8a5300;
--violeta-claro: #ebe7ff;
--verde-claro: #def6e3;
--amarelo-claro: #fff0c8;
--vermelho-claro: #ffe6e6;
--font-sans: "Figtree", system-ui, sans-serif;
--peso-light: 300;
--peso-regular: 400;
--peso-semibold: 600;
--peso-black: 900;
--tela-display: 64px;
--tela-titulo: 44px;
--tela-subtitulo: 28px;
--tela-titulo-cartao: 24px;
--tela-corpo: 18px;
--tela-corpo-pequeno: 15px;
--tela-rotulo: 14px;
--tela-botao: 17px;
--tela-legenda: 13px;
--entrelinha-titulo: 0.98;
--entrelinha-corpo: 1.45;
--espaco-1: 5px;
--espaco-2: 10px;
--espaco-3: 15px;
--espaco-4: 20px;
--espaco-5: 25px;
--espaco-6: 35px;
--espaco-7: 50px;
--espaco-8: 70px;
--espaco-9: 100px;
--espaco-10: 140px;
--raio-pequeno: 6px;
--raio-cartao: 25px;
--raio-pilula: 9999px;
--estado-escurecer: inset 0 0 0 999px #1a1a1a1a;
--estado-escurecer-forte: inset 0 0 0 999px #1a1a1a33;
--estado-clarear: inset 0 0 0 999px #ffffff33;
--estado-clarear-forte: inset 0 0 0 999px #ffffff4d;
--opacidade-desativado: 0.4;
--largura-texto: 680px;
--largura-pagina: 1200px;
}
:root, [data-theme="marca"], .on-dark {
--fundo: var(--violeta);
--superficie: var(--indigo);
--texto: var(--branco);
--texto-suave: #d4c9f5;
--destaque: var(--amarelo);
--sobre-destaque: var(--violeta);
--linha: var(--branco);
--linha-suave: #7a60c8;
--foco: var(--branco);
--campo: var(--branco);
--campo-texto: var(--preto);
--campo-dica: #6b6577;
--erro: #ffb8c1;
--sucesso: #a6e8bb;
--aviso: var(--amarelo);
--estado-vazio: inset 0 0 0 999px #ffffff26;
}
[data-theme="claro"], .on-light, body {
--fundo: var(--branco);
--superficie: var(--creme);
--texto: var(--preto);
--texto-suave: #5e5868;
--destaque: var(--violeta);
--sobre-destaque: var(--branco);
--linha: var(--preto);
--linha-suave: #e4dfe9;
--foco: var(--violeta);
--campo: var(--branco);
--campo-texto: var(--preto);
--campo-dica: #6b6577;
--erro: var(--vermelho);
--sucesso: var(--verde);
--aviso: var(--ambar);
--estado-vazio: inset 0 0 0 999px #1a1a1a14;
}
[data-theme="escuro"] {
--fundo: var(--preto);
--superficie: var(--grafite);
--texto: var(--branco);
--texto-suave: #b3b3b3;
--destaque: var(--amarelo);
--sobre-destaque: var(--preto);
--linha: var(--branco);
--linha-suave: #3d3d3d;
--foco: var(--amarelo);
--campo: var(--grafite);
--campo-texto: var(--branco);
--campo-dica: #a6a6a6;
--erro: #ff8a95;
--sucesso: #6fcf8f;
--aviso: var(--amarelo);
--estado-vazio: inset 0 0 0 999px #ffffff1f;
}
:root {
--rz-purple-500: var(--violeta);
--rz-purple-700: var(--indigo);
--rz-purple-900: var(--indigo);
--rz-gold-500: var(--amarelo);
--rz-gold-700: var(--cobre);
--rz-gold-safe: var(--violeta);
--rz-coral-500: var(--vermelho);
--rz-coral-600: var(--vermelho);
--rz-wine-600: var(--vermelho);
--rz-forest-700: var(--verde);
--rz-white: var(--branco);
--rz-ink-800: var(--preto);
--rz-gray-500: #5e5868;
--rz-line-200: #e4dfe9;
--color-theme: var(--violeta);
--shadow-card: none;
--shadow-lift: none;
--space-1: var(--espaco-1);
--space-2: var(--espaco-2);
--space-3: var(--espaco-3);
--space-4: var(--espaco-5);
--space-5: var(--espaco-6);
--space-6: var(--espaco-7);
--space-7: var(--espaco-8);
--space-8: var(--espaco-9);
--space-9: var(--espaco-10);
--container-max: 1200px;
--container-pad: 35px;
--grid-gap: var(--espaco-5);
--hero-height: 560px;
--nav-height: 110px;
--radius-none: 0;
--radius-card: var(--raio-cartao);
--radius-pill: var(--raio-pilula);
--ease-out: ease;
--duration-fast: 160ms;
--duration-base: 160ms;
--fw-light: 300;
--fw-regular: 400;
--fw-bold: 600;
--fw-black: 900;
--fs-3xs: 0.8125rem;
--fs-2xs: 0.875rem;
--fs-xs: 0.9375rem;
--fs-sm: 1.125rem;
--fs-md: 1.5rem;
--fs-lg: 1.75rem;
--fs-xl: 2.25rem;
--fs-2xl: 2.75rem;
--fs-3xl: 4rem;
--lh-tight: 0.98;
--lh-snug: 1.2;
--lh-normal: 1.45;
--ls-wide: 0.04em;
--ls-wider: 0.04em;
--font-body: var(--font-sans);
--font-logo: var(--font-sans);
}
:root {
--gutter: var(--espaco-4);
--nav-h: 72px;
--section-y: var(--espaco-7);
--head-gap: var(--espaco-6);
--feature-overlap: clamp(48px, 11vw, 176px);
--fs-hero: clamp(2.75rem, 1.9rem + 3.4vw, 4rem);            
--fs-display: clamp(2.75rem, 1.9rem + 3.4vw, 4rem);
--fs-h2: clamp(2rem, 1.5rem + 1.8vw, 2.75rem);              
--fs-h2-md: clamp(1.75rem, 1.45rem + 1.1vw, 2.25rem);       
--fs-sub: clamp(1.5rem, 1.35rem + 0.5vw, 1.75rem);          
--fs-lead: clamp(1.25rem, 1.18rem + 0.3vw, 1.375rem);
--fs-big: clamp(4rem, 1.5rem + 9vw, 8.5rem);
}
@media (min-width: 600px) {
:root { --gutter: var(--espaco-6); --nav-h: 88px; --section-y: var(--espaco-8); --head-gap: var(--espaco-7); }
}
@media (min-width: 960px) {
:root { --section-y: var(--espaco-9); }
}
@media (min-width: 1080px) {
:root { --nav-h: var(--nav-height); }
}
@media (min-width: 1280px) {
:root { --gutter: var(--espaco-8); }
}
:root { --peso-titulo: var(--peso-semibold); }
.rz-hero { --peso-titulo: var(--peso-black); }
.rz-hero--post, .rz-hero--episodio, .rz-hero--projeto, .rz-hero.has-feature { --peso-titulo: var(--peso-semibold); }
[data-theme="enraizando"] { --color-theme: var(--vermelho); }
[data-theme="nammedida"] { --color-theme: var(--preto); }
[data-theme="toninha-babi"] { --color-theme: var(--indigo); }
[data-theme="percursos-arqueologicos"],
[data-theme="projetos"] { --color-theme: var(--verde); }
[data-theme="nammedida"] :is(.rz-masthead, .rz-hero, .rz-section--theme) {
--superficie: var(--grafite); --texto-suave: #b3b3b3; --sobre-destaque: var(--preto);
--linha-suave: #3d3d3d; --foco: var(--amarelo); --estado-vazio: inset 0 0 0 999px #ffffff1f;
}
[data-theme="enraizando"] :is(.rz-masthead, .rz-hero, .rz-section--theme) {
--superficie: #b81f31; --texto-suave: var(--branco); --destaque: var(--branco); --sobre-destaque: var(--vermelho);
--linha-suave: #ee8b96;
}
[data-theme="percursos-arqueologicos"] :is(.rz-masthead, .rz-hero, .rz-section--theme),
[data-theme="projetos"] :is(.rz-masthead, .rz-hero, .rz-section--theme) {
--superficie: #0f4322; --texto-suave: #d3ecd9; --sobre-destaque: var(--verde); --linha-suave: #4d8a62;
}
[data-theme="toninha-babi"] :is(.rz-masthead, .rz-hero, .rz-section--theme) { --superficie: var(--violeta); }
body, .on-light, .on-dark {
color: var(--texto);
--accent: var(--destaque);
--focus: var(--foco);
--eyebrow: var(--texto-suave);
--rule: var(--linha-suave);
--muted: var(--texto-suave);
}
body, .on-light { --flow-line: var(--linha-suave); --flow-node: var(--violeta); --eyebrow: var(--vermelho); }
.on-dark { --flow-line: var(--linha-suave); --flow-node: var(--destaque); }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
body {
margin: 0;
background: var(--branco);
font-family: var(--font-sans);
font-weight: var(--peso-light);
font-size: 1.0625rem;
line-height: var(--entrelinha-corpo);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
@media (min-width: 600px) { body { font-size: 1.125rem; } }
img, svg, video, iframe { display: block; max-width: 100%; }
img, video { height: auto; }
h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; }
h1, h2, h3, h4 { font-weight: inherit; }
:where(ul, ol)[role="list"] { list-style: none; margin: 0; padding: 0; }
a { color: inherit; text-underline-offset: 0.22em; text-decoration-thickness: 0.09em; }
strong, b { font-weight: var(--peso-semibold); }
button { font: inherit; color: inherit; }
[hidden] { display: none !important; }
::selection { background: var(--amarelo); color: var(--violeta); }
:focus-visible { outline: 3px solid var(--foco); outline-offset: 3px; border-radius: 2px; }
main:focus { outline: none; }
.rz-sr {
position: absolute !important;
width: 1px; height: 1px; padding: 0; margin: -1px;
overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.rz-skip {
position: absolute; left: 16px; top: -120px; z-index: 100;
padding: 0.556em 1.432em 0.67em; border-radius: var(--raio-pilula);
background: var(--branco); color: var(--violeta);
font-weight: var(--peso-semibold); font-size: var(--tela-botao); text-transform: lowercase;
text-decoration: none;
}
.rz-skip:focus { top: 16px; }
.rz-container { width: 100%; max-width: calc(var(--largura-pagina) + var(--gutter) * 2); margin-inline: auto; padding-inline: var(--gutter); }
.rz-icon { width: 1.25em; height: 1.25em; flex: none; }
.rz-title {
font-weight: var(--peso-titulo);
line-height: var(--entrelinha-titulo);
letter-spacing: 0;
text-wrap: balance;
overflow-wrap: break-word;
}
.rz-title__b { font-weight: inherit; color: var(--destaque); }
body .rz-title__b, .on-light .rz-title__b { color: var(--vermelho); }
.on-dark .rz-title__b { color: var(--destaque); }
.rz-title.is-lower { text-transform: lowercase; }
.rz-title--hero { font-size: var(--fs-hero); }
.rz-title--display { font-size: var(--fs-display); }
.rz-title--section { font-size: var(--fs-h2); }
.rz-title--md { font-size: var(--fs-h2-md); }
.rz-eyebrow, .rz-kicker {
color: var(--eyebrow);
font-weight: var(--peso-semibold);
font-size: var(--tela-rotulo);
line-height: 1.2;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.rz-eyebrow { margin: 0 0 var(--espaco-4); }
.rz-lead { font-size: var(--fs-lead); font-weight: var(--peso-semibold); line-height: 1.2; }
.rz-prose > * + * { margin-top: 1em; }
.rz-prose p { max-width: var(--largura-texto); }
.rz-head { margin-bottom: var(--head-gap); }
.rz-head .rz-title { max-width: 18ch; }
.rz-head__text { margin-top: var(--espaco-5); max-width: var(--largura-texto); }
.rz-head__text p + p { margin-top: 0.75em; }
@media (min-width: 1080px) {
.rz-head--split {
display: grid;
grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
gap: var(--espaco-8);
align-items: end;
}
.rz-head--split .rz-head__text { margin-top: 0; }
}
.rz-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.45em;
margin: 0;
padding: 0.556em 1.432em 0.67em;
border: 0;
border-radius: var(--raio-pilula);
font-family: var(--font-sans);
font-weight: var(--peso-semibold);
font-size: var(--tela-botao);
line-height: 1.2;
letter-spacing: 0;
text-transform: lowercase;
text-align: center;
text-decoration: none;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: box-shadow var(--duration-fast) ease;
}
.rz-btn .rz-icon { width: 1.2em; height: 1.2em; }
.rz-btn--primary { background: var(--vermelho); color: var(--branco); }
.rz-btn--primary:hover { box-shadow: var(--estado-escurecer); }
.rz-btn--primary:active { box-shadow: var(--estado-escurecer-forte); }
.rz-hero .rz-btn--primary { background: var(--destaque); color: var(--sobre-destaque); }
.rz-hero .rz-btn--primary:hover, .rz-hero .rz-btn--primary:active { box-shadow: var(--estado-clarear); }
[data-theme="enraizando"] .rz-masthead .rz-btn--primary { background: var(--branco); color: var(--vermelho); }
.rz-btn--ghost { background: transparent; color: var(--texto); box-shadow: inset 0 0 0 2px currentColor; }
.rz-btn--ghost:hover { box-shadow: inset 0 0 0 2px currentColor, var(--estado-vazio); }
.rz-btn--ghost:active { box-shadow: inset 0 0 0 2px currentColor, var(--estado-vazio), var(--estado-vazio); }
.rz-btn:disabled, .rz-btn[aria-disabled="true"] { opacity: var(--opacidade-desativado); cursor: not-allowed; box-shadow: none; }
.rz-link-forward .rz-icon { transition: transform var(--duration-fast) ease; }
a.rz-link-forward:hover .rz-icon { transform: translateX(3px); }
.rz-masthead { position: absolute; top: 0; left: 0; right: 0; z-index: 30; }
.rz-nav { display: flex; align-items: center; gap: var(--space-4); min-height: var(--nav-h); }
.rz-nav__brand { position: relative; z-index: 2; display: inline-flex; margin-right: auto; padding-block: 8px; }
.rz-logo { width: auto; height: 37px; }
.rz-nav__bar { position: relative; z-index: 2; display: flex; align-items: center; gap: 12px; }
.rz-nav__bar [data-nav-cta] { display: none; }
.rz-nav__toggle {
display: inline-flex;
align-items: center;
gap: 0.45em;
padding: 0.556em 1.2em 0.67em 1em;
border: 0;
border-radius: var(--raio-pilula);
background: transparent;
color: var(--texto);
box-shadow: inset 0 0 0 2px currentColor;
font-weight: var(--peso-semibold);
font-size: 15px;
line-height: 1.2;
text-transform: lowercase;
cursor: pointer;
transition: box-shadow var(--duration-fast) ease;
}
.rz-nav__toggle:hover { box-shadow: inset 0 0 0 2px currentColor, var(--estado-vazio); }
.rz-nav__toggle-icon { display: inline-flex; }
.rz-nav__toggle .rz-icon { width: 18px; height: 18px; }
.rz-nav__toggle-icon--close,
.rz-nav__toggle[aria-expanded="true"] .rz-nav__toggle-icon--open { display: none; }
.rz-nav__toggle[aria-expanded="true"] .rz-nav__toggle-icon--close { display: inline-flex; }
.rz-nav__panel {
position: fixed;
inset: 0;
z-index: 1;
display: flex;
flex-direction: column;
gap: var(--space-6);
padding: calc(var(--nav-h) + 8px) var(--gutter) var(--space-6);
overflow-y: auto;
background: var(--color-theme);
visibility: hidden;
opacity: 0;
transform: translateY(-12px);
transition:
opacity var(--duration-base) var(--ease-out),
transform var(--duration-base) var(--ease-out),
visibility 0s linear var(--duration-base);
}
.is-menu-open { overflow: hidden; }
.is-menu-open .rz-masthead { position: fixed; }
.is-menu-open .rz-nav__panel { visibility: visible; opacity: 1; transform: none; transition-delay: 0s; }
.rz-nav__list { display: flex; flex-direction: column; }
.rz-nav__link {
display: block;
padding: 14px 0;
border-bottom: 1px solid var(--linha-suave);
color: var(--texto);
font-size: clamp(1.5rem, 1.1rem + 2vw, 2.25rem);
font-weight: var(--peso-semibold);
line-height: 1.2;
text-decoration: none;
text-transform: lowercase;
}
.rz-nav__link[aria-current] { color: var(--destaque); }
.rz-nav__icone { display: inline-block; width: 0.85em; height: 0.85em; margin-right: 0.3em; vertical-align: -0.08em; color: var(--destaque); }
.rz-logo--branco { display: none; }
:is([data-theme="enraizando"], [data-theme="percursos-arqueologicos"], [data-theme="projetos"], [data-theme="toninha-babi"]) .rz-masthead .rz-logo--cor { display: none; }
:is([data-theme="enraizando"], [data-theme="percursos-arqueologicos"], [data-theme="projetos"], [data-theme="toninha-babi"]) .rz-masthead .rz-logo--branco { display: block; }
.rz-nav [data-nav-cta], .rz-nav__panel-cta .rz-btn { font-size: 15px; }
.rz-nav__panel-cta .rz-btn { width: 100%; }
@media (min-width: 600px) {
.rz-logo { height: 44px; }
.rz-nav__bar [data-nav-cta] { display: inline-flex; }
.rz-nav__panel-cta { display: none; }
.rz-nav__panel { padding-top: calc(var(--nav-h) + 24px); }
}
@media (min-width: 900px) {
.rz-logo { height: 51px; }
.rz-nav__bar { display: none; }
.rz-nav__panel {
position: static;
flex-direction: row;
align-items: center;
gap: 28px;
padding: 0;
overflow: visible;
background: none;
visibility: visible;
opacity: 1;
transform: none;
transition: none;
}
.rz-nav__list { flex-direction: row; gap: var(--espaco-5); }
.rz-nav__link {
position: relative;
display: inline-block;
padding: 10px 0;
border: 0;
font-size: 16px;
font-weight: var(--peso-semibold);
letter-spacing: 0;
white-space: nowrap;
}
.rz-nav__link[aria-current] { color: var(--texto); }
.rz-nav__icone { width: 1.25em; height: 1.25em; margin-right: 0.4em; vertical-align: -0.3em; }
.rz-nav__link::after {
content: "";
position: absolute;
left: 0; right: 0; bottom: 4px;
height: 2px;
background: var(--linha);
transform: scaleX(0);
transform-origin: left;
transition: transform var(--duration-fast) var(--ease-out);
}
.rz-nav__link:hover::after,
.rz-nav__link[aria-current]::after { transform: scaleX(1); }
.rz-nav__link[aria-current]::after { background: var(--destaque); }
.rz-nav__panel-cta { display: block; }
}
html:not(.js) .rz-nav__toggle { display: none; }
@media (max-width: 899px) {
html:not(.js) .rz-nav { flex-wrap: wrap; }
html:not(.js) .rz-nav__panel {
position: static; width: 100%; padding: 0 0 16px; background: none;
visibility: visible; opacity: 1; transform: none;
}
html:not(.js) .rz-nav__list { flex-direction: row; flex-wrap: wrap; gap: 4px 20px; }
html:not(.js) .rz-nav__link { padding: 6px 0; border: 0; font-size: 16px; }
}
.rz-hero {
position: relative;
isolation: isolate;
display: flex;
flex-direction: column;
min-height: var(--hero-min, 0);
padding-top: var(--nav-h);
overflow: hidden;
background: var(--color-theme);
}
.rz-hero__inner {
flex: 1;
display: grid;
align-content: center;
gap: var(--space-6);
padding-block: var(--space-5) var(--space-7);
}
.rz-hero__content { max-width: 880px; }
.rz-hero__content > * { animation: rz-enter var(--duration-base) var(--ease-out) both; }
.rz-hero__content > :nth-child(2) { animation-delay: 60ms; }
.rz-hero__content > :nth-child(3) { animation-delay: 120ms; }
.rz-hero__content > :nth-child(4) { animation-delay: 180ms; }
.rz-hero__content > :nth-child(n + 5) { animation-delay: 240ms; }
@keyframes rz-enter {
from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: none; }
}
.rz-hero__headline {
margin-top: var(--espaco-4);
max-width: 20em;
font-size: var(--fs-sub);
font-weight: var(--peso-semibold);
line-height: 1.05;
text-wrap: balance;
}
.rz-hero__text { margin-top: var(--espaco-5); max-width: var(--largura-texto); }
.rz-hero__text p + p { margin-top: 0.75em; }
.rz-hero__meta {
display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: var(--space-4);
font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; color: var(--texto-suave);
}
.rz-hero__actions { display: flex; flex-wrap: wrap; gap: var(--espaco-3); margin-top: var(--espaco-6); }
.rz-hero__bloco { display: inline-grid; max-width: 100%; }
.rz-hero__bloco .rz-hero__text { width: 0; min-width: 100%; max-width: none; }
.rz-hero__art { height: clamp(200px, 46vw, 340px); margin-inline: calc(var(--gutter) * -1); }
.rz-hero__art svg { width: 100%; height: 100%; }
.rz-hero__art .rz-hero__personagens { display: block; width: 100%; height: 100%; object-fit: contain; }
.rz-hero--home .rz-hero__art { height: clamp(300px, 90vw, 460px); }
.rz-hero.has-feature .rz-hero__inner { padding-bottom: calc(var(--feature-overlap) + var(--space-6)); }
.rz-hero.rz-hero--home { min-height: 100vh; min-height: 100svh; }
.rz-hero__titulo-icone { display: flex; align-items: center; gap: clamp(12px, 1.5vw, 24px); }
.rz-hero__icone { flex: none; width: clamp(2.5rem, 1.8rem + 3vw, 4.25rem); height: auto; aspect-ratio: 1; color: var(--destaque); }
.rz-hero__scroll {
position: absolute;
left: 50%;
bottom: var(--space-4);
z-index: 2;
display: grid;
place-items: center;
width: 44px;
height: 44px;
margin-left: -22px;
border-radius: 50%;
color: var(--texto);
box-shadow: inset 0 0 0 2px currentColor;
transition: box-shadow var(--duration-fast) ease;
}
.rz-hero__scroll:hover { box-shadow: inset 0 0 0 2px currentColor, var(--estado-vazio); }
.rz-hero__scroll .rz-icon { width: 20px; height: 20px; }
@media (max-width: 959px) { .rz-hero__scroll { display: none; } }
@media (min-width: 600px) {
.rz-hero { --hero-min: 480px; }
.rz-hero.has-feature { --hero-min: 0; }
}
@media (min-width: 960px) {
.rz-hero.has-art .rz-hero__inner { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; gap: var(--space-7); }
.rz-hero__art { height: auto; aspect-ratio: 1; margin: 0; }
.rz-hero--home .rz-hero__art { aspect-ratio: auto; height: min(72vh, 640px); }
}
@media (min-width: 1080px) {
.rz-hero { --hero-min: var(--hero-height); }
.rz-hero__inner { padding-block: var(--space-6) var(--space-8); }
}
.rz-breadcrumb { margin-bottom: var(--space-5); }
.rz-breadcrumb ol {
display: flex; flex-wrap: wrap; gap: 4px 10px;
font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; color: var(--texto-suave);
}
.rz-breadcrumb li + li::before { content: "/"; margin-right: 10px; }
.rz-breadcrumb a { color: var(--texto); text-decoration: none; }
.rz-breadcrumb a:hover { text-decoration: underline; }
.rz-breadcrumb [aria-current] { text-transform: none; letter-spacing: 0; }
.rz-feature { position: relative; z-index: 1; margin-top: calc(var(--feature-overlap) * -1); }
.rz-feature__frame { overflow: hidden; border-radius: var(--radius-card); box-shadow: var(--shadow-lift); }
.rz-feature .rz-media--empty { background-color: var(--superficie); }
@media (min-width: 768px) { .rz-feature .rz-media--empty { aspect-ratio: 21 / 9; } }
.rz-section { --section-bg: var(--rz-white); padding-block: var(--section-y); background: var(--section-bg); }
.rz-section--brand { --section-bg: var(--violeta); }
.rz-section--deep { --section-bg: var(--indigo); --superficie: var(--violeta); }
.rz-section--theme { --section-bg: var(--color-theme); }
.rz-section--tight { padding-block: var(--space-6); }
.rz-section--after-feature { padding-top: var(--head-gap); }
.rz-section--ruled { padding-top: 0; }
.rz-section--ruled > .rz-container {
padding-top: var(--section-y);
background: linear-gradient(var(--linha-suave), var(--linha-suave)) top center / calc(100% - 2 * var(--gutter)) 1px no-repeat;
}
.rz-section__foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espaco-3); margin-top: var(--head-gap); }
.rz-intro__text { max-width: 780px; }
.rz-intro .rz-lead { font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem); font-weight: var(--fw-light); line-height: 1.3; }
.rz-editorial { display: grid; gap: var(--space-5); }
.rz-editorial + * { margin-top: var(--head-gap); }
@media (min-width: 1080px) {
.rz-editorial { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-7); }
}
.rz-catalog { display: grid; gap: var(--space-6); align-items: center; }
.rz-catalog + .rz-wide,
.rz-wide + .rz-catalog,
.rz-catalog + .rz-catalog { margin-top: var(--section-y); }
.rz-catalog__text > .rz-eyebrow { margin-bottom: var(--space-3); }
.rz-catalog__text > * + .rz-eyebrow { margin-top: var(--space-6); }
.rz-catalog__lead {
max-width: 24ch;
font-size: var(--fs-sub);
font-weight: var(--peso-semibold);
line-height: 1.05;
text-wrap: balance;
}
.rz-catalog__text .rz-prose { margin-top: var(--space-4); }
.rz-catalog__text .rz-prose:empty { display: none; }
.rz-catalog__text .rz-facts { margin-top: var(--space-5); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4) var(--space-5); }
.rz-catalog__text .rz-case-award { margin-top: var(--space-4); }
.rz-catalog__art { display: grid; place-items: center; }
@media (min-width: 960px) {
.rz-catalog { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--space-8); }
.rz-catalog.is-reversed { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
.rz-catalog.is-reversed .rz-catalog__art { order: -1; }
.rz-catalog.is-text-only { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); }
}
.rz-art { margin: 0; width: 100%; display: grid; place-items: center; }
.rz-art img { width: auto; max-width: 100%; height: auto; max-height: min(560px, 70vh); }
.rz-art--moldura img { border-radius: var(--radius-card); box-shadow: var(--shadow-card); }
@media (max-width: 959px) { .rz-art img { max-height: 420px; } }
.rz-wide { margin: 0; }
.rz-editorial + .rz-wide { margin-top: var(--head-gap); }
.rz-wide .rz-media { border-radius: var(--radius-card); }
.rz-wide figcaption { margin-top: var(--espaco-2); font-size: var(--tela-legenda); line-height: 1.35; font-weight: var(--peso-regular); color: var(--texto-suave); }
.rz-facts--grid { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
.rz-facts > .is-wide { grid-column: 1 / -1; }
.rz-facts { display: grid; gap: var(--space-4); }
.rz-facts > div { padding-top: var(--space-3); border-top: 1px solid var(--linha-suave); }
.rz-facts dt {
font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; color: var(--texto-suave);
}
.rz-facts dd { margin-top: 4px; font-weight: var(--fw-regular); }
.rz-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: var(--space-5); }
.rz-links .rz-icon { width: 18px; height: 18px; }
.rz-empty-note { margin-top: var(--head-gap); color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-regular); }
.rz-media {
position: relative;
aspect-ratio: var(--ratio, 16 / 9);
overflow: hidden;
background-color: var(--slot-bg, var(--color-theme));
color: var(--rz-white);
}
.rz-media > img,
.rz-media > video,
.rz-media > iframe,
.rz-media > .rz-video {
position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0;
}
.rz-media--empty { display: grid; place-items: center; }
.rz-slot-mark { width: clamp(44px, 16%, 88px); height: auto; color: rgba(255, 255, 255, 0.3); }
.rz-video { display: block; padding: 0; border: 0; background: #000; cursor: pointer; }
.rz-video img { width: 100%; height: 100%; object-fit: cover; }
.rz-video__play {
position: absolute; left: 50%; top: 50%;
display: grid; place-items: center;
width: 68px; height: 68px; margin: -34px 0 0 -34px;
border-radius: 50%;
background: var(--vermelho);
color: var(--branco);
transition: box-shadow var(--duration-fast) ease;
}
.rz-video__play .rz-icon { width: 28px; height: 28px; margin-left: 2px; }
.rz-video:hover .rz-video__play { box-shadow: var(--estado-escurecer); }
.rz-gallery { columns: 1; column-gap: var(--grid-gap); }
.rz-gallery__item { break-inside: avoid; margin-bottom: var(--grid-gap); }
.rz-gallery__item.is-wide { column-span: all; }
.rz-gallery__item .rz-media { border-radius: var(--radius-card); }
.rz-gallery figcaption { margin-top: var(--espaco-2); font-size: var(--tela-legenda); font-weight: var(--peso-regular); line-height: 1.35; color: var(--texto-suave); }
@media (min-width: 768px) { .rz-gallery { columns: 2; } }
@media (min-width: 1080px) { .rz-gallery { columns: 3; } }
.rz-gallery--videos { columns: auto; display: grid; gap: var(--space-5) var(--grid-gap); }
.rz-gallery--videos .rz-gallery__item { margin: 0; }
@media (min-width: 600px) { .rz-gallery--videos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .rz-gallery--videos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rz-editorial + .rz-gallery { margin-top: var(--head-gap); }
.rz-ocards { display: grid; gap: var(--grid-gap); }
.rz-ocard__link {
position: relative;
isolation: isolate;
display: grid;
height: 100%;
overflow: hidden;
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
color: var(--branco);
text-decoration: none;
--slot-bg: var(--color-theme);
}
.rz-ocard__link > * { grid-area: 1 / 1; }
.rz-ocard__link:focus-visible { outline-offset: 4px; }
.rz-ocard__media { height: 100%; }
.rz-ocard .rz-media--empty { place-items: center; }
.rz-ocard__overlay {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 6px;
padding: var(--espaco-6);
background: linear-gradient(to top, rgba(26, 26, 26, 0.82) 0%, rgba(26, 26, 26, 0.4) 45%, rgba(26, 26, 26, 0) 72%);
}
.rz-ocard__link:has(.rz-media--empty) .rz-ocard__overlay { background: none; }
.rz-ocard__kicker { font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; }
.rz-ocard__name { font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2rem); font-weight: var(--peso-titulo); line-height: var(--entrelinha-titulo); text-wrap: balance; }
.rz-ocard__text {
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
max-width: 44ch; font-size: var(--fs-xs); line-height: 1.45;
}
.rz-ocard__go {
z-index: 1;
align-self: start;
justify-self: end;
display: grid;
place-items: center;
width: 44px;
height: 44px;
margin: var(--espaco-5);
border-radius: 50%;
background: var(--vermelho);
color: var(--branco);
font-size: 1.75rem;
font-weight: var(--peso-semibold);
line-height: 1;
padding-bottom: 3px;
transition: box-shadow var(--duration-fast) ease;
}
.rz-ocard__link:hover .rz-ocard__go { box-shadow: var(--estado-escurecer); }
.rz-ocard__selo {
z-index: 1; align-self: start; justify-self: start;
margin: calc(var(--espaco-5) + 7px) var(--espaco-5) 0;
display: inline-flex; align-items: center; gap: 6px;
padding: 7px 14px 7px 10px; border-radius: var(--raio-pilula);
background: var(--amarelo); color: var(--preto);
font-size: var(--tela-rotulo); font-weight: var(--peso-semibold); line-height: 1.2; text-transform: lowercase;
}
.rz-ocard__selo .rz-icon { width: 15px; height: 15px; flex: none; }
.rz-ocard__media { overflow: hidden; }
.rz-ocard__media img { transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); }
.rz-ocard__link:is(:hover, :focus-visible) .rz-ocard__media img { transform: scale(1.05); }
@media (prefers-reduced-motion: reduce) {
.rz-ocard__media img { transition: none; }
.rz-ocard__link:is(:hover, :focus-visible) .rz-ocard__media img { transform: none; }
}
.rz-ocards--grid { grid-auto-rows: auto; }
.rz-ocard--paisagem .rz-ocard__name { font-size: clamp(1.875rem, 1.3rem + 2vw, 2.75rem); }
@media (max-width: 767px) {
.rz-ocards--grid .rz-ocard__media { aspect-ratio: 4 / 3; }
}
@media (min-width: 768px) {
.rz-ocards--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) and (max-width: 1079px) {
.rz-ocards--grid .rz-ocard__media { aspect-ratio: 1; }
.rz-ocards--grid:has(> :last-child:nth-child(odd)) > :first-child { grid-column: 1 / -1; }
.rz-ocards--grid:has(> :last-child:nth-child(odd)) > :first-child .rz-ocard__media { aspect-ratio: 16 / 7; }
}
@media (min-width: 1080px) {
.rz-ocards--grid { display: flex; flex-wrap: wrap; gap: var(--grid-gap); }
.rz-ocards--grid > * {
--col: 5;
width: calc((100% - var(--grid-gap)) * var(--col) / 12);
height: clamp(320px, 30vw, 420px);
}
.rz-ocards--grid > .rz-ocard[data-reveal] {
transition: width 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);
transition-delay: 0s, calc(var(--i, 0) * 70ms), calc(var(--i, 0) * 70ms);
}
.rz-ocards--grid > :nth-child(4n + 1), .rz-ocards--grid > :nth-child(4n + 4) { --col: 7; }
.rz-ocards--grid .rz-ocard__media { aspect-ratio: auto; }
.rz-ocards--grid > :nth-child(4n + 2):is(:hover, :focus-within) { --col: 7; }
.rz-ocards--grid > :nth-child(4n + 1):has(+ :is(:hover, :focus-within)) { --col: 5; }
.rz-ocards--grid > :nth-child(4n + 3):is(:hover, :focus-within) { --col: 7; }
.rz-ocards--grid > :nth-child(4n + 3):is(:hover, :focus-within) + * { --col: 5; }
.rz-ocards--grid:has(> :last-child:nth-child(odd)) > :first-child { width: 100%; }
.rz-ocards--grid:has(> :last-child:nth-child(odd)) > :is(:nth-child(4n + 2), :nth-child(4n + 5)) { --col: 7; }
.rz-ocards--grid:has(> :last-child:nth-child(odd)) > :is(:nth-child(4n + 3), :nth-child(4n + 4)) { --col: 5; }
.rz-ocards--grid:has(> :last-child:nth-child(odd)) > :nth-child(4n + 3):is(:hover, :focus-within) { --col: 7; }
.rz-ocards--grid:has(> :last-child:nth-child(odd)) > :nth-child(4n + 2):has(+ :is(:hover, :focus-within)) { --col: 5; }
.rz-ocards--grid:has(> :last-child:nth-child(odd)) > :nth-child(4n + 4):is(:hover, :focus-within) { --col: 7; }
.rz-ocards--grid:has(> :last-child:nth-child(odd)) > :nth-child(4n + 4):is(:hover, :focus-within) + * { --col: 5; }
.rz-ocard__text { transition: opacity var(--duration-base) var(--ease-out); }
}
@media (min-width: 1080px) and (prefers-reduced-motion: reduce) {
.rz-ocards--grid > .rz-ocard[data-reveal] { transition: none; }
}
.rz-section--overlap { position: relative; z-index: 1; padding-top: 0; }
.rz-section--overlap > .rz-container { margin-top: calc(var(--feature-overlap) * -1); }
@media (min-width: 768px) { .rz-ocards--outros { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) {
.rz-ocards--outros { grid-auto-flow: column; grid-auto-columns: 70%; margin-inline: calc(var(--gutter) * -1); padding: 4px var(--gutter) 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.rz-ocards--outros > * { scroll-snap-align: start; }
}
.rz-cases { display: grid; gap: var(--space-6) var(--space-5); }
@media (min-width: 600px) {
.rz-cases { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rz-cases--home .rz-case:first-child { grid-column: 1 / -1; }
.rz-cases--home .rz-case:first-child .rz-case__link {
display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: var(--space-5); align-items: center;
}
.rz-cases--home .rz-case:first-child .rz-case__body { padding-top: 0; }
}
@media (min-width: 1080px) {
.rz-cases { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rz-cases--home .rz-case:first-child { grid-column: auto; }
.rz-cases--home .rz-case:first-child .rz-case__link { display: flex; gap: 0; align-items: stretch; }
.rz-cases--home .rz-case:first-child .rz-case__body { padding-top: 20px; }
}
@media (min-width: 600px) {
.rz-cases .rz-case:only-child { grid-column: 1 / -1; }
.rz-cases .rz-case:only-child .rz-case__link {
display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-5) var(--space-7); align-items: center;
}
.rz-cases .rz-case:only-child .rz-case__body { padding-top: 0; }
}
.rz-case__link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
.rz-case__link:focus-visible { outline-offset: 8px; }
.rz-case__media { overflow: hidden; border-radius: var(--raio-cartao); }
.rz-case__body { display: flex; flex-direction: column; gap: 8px; padding-top: 20px; }
.rz-case__meta {
font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; color: var(--texto-suave);
}
.rz-case__title {
font-size: var(--tela-titulo-cartao);
font-weight: var(--peso-titulo);
line-height: 1.02;
text-wrap: balance;
}
.rz-case__link:hover .rz-case__title {
text-decoration: underline;
text-decoration-color: var(--accent);
text-decoration-thickness: 2px;
text-underline-offset: 5px;
}
.rz-case__text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--tela-corpo-pequeno); font-weight: var(--peso-regular); color: var(--texto-suave); }
.rz-case__highlight, .rz-case-award {
display: flex; align-items: flex-start; gap: 10px;
font-size: var(--tela-corpo-pequeno); font-weight: var(--peso-semibold); line-height: 1.45; color: var(--destaque);
}
.rz-case__highlight .rz-icon, .rz-case-award .rz-icon { width: 20px; height: 20px; margin-top: 1px; }
.rz-case__tags {
margin-top: 4px;
font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; color: var(--texto-suave);
}
.rz-episodes { display: grid; gap: var(--space-5) var(--grid-gap); margin-top: var(--head-gap); }
@media (min-width: 768px) { .rz-episodes { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rz-episode .rz-media { border-radius: var(--radius-card); box-shadow: var(--shadow-card); }
.rz-episode__link { display: block; color: inherit; text-decoration: none; }
.rz-episode__link:hover .rz-episode__title { text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 2px; }
.rz-episode__caption { display: flex; flex-direction: column; gap: 2px; margin-top: var(--space-3); line-height: 1.3; }
.rz-episode__caption .rz-icon { width: 16px; height: 16px; margin-top: 4px; color: var(--destaque); }
.rz-episode__series { font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; color: var(--texto-suave); }
.rz-episode__title { font-size: var(--fs-lead); font-weight: var(--peso-titulo); line-height: 1.05; }
.rz-metrics { display: grid; gap: var(--space-5); }
@media (min-width: 768px) { .rz-metrics--row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); } }
.rz-metric { padding-top: var(--espaco-5); border-top: 1px solid var(--linha); }
.rz-metric__value {
font-size: clamp(2.5rem, 1rem + 3.2vw, 4rem);
font-weight: var(--peso-titulo);
line-height: var(--entrelinha-titulo);
color: var(--destaque);
}
.rz-metric__label { margin-top: var(--space-3); max-width: 32ch; }
.rz-metrics--stack .rz-metric__value { font-size: clamp(2.25rem, 1.6rem + 2vw, 3rem); }
.rz-editorial + .rz-metrics { margin-top: var(--head-gap); }
.rz-after-metrics { margin-top: var(--head-gap); max-width: 60ch; font-size: var(--fs-lead); }
.rz-highlight { padding-block: 0; }
.rz-highlight__caixa {
display: grid; gap: var(--espaco-4) var(--espaco-7); align-items: center;
padding: var(--espaco-7) var(--espaco-6);
border-radius: var(--raio-cartao); background: var(--color-theme); color: var(--texto);
}
.rz-highlight__disco {
display: grid; place-items: center; width: 64px; height: 64px;
border-radius: 50%; background: var(--destaque); color: var(--sobre-destaque);
}
.rz-highlight__disco .rz-icon { width: 30px; height: 30px; }
.rz-highlight__numero { display: grid; gap: var(--espaco-1); }
.rz-highlight__antes { font-size: var(--fs-sub); font-weight: var(--peso-semibold); line-height: 1.05; text-transform: lowercase; }
.rz-highlight__value { font-size: clamp(3rem, 1.6rem + 6vw, 6.5rem); font-weight: var(--peso-black); line-height: 0.95; color: var(--destaque); }
.rz-highlight__label { max-width: 26ch; font-size: var(--fs-sub); font-weight: var(--peso-semibold); line-height: 1.1; }
@media (min-width: 900px) {
.rz-highlight__caixa { grid-template-columns: auto auto 1fr; padding: var(--espaco-8) var(--espaco-8); }
.rz-highlight__label { justify-self: end; }
}
.rz-citacao__fig { position: relative; max-width: 58rem; margin: 0; padding-top: var(--space-6); }
.rz-citacao__fig::before {
content: "“"; position: absolute; top: -0.2em; left: -0.04em;
font-size: clamp(5rem, 4rem + 4vw, 8rem); font-weight: var(--peso-titulo); line-height: 1; color: var(--destaque);
}
.rz-citacao blockquote { margin: 0; }
.rz-citacao blockquote p { font-size: clamp(1.5rem, 1.2rem + 1.3vw, 2.25rem); font-weight: var(--peso-semibold); line-height: 1.1; text-wrap: pretty; }
.rz-citacao figcaption { display: flex; flex-wrap: wrap; gap: 4px 10px; margin-top: var(--espaco-6); font-size: var(--tela-corpo-pequeno); font-weight: var(--peso-regular); }
.rz-citacao figcaption span::before { content: "·"; margin-right: 10px; opacity: 0.7; }
.rz-pessoas__destaque { margin-top: var(--head-gap); }
.rz-pessoas__destaque .rz-art--moldura img { aspect-ratio: 4 / 5; object-fit: cover; }
.rz-pessoas__destaque + .rz-pessoas { margin-top: var(--section-y); }
.rz-editorial + .rz-pessoas { margin-top: var(--head-gap); }
.rz-pessoas { display: grid; gap: var(--space-6) var(--space-5); }
@media (min-width: 600px) { .rz-pessoas { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) { .rz-pessoas { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rz-pessoa { display: flex; flex-direction: column; gap: 8px; padding-top: var(--espaco-5); border-top: 1px solid var(--linha); }
.rz-pessoa__num { font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; color: var(--texto-suave); }
.rz-pessoa__nome { font-size: var(--tela-titulo-cartao); font-weight: var(--peso-titulo); line-height: 1.02; }
.rz-pessoa__nome--grande { font-size: var(--fs-h2-md); margin-top: var(--espaco-2); }
.rz-pessoa__lugar { font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; color: var(--texto-suave); }
.rz-pessoa__texto { font-size: var(--tela-corpo-pequeno); font-weight: var(--peso-regular); color: var(--texto-suave); }
.rz-pessoa__link { margin-top: var(--space-4); }
.rz-cartaz__nota { margin-top: var(--space-5); font-size: var(--fs-xs); color: var(--texto-suave); }
.rz-flow { --node: 48px; --gap: 28px; display: grid; gap: var(--gap); margin: 0; padding: 0; list-style: none; }
.rz-flow__item { position: relative; display: grid; grid-template-columns: var(--node) minmax(0, 1fr); column-gap: 20px; align-items: start; }
.rz-flow__item:not(:last-child)::before {
content: "";
position: absolute;
left: calc(var(--node) / 2 - 1px);
top: calc(var(--node) / 2);
width: 2px;
height: calc(100% + var(--gap));
background: var(--flow-line);
transform-origin: 0 0;
transition: transform var(--duration-base) var(--ease-out) calc(var(--i, 0) * 120ms + 120ms);
}
.rz-flow__node {
position: relative;
z-index: 1;
display: grid;
place-items: center;
width: var(--node);
height: var(--node);
border: 2px solid var(--flow-node);
border-radius: 50%;
background: var(--section-bg, var(--rz-white));
color: var(--flow-node);
font-size: var(--fs-2xs);
font-weight: var(--fw-bold);
letter-spacing: 0.04em;
transition: transform var(--duration-base) var(--ease-out) calc(var(--i, 0) * 120ms), opacity var(--duration-base) var(--ease-out) calc(var(--i, 0) * 120ms);
}
.rz-flow__body { padding-top: max(0px, calc(var(--node) / 2 - 0.75rem)); }
.rz-flow__title { font-size: var(--tela-titulo-cartao); font-weight: var(--peso-titulo); line-height: 1.02; text-transform: lowercase; }
.rz-flow__text { margin-top: 8px; max-width: 40ch; }
.rz-flow__label { display: block; font-size: var(--fs-lead); font-weight: var(--peso-semibold); line-height: 1.2; }
.rz-flow--pillars { --node: 22px; }
.rz-flow--pillars .rz-flow__node { background: var(--flow-node); box-shadow: 0 0 0 6px var(--section-bg, var(--rz-white)); }
.rz-flow--formats { --node: 64px; }
.rz-flow--formats .rz-icon { width: 28px; height: 28px; }
.rz-flow--formats .rz-flow__node { color: var(--rz-gold-500); }
@media (min-width: 768px) {
.rz-flow--h-md { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
.rz-flow--h-md .rz-flow__item { grid-template-columns: minmax(0, 1fr); row-gap: 20px; }
.rz-flow--h-md .rz-flow__item:not(:last-child)::before { left: calc(var(--node) / 2); top: calc(var(--node) / 2 - 1px); width: calc(100% + var(--gap)); height: 2px; }
.rz-flow--h-md .rz-flow__body { padding-top: 0; }
.rz-flow--h-md.rz-flow--formats .rz-flow__label { font-size: var(--fs-sm); font-weight: var(--fw-regular); }
}
@media (min-width: 1080px) {
.rz-flow--h-lg { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); --gap: 16px; }
.rz-flow--h-lg .rz-flow__item { grid-template-columns: minmax(0, 1fr); row-gap: 20px; }
.rz-flow--h-lg .rz-flow__item:not(:last-child)::before { left: calc(var(--node) / 2); top: calc(var(--node) / 2 - 1px); width: calc(100% + var(--gap)); height: 2px; }
.rz-flow--h-lg .rz-flow__body { padding-top: 0; }
.rz-flow--h-lg .rz-flow__label { font-size: var(--fs-sm); font-weight: var(--fw-regular); }
}
.rz-statement {
max-width: 30em;
margin-top: var(--head-gap);
padding-top: var(--head-gap);
border-top: 1px solid var(--rule);
font-size: var(--fs-sub);
font-weight: var(--peso-semibold);
line-height: 1.05;
}
.rz-statement p + p { margin-top: 0.5em; color: var(--destaque); }
.rz-statement strong { font-weight: inherit; color: var(--destaque); }
.rz-flow + .rz-statement { margin-top: var(--head-gap); }
.rz-network { width: 100%; height: 100%; }
.rz-network path { fill: none; stroke: var(--rz-gold-500); stroke-width: 2; stroke-linecap: round; }
.rz-network path.is-soft { stroke: rgba(255, 255, 255, 0.45); stroke-width: 1.5; }
.rz-network circle { fill: var(--rz-white); }
.rz-network circle.is-major { fill: var(--rz-gold-500); }
.rz-network circle.rz-network__ring { fill: none; stroke: var(--rz-gold-500); stroke-width: 2; }
.on-light .rz-network path.is-soft { stroke: rgba(78, 41, 172, 0.35); }
.on-light .rz-network circle { fill: var(--violeta); }
.on-light .rz-network circle.is-major { fill: var(--rz-gold-500); }
.rz-network image { transform-box: fill-box; transform-origin: center; }
.rz-branch__svg { width: 100%; height: auto; overflow: visible; }
.rz-branch__svg--v { max-width: 360px; }
.rz-branch__svg--h { display: none; }
@media (min-width: 720px) {
.rz-branch__svg--v { display: none; }
.rz-branch__svg--h { display: block; }
}
.rz-branch path { fill: none; stroke: var(--rz-gold-500); stroke-width: 2; stroke-linecap: round; }
.rz-branch path.is-soft { stroke: rgba(255, 255, 255, 0.5); stroke-width: 1.5; stroke-dasharray: 0.02 0.025; }
.rz-branch__ring { fill: none; stroke: var(--rz-gold-500); stroke-width: 1.5; opacity: 0.5; }
.rz-branch__origin { fill: var(--rz-gold-500); }
.rz-branch__hub { fill: var(--rz-white); }
.rz-branch__end { fill: var(--section-bg, var(--rz-purple-900)); stroke: var(--rz-gold-500); stroke-width: 2; }
.rz-branch text { fill: var(--rz-white); font-family: var(--font-body); font-weight: var(--fw-light); }
.rz-branch text.rz-branch__origin-label { fill: var(--rz-gold-500); font-weight: var(--fw-bold); letter-spacing: 0.1em; text-transform: uppercase; }
.rz-network path:not(.is-soft),
.rz-branch path:not(.is-soft) {
stroke-dasharray: 1;
stroke-dashoffset: 0;
transition: stroke-dashoffset var(--duration-base) var(--ease-out) calc(var(--i, 0) * 70ms);
}
[data-reveal="draw"] circle,
[data-reveal="draw"] text,
[data-reveal="draw"] image,
[data-reveal="draw"] path.is-soft {
transition: opacity var(--duration-base) var(--ease-out) calc(var(--i, 0) * 70ms + 200ms);
}
.rz-manifesto .rz-title { max-width: 14ch; }
.rz-manifesto__grid { display: grid; gap: var(--space-6); }
.rz-manifesto__text { display: flex; flex-direction: column; gap: var(--space-4); }
.rz-manifesto__text .rz-title { margin-bottom: var(--espaco-3); }
.rz-manifesto__paragrafo { max-width: 46ch; }
.rz-manifesto__lead { font-size: var(--fs-sub); font-weight: var(--peso-semibold); line-height: 1.05; }
.rz-manifesto__lines { display: flex; flex-direction: column; gap: 6px; font-size: var(--fs-lead); line-height: 1.45; }
.rz-manifesto__lines span { display: block; }
.rz-manifesto__paragrafo { font-size: var(--fs-lead); line-height: 1.45; }
.rz-manifesto__paragrafo strong { font-weight: var(--peso-semibold); color: var(--destaque); }
.rz-manifesto__close { font-size: var(--fs-lead); font-weight: var(--peso-semibold); line-height: 1.2; color: var(--destaque); }
.rz-manifesto__art { display: flex; flex-direction: column; gap: var(--space-5); }
.rz-manifesto__note { max-width: 46ch; margin-top: var(--espaco-4); padding-top: var(--space-4); border-top: 1px solid var(--rule); font-size: var(--fs-xs); }
@media (min-width: 960px) {
.rz-manifesto__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-7); align-items: center; }
}
.rz-ways { display: grid; gap: 0 var(--space-5); }
.rz-way { padding: var(--space-4) 0 var(--space-6); border-top: 1px solid var(--linha-suave); }
.rz-way__num { display: block; font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; color: var(--texto-suave); }
.rz-way__title { margin-top: var(--espaco-3); font-size: var(--tela-titulo-cartao); font-weight: var(--peso-titulo); line-height: 1.02; text-transform: lowercase; }
.rz-way__lead { margin-top: var(--espaco-3); font-size: var(--fs-sub); font-weight: var(--peso-semibold); line-height: 1.05; color: var(--destaque); }
.rz-way__text { margin-top: var(--space-2); max-width: 46ch; }
.rz-way--lead .rz-way__text { max-width: 56ch; }
@media (min-width: 600px) {
.rz-ways { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rz-way--lead { grid-column: 1 / -1; }
}
@media (min-width: 1080px) {
.rz-ways { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rz-way--lead { grid-column: span 2; }
}
.rz-ways-list { border-bottom: 1px solid var(--linha-suave); }
.rz-ways-list__item {
display: grid;
grid-template-columns: 40px minmax(0, 1fr);
gap: 8px 16px;
padding-block: var(--space-5);
border-top: 1px solid var(--linha-suave);
}
.rz-ways-list__num { grid-row: span 2; padding-top: 0.5em; font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; color: var(--texto-suave); }
.rz-ways-list__title { font-size: var(--fs-sub); font-weight: var(--peso-titulo); line-height: 1.02; text-transform: lowercase; }
.rz-ways-list__text { max-width: 56ch; }
@media (min-width: 1080px) {
.rz-ways-list__item { grid-template-columns: 80px minmax(0, 5fr) minmax(0, 6fr); gap: var(--space-5); align-items: baseline; padding-block: var(--space-6); }
.rz-ways-list__num { grid-row: auto; padding-top: 0; }
}
.rz-why__grid { display: grid; gap: var(--space-6); }
.rz-why .rz-lead { margin-top: var(--espaco-5); font-size: var(--fs-sub); font-weight: var(--peso-semibold); line-height: 1.05; max-width: 20ch; }
.rz-why__text > .rz-manifesto__close { margin-top: var(--space-5); }
@media (min-width: 1080px) {
.rz-why__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--space-8); align-items: start; }
.rz-why__text { padding-top: var(--space-3); }
}
.rz-person .rz-lead { font-size: var(--fs-lead); font-weight: var(--fw-light); }
.rz-equipe__grade { display: grid; gap: var(--space-5); margin-top: var(--head-gap); }
@media (min-width: 600px) { .rz-equipe__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) { .rz-equipe__grade { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rz-membro {
display: flex; flex-direction: column; align-items: center; gap: 6px;
padding: var(--space-6) var(--space-5) var(--space-5);
border-radius: var(--raio-cartao); background: var(--fundo); color: var(--texto);
text-align: center;
}
.rz-membro__foto {
display: grid; place-items: center; width: 148px; aspect-ratio: 1; margin-bottom: var(--space-4);
overflow: hidden; border-radius: 50%; background: var(--cor, var(--violeta));
color: var(--branco); font-size: 2.75rem; font-weight: var(--peso-titulo); line-height: 1; text-transform: lowercase;
}
.rz-membro__foto img { width: 100%; height: 100%; object-fit: cover; }
.rz-membro__nome { font-size: var(--tela-titulo-cartao); font-weight: var(--peso-titulo); line-height: 1.02; }
.rz-membro__papel { font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; color: var(--texto-suave); }
.rz-membro__bio { max-width: 32ch; margin-top: var(--espaco-2); font-size: var(--tela-corpo-pequeno); font-weight: var(--peso-regular); line-height: 1.45; color: var(--texto-suave); }
.rz-membro__links { display: flex; gap: 14px; margin-top: auto; padding-top: var(--space-4); }
.rz-membro__links a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; color: var(--destaque); transition: box-shadow var(--duration-fast) ease; }
.rz-membro__links a:hover { box-shadow: var(--estado-vazio); }
.rz-membro__links .rz-icon { width: 18px; height: 18px; }
.rz-person { display: grid; gap: var(--space-6); }
.rz-person__photo { max-width: 400px; }
.rz-person__photo .rz-media { border-radius: var(--radius-card); }
.rz-person__role { margin-top: var(--space-3); font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; color: var(--eyebrow); }
.rz-person .rz-prose { margin-top: var(--space-5); }
@media (min-width: 768px) {
.rz-person { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-7); align-items: center; }
.rz-person__photo { max-width: none; }
}
.rz-case-link { margin-top: var(--space-5); }
.rz-next { background: var(--color-theme); border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.rz-next__link { display: flex; flex-direction: column; gap: 6px; padding-block: var(--space-6); text-decoration: none; }
.rz-next__label { font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; }
.rz-next__name { display: inline-flex; align-items: center; gap: 12px; font-size: var(--fs-h2); font-weight: var(--peso-titulo); line-height: var(--entrelinha-titulo); }
.rz-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-bottom: var(--head-gap); }
.rz-filter__label { font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; color: var(--texto-suave); }
.rz-filter__options { display: flex; flex-wrap: wrap; gap: var(--espaco-2); }
.rz-filter__status { margin-left: auto; font-size: var(--fs-2xs); color: var(--texto-suave); }
.rz-chip {
flex: none;
padding: 0.556em 1.2em 0.67em;
border: 0;
border-radius: var(--raio-pilula);
background: transparent;
color: var(--texto);
box-shadow: inset 0 0 0 1.5px currentColor;
font-weight: var(--peso-semibold);
font-size: 14px;
line-height: 1.2;
text-transform: lowercase;
cursor: pointer;
transition: box-shadow var(--duration-fast) ease;
}
.rz-chip:hover { box-shadow: inset 0 0 0 1.5px currentColor, var(--estado-vazio); }
.rz-chip[aria-pressed="true"] { background: var(--destaque); color: var(--sobre-destaque); box-shadow: none; }
@media (max-width: 599px) {
.rz-filter__options {
flex-wrap: nowrap;
width: calc(100% + var(--gutter) * 2);
margin-inline: calc(var(--gutter) * -1);
padding: 4px var(--gutter);
overflow-x: auto;
scrollbar-width: none;
}
.rz-filter__options::-webkit-scrollbar { display: none; }
.rz-filter__status { margin-left: 0; }
}
.rz-cta__inner { display: grid; gap: var(--space-5); justify-items: start; }
.rz-cta .rz-title { max-width: 22ch; }
.rz-cta__text { max-width: 48ch; font-size: var(--fs-lead); }
@media (min-width: 1080px) {
.rz-cta__inner { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); column-gap: var(--space-7); align-items: end; }
.rz-cta__action { grid-column: 2; grid-row: 1 / span 2; justify-self: end; }
}
.rz-contact { padding-top: 0; }
.rz-contact__grid { display: grid; gap: var(--space-7); }
.rz-contact__form {
position: relative;
z-index: 1;
margin-top: calc(var(--feature-overlap) * -1);
margin-inline: calc(var(--gutter) * -1);
padding: var(--space-6) var(--gutter);
background: var(--indigo);
}
@media (min-width: 600px) {
.rz-contact__form { margin-inline: 0; padding: var(--space-6); border-radius: var(--radius-card); }
}
@media (min-width: 1080px) {
.rz-contact__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); align-items: start; }
.rz-contact__form { padding: var(--space-7); }
.rz-contact__aside { padding-top: var(--space-6); }
}
.rz-contact__title { font-size: var(--fs-h2-md); font-weight: var(--peso-titulo); line-height: var(--entrelinha-titulo); text-transform: lowercase; }
.rz-contact__note { margin-top: 8px; font-size: var(--fs-2xs); }
.rz-contact__aside { display: grid; gap: var(--space-5); align-content: start; }
@media (min-width: 600px) and (max-width: 1079px) { .rz-contact__aside { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rz-contact__block .rz-eyebrow { margin-bottom: 8px; }
.rz-contact__block p + p { margin-top: 8px; }
.rz-contact__email {
font-size: var(--fs-lead); font-weight: var(--peso-semibold); color: var(--destaque); overflow-wrap: anywhere;
text-decoration-thickness: 0.09em;
}
.rz-contact__email:hover { text-decoration-thickness: 0.18em; }
.rz-contact__social { display: grid; gap: 4px; }
.rz-contact__social a { display: inline-flex; align-items: center; gap: 10px; min-height: 40px; font-weight: var(--fw-regular); text-decoration: none; }
.rz-contact__social a:hover { text-decoration: underline; }
.rz-contact__social .rz-icon { width: 20px; height: 20px; color: var(--destaque); }
.rz-form { margin-top: var(--espaco-6); }
.rz-form__grid { display: grid; gap: var(--espaco-5); }
@media (min-width: 768px) {
.rz-form__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rz-field--full { grid-column: 1 / -1; }
}
.rz-field { display: flex; flex-direction: column; gap: var(--espaco-2); min-width: 0; margin: 0; padding: 0; border: 0; }
.rz-field__label { padding: 0; font-size: 15px; font-weight: var(--peso-semibold); line-height: 1.2; }
.rz-field__req { color: var(--destaque); }
.rz-field__input {
width: 100%;
min-height: 48px;
margin: 0;
padding: 0 var(--espaco-4);
border: 1.5px solid var(--linha);
border-radius: var(--raio-pilula);
background: var(--campo);
color: var(--campo-texto);
font-family: var(--font-sans);
font-weight: var(--peso-regular);
font-size: 17px;
line-height: 1.3;
-webkit-appearance: none;
appearance: none;
}
textarea.rz-field__input { min-height: 132px; padding: 14px var(--espaco-4); border-radius: var(--raio-cartao); resize: vertical; }
.rz-field__input::placeholder { color: var(--campo-dica); opacity: 1; }
.rz-field__input:focus { outline: none; }
.rz-field__input:focus-visible { outline: 3px solid var(--foco); outline-offset: 3px; }
.rz-field__input[aria-invalid="true"] { border-color: var(--erro); border-width: 2px; }
.rz-field__hint { font-size: 14px; line-height: 1.4; color: var(--texto-suave); }
.rz-field__error { display: flex; gap: 6px; align-items: flex-start; font-size: 14px; line-height: 1.4; font-weight: var(--peso-semibold); color: var(--erro); }
.rz-field__error::before {
content: "!";
flex: none;
display: inline-grid;
place-items: center;
width: 18px; height: 18px; margin-top: 1px;
border-radius: 50%;
box-shadow: inset 0 0 0 2px currentColor;
font-size: 12px;
line-height: 1;
}
.rz-choices__options { display: flex; flex-wrap: wrap; gap: var(--espaco-2); margin-top: var(--espaco-2); }
.rz-choice { position: relative; }
.rz-choice input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.rz-choice span {
display: inline-flex;
align-items: center;
padding: 0.556em 1.2em 0.67em;
border-radius: var(--raio-pilula);
box-shadow: inset 0 0 0 1.5px currentColor;
font-size: 15px;
font-weight: var(--peso-semibold);
line-height: 1.2;
text-transform: lowercase;
cursor: pointer;
transition: box-shadow var(--duration-fast) ease;
}
.rz-choice:hover span { box-shadow: inset 0 0 0 1.5px currentColor, var(--estado-vazio); }
.rz-choice input:checked + span { background: var(--destaque); color: var(--sobre-destaque); box-shadow: none; }
.rz-choice input:focus-visible + span { outline: 3px solid var(--foco); outline-offset: 3px; }
.rz-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.rz-form__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-top: var(--space-6); }
.rz-form__status { font-size: var(--tela-corpo-pequeno); font-weight: var(--peso-regular); }
.rz-form__status:empty { display: none; }
.rz-hero--labs .rz-labs-title img { width: clamp(200px, 42vw, 380px); height: auto; }
.rz-hero--labs .rz-hero__art { display: grid; place-items: center; height: clamp(280px, 70vw, 420px); margin: 0; }
.rz-labs-art { width: auto; height: 100%; max-width: 100%; object-fit: contain; }
@media (min-width: 960px) {
.rz-hero--labs .rz-hero__art { height: auto; aspect-ratio: auto; }
.rz-labs-art { height: auto; max-height: 560px; }
}
.rz-hero--labs .rz-hero__headline { max-width: 20ch; }
.rz-services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--grid-gap); }
@media (min-width: 1080px) { .rz-services { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rz-service { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--raio-cartao); background: var(--superficie); }
.rz-service__art { position: relative; aspect-ratio: 3 / 2; --pad: var(--space-3); }
.rz-service__art img { position: absolute; inset: var(--pad); width: calc(100% - var(--pad) * 2); height: calc(100% - var(--pad) * 2); object-fit: contain; }
.rz-service__name {
padding: var(--space-3) var(--space-3) var(--space-4);
font-size: var(--tela-rotulo); font-weight: var(--peso-regular); line-height: 1.35; letter-spacing: 0.04em; text-transform: uppercase;
}
@media (min-width: 600px) {
.rz-service__art { --pad: var(--space-4); }
.rz-service__name { padding: var(--space-3) var(--space-4) var(--space-4); font-size: var(--fs-xs); }
}
.rz-footer { background: var(--violeta); }
.rz-footer__main { display: grid; gap: var(--space-6); padding-block: var(--space-7); }
.rz-footer__logo { display: inline-block; }
.rz-footer__logo img { width: auto; height: 42px; }
.rz-footer__tagline { max-width: 14ch; margin-top: var(--espaco-5); font-size: var(--fs-sub); font-weight: var(--peso-titulo); line-height: var(--entrelinha-titulo); text-transform: lowercase; }
.rz-footer__place { margin-top: var(--espaco-5); color: var(--texto-suave); font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; }
.rz-footer__heading { margin-bottom: var(--espaco-3); color: var(--texto-suave); font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; }
.rz-footer__links a,
.rz-footer__social a { display: inline-flex; align-items: center; gap: 10px; min-height: 40px; font-size: 16px; font-weight: var(--peso-semibold); text-decoration: none; text-transform: lowercase; }
.rz-footer a:hover { text-decoration: underline; text-decoration-color: var(--destaque); text-decoration-thickness: 2px; }
.rz-footer__labs { display: flex; flex-direction: column; gap: 4px; text-decoration: none; }
.rz-footer__labs-name { font-size: 16px; font-weight: var(--peso-semibold); }
.rz-footer__labs-text { font-size: var(--tela-corpo-pequeno); font-weight: var(--peso-regular); max-width: 30ch; color: var(--texto-suave); }
.rz-footer__social { margin-top: var(--espaco-5); padding-top: var(--espaco-3); border-top: 1px solid var(--linha-suave); }
.rz-footer__social .rz-icon { width: 20px; height: 20px; color: var(--destaque); }
.rz-footer__bar { background: var(--indigo); font-size: var(--tela-legenda); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; }
.rz-footer__bar-inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding-block: var(--space-4); }
.rz-footer__domain { font-weight: var(--peso-semibold); text-decoration: none; }
@media (min-width: 600px) {
.rz-footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rz-footer__brand { grid-column: 1 / -1; }
}
@media (min-width: 1080px) {
.rz-footer__main { grid-template-columns: minmax(0, 5fr) minmax(0, 3fr) minmax(0, 4fr); padding-block: var(--space-8) var(--space-7); }
.rz-footer__brand { grid-column: auto; }
}
.rz-acard { position: relative; }
.rz-acard__link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
.rz-acard__link:focus-visible { outline-offset: 6px; }
.rz-acard__media { overflow: hidden; border-radius: var(--radius-card); }
.rz-acard__media { position: relative; }
.rz-acard__play {
position: absolute; left: 14px; top: 14px; display: grid; place-items: center; width: 40px; height: 40px;
border-radius: 50%; background: var(--vermelho); color: var(--branco);
transition: box-shadow var(--duration-fast) ease;
}
.rz-acard__play .rz-icon { width: 22px; height: 22px; margin-left: 1px; }
.rz-acard__link:hover .rz-acard__play { box-shadow: var(--estado-escurecer); }
.rz-extras { align-self: start; width: 100%; padding: var(--espaco-6); border-radius: var(--raio-cartao); background: var(--superficie); }
.rz-extras ul { display: grid; gap: var(--space-3); margin-top: var(--space-4); }
.rz-extras a { display: inline-flex; align-items: flex-start; gap: 10px; font-size: var(--tela-botao); font-weight: var(--peso-semibold); color: var(--destaque); text-decoration: underline; text-decoration-thickness: 0.09em; text-underline-offset: 0.22em; }
.rz-extras a:hover { text-decoration-thickness: 0.18em; }
.rz-extras .rz-icon { flex: none; width: 18px; height: 18px; margin-top: 4px; }
.rz-extras p { margin: 4px 0 0 28px; font-size: var(--fs-xs); color: var(--texto-suave); }
.rz-catalog:has(.rz-extras) { align-items: start; }
.rz-catalog__art:has(.rz-extras) { place-items: start stretch; padding-top: var(--space-6); }
.rz-ep-nav { display: grid; gap: var(--space-4); margin-top: var(--section-y); padding-top: var(--space-5); border-top: 1px solid var(--linha-suave); }
@media (min-width: 600px) { .rz-ep-nav { grid-template-columns: 1fr 1fr; } }
.rz-ep-nav__link { display: grid; gap: 4px; color: inherit; text-decoration: none; }
.rz-ep-nav__link--proximo { text-align: right; }
.rz-ep-nav__rotulo { font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; color: var(--eyebrow); }
.rz-ep-nav__titulo { font-size: var(--tela-titulo-cartao); font-weight: var(--peso-titulo); line-height: 1.02; }
.rz-ep-nav__link:hover .rz-ep-nav__titulo { text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 2px; text-underline-offset: 5px; }
.rz-acard__body { display: flex; flex-direction: column; gap: 8px; padding-top: var(--space-3); }
.rz-acard__kicker {
font-size: var(--tela-rotulo); font-weight: var(--peso-semibold); letter-spacing: 0.04em; text-transform: uppercase; color: var(--eyebrow);
}
.rz-acard__title { font-size: var(--tela-titulo-cartao); font-weight: var(--peso-titulo); line-height: 1.02; text-wrap: balance; overflow-wrap: anywhere; }
.rz-acard__link:hover .rz-acard__title { text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 2px; text-underline-offset: 5px; }
.rz-acard__resumo { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-width: 60ch; font-size: var(--tela-corpo-pequeno); font-weight: var(--peso-regular); color: var(--texto-suave); }
.rz-acard__sem-imagem { display: grid; background: var(--violeta); color: var(--branco); }
.rz-acard__sem-imagem > * { grid-area: 1 / 1; }
.rz-acard__sem-imagem .rz-slot-mark { place-self: start end; margin: var(--space-4); }
.rz-acard__sem-imagem-tema {
align-self: end; padding: var(--space-4);
font-size: clamp(1.375rem, 1rem + 1.4vw, 2.25rem); font-weight: var(--peso-titulo); line-height: var(--entrelinha-titulo); text-transform: lowercase;
}
.rz-post-meta {
display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0;
font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted);
}
.rz-post-meta > * + *::before { content: "·"; margin-inline: 10px; }
.rz-acard--capa .rz-acard__title,
.rz-acard--destaque .rz-acard__title { font-size: var(--fs-h2-md); }
.rz-acard--capa .rz-acard__resumo, .rz-acard--destaque .rz-acard__resumo { font-size: var(--tela-corpo); font-weight: var(--peso-light); color: var(--texto); }
.rz-acard--capa .rz-acard__body,
.rz-acard--destaque .rz-acard__body { gap: 12px; padding-top: var(--space-4); }
.rz-acard--lista .rz-acard__link { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: var(--space-4); align-items: start; }
.rz-acard--lista .rz-acard__body { padding-top: 0; gap: 6px; }
.rz-acard--lista .rz-acard__title { font-size: 1.125rem; line-height: 1.08; }
@media (max-width: 599px) {
.rz-acard--capa .rz-media, .rz-acard--destaque .rz-media { aspect-ratio: 4 / 5; }
}
@media (min-width: 600px) { .rz-acard--lista .rz-acard__link { grid-template-columns: 120px minmax(0, 1fr); } }
@media (min-width: 768px) {
.rz-acard--largo .rz-acard__link { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-6); align-items: center; }
.rz-acard--largo .rz-acard__body { padding-top: 0; }
.rz-acard--largo .rz-acard__title { font-size: var(--fs-h2-md); }
}
@media (min-width: 960px) {
.rz-acard--destaque .rz-acard__link { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-7); align-items: center; }
.rz-acard--destaque .rz-acard__body { padding-top: 0; }
}
.rz-mag { display: grid; gap: var(--space-6); }
.rz-mag__outros { display: grid; }
.rz-mag__outros > .rz-acard { padding-block: var(--space-4); border-top: 1px solid var(--linha-suave); }
.rz-mag__outros > .rz-acard:first-child { padding-top: 0; border-top: 0; }
@media (max-width: 959px) {
.rz-mag__outros > .rz-acard--pequeno .rz-acard__link { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: var(--space-4); align-items: start; }
.rz-mag__outros > .rz-acard--pequeno .rz-acard__body { padding-top: 0; gap: 6px; }
.rz-mag__outros > .rz-acard--pequeno .rz-media { aspect-ratio: 1; }
.rz-mag__outros > .rz-acard--pequeno .rz-acard__title { font-size: 1.125rem; line-height: 1.08; }
.rz-mag__outros > .rz-acard:first-child { padding-top: var(--space-4); border-top: 1px solid var(--linha-suave); }
}
@media (min-width: 600px) and (max-width: 959px) {
.rz-mag__outros > .rz-acard--pequeno .rz-acard__link { grid-template-columns: 120px minmax(0, 1fr); }
}
@media (min-width: 960px) {
.rz-mag { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-7); align-items: start; }
}
.rz-ed-busca { display: grid; gap: var(--space-4); margin-bottom: var(--head-gap); }
.rz-ed-busca__campo {
display: flex; align-items: center; gap: 10px; max-width: 560px; min-height: 44px; padding: 0 var(--espaco-4);
border: 1.5px solid var(--linha); border-radius: var(--raio-pilula); background: var(--campo); color: var(--campo-dica);
}
.rz-ed-busca__campo:focus-within { outline: 3px solid var(--foco); outline-offset: 3px; }
.rz-ed-busca__campo .rz-icon { width: 20px; height: 20px; }
.rz-ed-busca__campo input {
flex: 1; min-width: 0; padding: 8px 0; border: 0; background: transparent; color: var(--campo-texto);
font-family: var(--font-sans); font-size: 16px; font-weight: var(--peso-regular); -webkit-appearance: none; appearance: none;
}
.rz-ed-busca__campo input:focus { outline: none; }
.rz-ed-busca__campo input::placeholder { color: var(--campo-dica); opacity: 1; }
.rz-ed-busca__status { font-size: var(--fs-2xs); color: var(--muted); }
.rz-ed-busca__status:empty { display: none; }
@media (min-width: 1140px) {
.rz-ed-busca { grid-template-columns: auto minmax(200px, 300px); justify-content: space-between; align-items: center; gap: var(--space-4) var(--space-6); }
.rz-ed-busca__temas { flex-wrap: nowrap; }
.rz-ed-busca__status { grid-column: 1 / -1; }
}
.rz-ed-destaque { margin-bottom: var(--head-gap); padding-bottom: var(--head-gap); border-bottom: 1px solid var(--linha-suave); }
.rz-ed-ultimos > .rz-eyebrow { margin-bottom: var(--space-5); }
.rz-ed-grade { display: grid; gap: var(--espaco-7) var(--espaco-6); }
.rz-ed-grade:not(.is-filtering) > [data-principal] { display: none; }
@media (min-width: 600px) { .rz-ed-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) { .rz-ed-grade { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rz-ed-grade .rz-acard__body { padding-top: var(--espaco-4); }
@media (max-width: 599px) {
.rz-ed-relacionados .rz-acard--pequeno .rz-acard__link { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: var(--space-4); align-items: start; }
.rz-ed-relacionados .rz-acard--pequeno .rz-acard__body { padding-top: 0; gap: 6px; }
.rz-ed-relacionados .rz-acard--pequeno .rz-media { aspect-ratio: 1; }
.rz-ed-relacionados .rz-acard--pequeno .rz-acard__title { font-size: 1.125rem; line-height: 1.08; }
}
.rz-ed-vazio { display: grid; justify-items: start; gap: 12px; padding-block: var(--space-6); }
.rz-ed-vazio__titulo { font-size: var(--fs-h2-md); font-weight: var(--peso-titulo); line-height: var(--entrelinha-titulo); text-transform: lowercase; }
.rz-ed-vazio .rz-btn { margin-top: var(--space-3); }
.rz-ed-relacionados { display: grid; gap: var(--space-5) var(--space-5); }
@media (min-width: 600px) { .rz-ed-relacionados { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6) var(--space-5); } }
.rz-ed-relacionados > .rz-eyebrow { grid-column: 1 / -1; }
.rz-hero.rz-hero--post { min-height: 0; }
.rz-hero--post .rz-hero__content { max-width: 920px; }
.rz-title--post { font-size: clamp(2rem, 1.3rem + 2.4vw, 3.25rem); font-weight: var(--peso-titulo); line-height: 1.02; overflow-wrap: anywhere; text-wrap: balance; }
.rz-hero--post .rz-hero__headline { max-width: 40ch; font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem); line-height: 1.15; }
.rz-post-autor { display: flex; align-items: center; gap: 14px; margin-top: var(--space-5); }
.rz-post-autor__foto { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.rz-post-autor__nome { margin-bottom: 4px; font-size: var(--tela-botao); font-weight: var(--peso-semibold); }
.rz-post-autor__cargo { font-weight: var(--peso-light); }
.rz-post-capa { position: relative; z-index: 1; margin: calc(var(--feature-overlap) * -1) 0 0; }
.rz-post-capa img {
display: block; width: auto; max-width: 100%; height: auto; max-height: min(78vh, 760px); margin-inline: auto;
border-radius: var(--raio-cartao);
}
.rz-post-capa figcaption { margin-top: var(--espaco-2); text-align: center; font-size: var(--tela-legenda); font-weight: var(--peso-regular); line-height: 1.35; color: var(--texto-suave); }
.rz-post-section { padding-top: var(--head-gap); }
.rz-post-body { max-width: 800px; margin-inline: auto; font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.125rem); line-height: 1.85; }
.rz-post-body > * { margin: 0; }
.rz-post-body > * + * { margin-top: 1.3em; }
.rz-post-body > h2 { margin-top: 2.2em; font-size: var(--fs-sub); font-weight: var(--peso-titulo); line-height: 1.02; }
.rz-post-body > h3 { margin-top: 1.8em; font-size: var(--fs-lead); font-weight: var(--peso-semibold); line-height: 1.15; }
.rz-post-body > :is(h2, h3) + * { margin-top: 0.6em; }
.rz-post-body a { color: var(--destaque); font-weight: var(--peso-semibold); text-decoration: underline; text-decoration-thickness: 0.09em; text-underline-offset: 0.22em; overflow-wrap: anywhere; }
.rz-post-body :is(strong, b) { color: var(--vermelho); }
.rz-post-body a:hover { text-decoration-thickness: 0.18em; }
.rz-post-body :is(ul, ol) { padding-left: 1.4em; }
.rz-post-body li + li { margin-top: 0.5em; }
.rz-post-body li::marker { color: var(--destaque); }
.rz-post-body blockquote {
position: relative; padding-left: 2.25rem;
font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem); font-weight: var(--peso-semibold); line-height: 1.2; color: var(--destaque);
}
.rz-post-body blockquote::before { content: "“"; position: absolute; left: 0; top: -0.1em; font-size: 3.5rem; font-weight: var(--peso-titulo); line-height: 1; }
.rz-post-body blockquote p + p { margin-top: 0.8em; }
.rz-post-body hr { height: 1px; margin-block: 2.5em; border: 0; background: var(--linha-suave); }
.rz-post-body > .rz-fig { margin-top: 2.2em; }
.rz-post-body > .rz-fig + * { margin-top: 2.2em; }
.rz-post-body .rz-destaque-bloco { padding: var(--espaco-6); border-radius: var(--raio-cartao); background: var(--superficie); }
.rz-fig { max-width: var(--w, 100%); margin-inline: auto; }
.rz-fig img { display: block; width: 100%; height: auto; border-radius: var(--radius-card); }
.rz-fig figcaption { margin-top: var(--espaco-2); font-size: var(--tela-legenda); font-weight: var(--peso-regular); line-height: 1.35; color: var(--texto-suave); }
.rz-fig--video .rz-media { border-radius: var(--radius-card); }
@media (min-width: 1080px) {
.rz-post-body > .rz-fig:not([style]) { max-width: none; margin-inline: -4rem; }
}
.rz-gif { position: relative; display: block; width: 100%; padding: 0; border: 0; border-radius: var(--radius-card); background: none; cursor: pointer; }
.rz-gif__badge {
position: absolute; left: 12px; bottom: 12px;
display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 10px;
border-radius: var(--raio-pilula); background: var(--preto); color: var(--branco);
font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase;
transition: box-shadow var(--duration-fast) ease;
}
.rz-gif__badge::before { content: ""; width: 0; height: 0; border-left: 8px solid currentColor; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
.rz-gif[aria-pressed="true"] .rz-gif__badge::before { width: 9px; height: 10px; border: 0; border-left: 3px solid currentColor; border-right: 3px solid currentColor; }
.rz-gif:hover .rz-gif__badge { box-shadow: var(--estado-clarear); }
.rz-chamada {
max-width: 340px; margin-left: auto; padding: var(--espaco-7) var(--espaco-6);
border-radius: var(--raio-cartao); background: var(--amarelo); color: var(--preto);
}
.rz-art + .rz-chamada { margin-top: var(--espaco-6); }
.rz-chamada:has(.rz-chamada__imagem) { margin-top: 80px; }
.rz-chamada__imagem {
display: block; width: 112%; max-width: none; height: auto;
margin: -130px -6% var(--espaco-4);
transform-origin: 50% 60%;
transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.rz-chamada:is(:hover, :focus-within) .rz-chamada__imagem { transform: scale(1.06) rotate(-4deg); }
@media (prefers-reduced-motion: reduce) {
.rz-chamada__imagem { transition: none; }
.rz-chamada:is(:hover, :focus-within) .rz-chamada__imagem { transform: none; }
}
.rz-chamada__rotulo { font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; }
.rz-chamada__titulo { margin-top: var(--espaco-3); font-size: var(--fs-sub); font-weight: var(--peso-black); line-height: 1.02; text-transform: lowercase; text-wrap: balance; }
.rz-chamada__texto { margin-top: var(--espaco-3); }
.rz-chamada__botao { margin-top: var(--espaco-5); background: var(--violeta); color: var(--branco); }
.rz-chamada__botao:hover { box-shadow: var(--estado-clarear); }
@media (max-width: 959px) { .rz-chamada { margin-left: 0; } }
.rz-post-fim {
display: flex; align-items: center; justify-content: space-between; gap: var(--espaco-4);
max-width: 800px; margin: var(--space-7) auto 0;
}
.rz-post-fim__marca { display: inline-flex; color: var(--vermelho); }
.rz-post-fim__marca .rz-icon { width: 32px; height: 32px; }
.rz-universo {
display: flex; align-items: center; gap: var(--space-4); max-width: 42rem; margin: var(--space-8) auto 0; padding-block: var(--space-5);
border-block: 1px solid var(--linha-suave);
}
.rz-universo__thumb { flex: none; width: 96px; }
.rz-universo__thumb .rz-media { border-radius: var(--radius-card); }
.rz-universo__kicker { font-size: var(--tela-rotulo); font-weight: var(--peso-regular); letter-spacing: 0.04em; text-transform: uppercase; color: var(--texto-suave); }
.rz-universo__nome { margin-block: 4px 8px; font-size: var(--fs-sub); font-weight: var(--peso-titulo); line-height: 1.02; }
.rz-news__inner { display: grid; gap: var(--space-5); }
.rz-news__text p { max-width: 44ch; margin-top: var(--space-3); }
.rz-news__form { display: grid; gap: var(--space-4); align-items: end; }
.rz-news__status { font-size: var(--tela-corpo-pequeno); font-weight: var(--peso-regular); }
.rz-news__status:empty { display: none; }
@media (min-width: 600px) {
.rz-news__form { grid-template-columns: minmax(0, 1fr) auto; }
.rz-news__status { grid-column: 1 / -1; }
}
@media (min-width: 960px) { .rz-news__inner { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--space-7); align-items: end; } }
[data-reveal]:not([data-reveal="draw"], [data-reveal="line"]) {
transition: opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);
transition-delay: calc(var(--i, 0) * 70ms);
}
.motion [data-reveal]:not([data-reveal="draw"], [data-reveal="line"]):not(.is-revealed) { opacity: 0; transform: translateY(16px); }
.motion [data-reveal="draw"]:not(.is-revealed) path:not(.is-soft) { stroke-dashoffset: 1; }
.motion [data-reveal="draw"]:not(.is-revealed) :is(circle, text, image, path.is-soft) { opacity: 0; }
.motion [data-reveal="line"]:not(.is-revealed) .rz-flow__item::before { transform: scale(0); }
.motion [data-reveal="line"]:not(.is-revealed) .rz-flow__node { transform: scale(0.4); opacity: 0; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-delay: 0s !important;
transition-duration: 0.01ms !important;
transition-delay: 0s !important;
}
}