@import url('assets/tokens.css');
*{box-sizing:border-box}html{scroll-padding-top:88px;scroll-behavior:smooth}body{margin:0;background:var(--fundo);color:var(--texto);font:400 var(--tipo-corpo)/1.5 var(--fonte);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}h1,h2{font-weight:500;line-height:1;letter-spacing:-.04em;text-wrap:balance}h1{font-size:var(--tipo-capa)}h2{font-size:var(--tipo-capitulo)}h3{font-size:24px;line-height:1.2;font-weight:500;margin-bottom:16px}p{max-width:64ch;text-wrap:pretty}p+p{margin-top:16px}img,svg{max-width:100%;height:auto}img{display:block}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--foco);outline-offset:5px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;background:var(--acao);color:var(--sobre-acao);border:0;border-radius:var(--raio);text-decoration:none;font-weight:600;cursor:pointer;transition:transform var(--duracao) var(--curva)}.button:hover{text-decoration:underline}.button:active{transform:translateY(2px)}.button:disabled{background:var(--superficie);color:var(--bloqueio);cursor:not-allowed}.quiet-button{background:var(--superficie);color:var(--texto)}.plain-button{border:0;background:none;color:var(--texto);padding:12px 0;min-height:48px;text-decoration:underline;cursor:pointer}.bar{position:sticky;top:0;z-index:20;background:var(--fundo);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px var(--margem-pagina);min-height:80px}.bar-logo{width:104px}.bar nav{display:flex;gap:32px}.bar-menu{display:none}main{overflow:clip}.chapter{padding:96px var(--margem-pagina)}.chapter+.chapter{padding-top:64px}.chapter-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:48px}.chapter-head p{max-width:48ch}.hero{padding:64px var(--margem-pagina) 96px}.hero h1{max-width:100%}.hero h1>span{display:block}.hero-frame{display:inline-block;width:1.8em;height:.78em;vertical-align:-.02em;object-fit:contain;margin-inline:.08em}.hero-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:40px;align-items:end}.hero-intro .button{justify-self:end}.hero .note{margin-top:24px;font-size:16px;color:var(--secundario)}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.statement{font-size:var(--tipo-frase);line-height:1.25;letter-spacing:-.02em;max-width:30ch}.wide-image{width:100%;object-fit:cover}.intro-picture{width:100%;height:auto;object-fit:contain}.sentence{margin-bottom:32px}.forms-pair{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:center}.shape-word{width:100%}.shape-symbol{width:55%;margin:auto}.sample{background:var(--superficie);padding:32px}.sample[data-tema=escuro]{background:var(--fundo);color:var(--texto)}.sample img{margin-block:16px}.forms-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}.forms-info p{font-size:16px}.interface-size{width:64px}.descriptor{width:240px}.fav-row{display:flex;gap:24px;align-items:end;flex-wrap:wrap}.fav16{width:16px}.fav32{width:32px}.fav64{width:64px}.pixel16{width:64px;image-rendering:pixelated}.pixel32{width:128px;image-rendering:pixelated}.reserve{padding:12px;background:var(--fundo);width:264px;max-width:100%}.reserve img{width:240px;margin:0}.geometry{margin-top:32px}.geometry summary{padding-block:16px;cursor:pointer;font-size:24px}.geometry dl{display:grid;grid-template-columns:220px 1fr;gap:16px;margin-block:24px}.geometry dd{max-width:75ch}.stage{background:var(--superficie)}.stage .split{align-items:start}.stage-copy h2{margin-bottom:32px}.stage-title{font-size:36px;line-height:1.15;margin-bottom:24px}.stage-status{margin-top:32px;color:var(--proxima)}.slider-wrap{margin-top:40px;max-width:100%}.slider-wrap label{display:block;margin-bottom:16px}.slider-wrap input{width:100%;height:44px;accent-color:var(--texto)}input[type=range]{appearance:none;background:transparent;cursor:pointer;margin:0}input[type=range]::-webkit-slider-runnable-track{height:8px;background:var(--texto)}input[type=range]::-webkit-slider-thumb{appearance:none;width:32px;height:32px;background:var(--fundo);border:3px solid var(--texto);margin-top:-12px;border-radius:0}.stage-labels{display:flex;justify-content:space-between;gap:16px;font-size:16px}.offer{background:var(--fundo);color:var(--texto);padding:24px;font-size:16px;min-width:0}.offer-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.offer-top img{width:72px}.offer h3{margin-bottom:8px}.offer h4{font-size:18px;line-height:1.3;font-weight:600;margin:24px 0 12px}.offer p{max-width:none}.offer dl{display:grid;grid-template-columns:1fr 1.4fr;gap:8px 16px}.offer dd{font-variant-numeric:tabular-nums}.next-action{color:var(--proxima);margin-block:24px}.deadline{color:var(--prazo)}.offer-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.offer label{display:block;margin-top:16px}.offer select{display:block;width:100%;margin-block:8px 0;border:2px solid var(--borda);padding:10px;background:var(--fundo);color:var(--texto);border-radius:0;min-height:48px}.history{padding-left:20px;margin:0}.history li{padding-block:4px}.error{color:var(--erro);margin-block:8px!important;min-height:24px}.success{color:var(--exito)}.motif-field{background:var(--texto);color:var(--fundo);padding:48px}.motif-field img{width:56%;margin:0 0 32px}.motif-copy{font-size:24px;max-width:22ch}.yes-no{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.palette-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:32px}.colour-bands{background:var(--fundo);color:var(--texto);padding:32px}.colour-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:center;padding-block:16px}.colour-row strong{font-size:24px;font-weight:500}.colour-row span:last-child{font-variant-numeric:tabular-nums}.ink-text{color:var(--texto)}.next-text{color:var(--proxima)}.error-text{color:var(--erro)}.deadline-text{color:var(--prazo)}.success-text{color:var(--exito)}.field-demo{border:2px solid var(--borda);padding:12px;max-width:100%;color:var(--texto);background:var(--fundo)}.theme-switch{min-width:48px;min-height:48px}.contrast-table{overflow-x:auto;margin-top:24px}.contrast-table .table-hint{font-size:16px;margin:0 0 12px}.contrast-footnote{margin-top:16px}.contrast-table table{width:100%;min-width:600px;border-collapse:collapse;font-size:16px;font-variant-numeric:tabular-nums}.contrast-table th,.contrast-table td{text-align:left;padding:12px;background:var(--superficie)}.contrast-table tbody tr:nth-child(even) td{background:var(--fundo)}.type-sentence{font-size:var(--tipo-capitulo);line-height:1.05;letter-spacing:-.04em}.type-details{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.type-scale p{padding-block:12px}.type-scale .weight400{font-weight:400}.type-scale .weight500{font-weight:500}.type-scale .weight600{font-weight:600}.numerals{font-variant-numeric:tabular-nums}.gallery{background:var(--superficie)}.gallery-row{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:start;margin-top:48px}.gallery-row.reverse{grid-template-columns:.85fr 1.15fr;align-items:end}.gallery-row figure:nth-child(2){margin-top:120px}.gallery img{width:100%}.gallery figcaption{margin-top:16px;font-size:16px;max-width:52ch}.voice-row{display:grid;grid-template-columns:1fr 2fr;gap:64px;padding-block:24px}.voice-row h3{margin:0}.motion-field{background:var(--superficie);padding:48px;display:flex;align-items:center;justify-content:space-around;gap:32px}.motion-symbol{width:240px;max-width:50%}.motion-symbol svg{width:100%;display:block}.motion-symbol .motion-leaf{transform-box:view-box;transform-origin:581.5px 230px}.motion-symbol.is-playing .motion-leaf{animation:abrir var(--passagem) var(--curva) both}@keyframes abrir{from{transform:rotate(var(--abertura-marca))}to{transform:rotate(0)}}.rules{margin-top:48px;display:grid;grid-template-columns:1fr 2fr;gap:64px}.rules figure{align-self:start}.rules details{margin-bottom:24px;background:var(--superficie);padding:24px}.rules summary{cursor:pointer;font-size:24px;font-weight:500;line-height:1.25}.rules details p{margin-top:16px}.downloads{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;margin-top:48px}.downloads a{display:flex;justify-content:space-between;gap:24px;padding-block:12px}.download-value{font-size:16px}.footer{padding:64px var(--margem-pagina);background:var(--texto);color:var(--fundo)}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:48px}.footer-logo{width:100%;max-width:900px}.footer small{display:block;font-size:16px;margin-top:32px}.reveal.seen{animation:chegar var(--entrada) var(--curva-entrada) both}.reveal.delay{animation-delay:80ms}.picture-open.seen{animation:janela 900ms var(--curva-entrada) both}.js .no-script-only{display:none}.js-only{display:none}.js .js-only{display:block}@keyframes chegar{from{transform:translateY(16px);opacity:.8}to{transform:none;opacity:1}}@keyframes janela{from{transform:scale(.98);opacity:.85}to{transform:scale(1);opacity:1}}
/* Peças de apresentação: dimensões de espécime, não componentes de produto. */
.piece-page{width:1200px;max-width:1200px;height:800px;overflow:hidden;padding:64px;background:var(--superficie)}.piece-page>main{height:100%}.cover-piece{height:100%;background:var(--texto);color:var(--fundo);padding:48px;display:flex;flex-direction:column;justify-content:space-between}.cover-piece>img{width:540px}.cover-piece h1{font-size:64px;max-width:15ch}.cover-piece p{font-size:24px}.card-scene{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.business-card{height:320px;background:var(--fundo);padding:40px;display:flex;flex-direction:column;justify-content:space-between}.business-card img{width:320px}.business-card h1{font-size:32px;letter-spacing:-.02em}.business-card p{font-size:18px}.business-card.back{background:var(--texto);color:var(--fundo)}.business-card.back img{width:150px}.email-piece{height:100%;background:var(--fundo);padding:48px;display:flex;flex-direction:column;gap:32px;justify-content:center}.email-piece h1{font-size:36px;letter-spacing:-.02em}.email-signature{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:center}.email-signature img{width:220px}.product-piece{height:100%;display:grid;grid-template-columns:.7fr 1.3fr;gap:32px;align-items:center}.product-piece h1{font-size:40px;max-width:12ch}.product-piece .offer{font-size:16px}.product-piece .offer h4{margin-top:16px}.product-piece .history{font-size:16px}.piece-page.product-capture{height:1100px}
@media(max-width:1000px){.chapter-head,.split{gap:32px}.hero-intro{gap:32px}.bar nav{gap:16px}.forms-info{grid-template-columns:1fr 1fr}.forms-info>div:last-child{grid-column:1/-1}.stage .split{grid-template-columns:1fr 1.2fr}.gallery-row,.gallery-row.reverse{gap:32px}.voice-row{gap:32px}.rules{gap:32px}.downloads{gap:32px}}
@media(max-width:700px){.bar{min-height:72px;padding-block:12px}.bar nav{display:none}.bar>.button{display:none}.bar-menu{display:block}.bar-menu summary{cursor:pointer;padding:8px;min-height:44px}.bar-menu[open]{position:absolute;top:8px;right:16px;background:var(--fundo);padding:8px 16px;max-width:calc(100% - 32px)}.bar-menu a{display:block;padding:12px 0}.hero{padding-top:32px;padding-bottom:64px}.hero h1{font-size:48px}.hero-frame{width:1.65em}.hero-intro,.chapter-head,.split,.stage .split,.forms-pair,.forms-info,.type-details,.gallery-row,.gallery-row.reverse,.voice-row,.rules,.downloads,.footer-top{grid-template-columns:minmax(0,1fr);gap:32px}.hero-intro{margin-top:32px}.hero-intro .button{justify-self:start}.chapter{padding:64px var(--margem-pagina)}.chapter+.chapter{padding-top:48px}.chapter-head{margin-bottom:32px}.shape-symbol{width:45%}.forms-info>div:last-child{grid-column:auto}.sample{padding:24px}.stage-title{font-size:28px}.stage .offer{order:-1}.stage-labels{display:grid;grid-template-columns:1fr 1fr;gap:8px}.offer{padding:20px}.offer dl{grid-template-columns:1fr 1.3fr}.offer-controls{display:grid;grid-template-columns:1fr}.offer .button{width:100%}.motif-field{padding:32px}.yes-no{grid-template-columns:1fr;gap:24px}.palette-intro{align-items:start;flex-direction:column}.colour-bands{padding:20px}.colour-row{grid-template-columns:1fr auto;gap:12px}.colour-row strong{font-size:20px}.colour-row span:nth-child(2){grid-column:1/-1;grid-row:auto}.colour-row span:last-child{grid-column:2;grid-row:1}.gallery-row figure:nth-child(2){margin-top:16px}.gallery-row{margin-top:32px}.motion-field{padding:24px;flex-direction:column;align-items:start}.motion-symbol{max-width:100%;width:200px}.rules details{padding:20px}.rules summary{font-size:20px}.downloads a{flex-direction:column;gap:4px}.footer{padding-block:48px}.footer small{font-size:16px}.geometry dl{grid-template-columns:1fr;gap:8px}.geometry dd{margin-bottom:16px}.type-sentence{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal.seen,.picture-open.seen,.motion-symbol.is-playing .motion-leaf{animation:none!important}.button{transition:none}.motion-symbol .motion-leaf{transform:none}}
@media(forced-colors:active){.button{border:2px solid ButtonText}.offer select,input[type=range]::-webkit-slider-thumb{border-color:ButtonText}input[type=range]::-webkit-slider-runnable-track{background:CanvasText}}

strong{font-weight:600}

/* A assinatura abre a apresentação; a folha ganha um capítulo arquitetônico. */
.hero-signature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;padding-top:96px;padding-bottom:64px;align-items:center}
.hero-signature .hero-wordmark{grid-column:2;grid-row:1;display:block;width:100%;height:auto}
.hero-signature .hero-content{grid-column:1;grid-row:1;display:block;margin:0}
.hero-signature .note{grid-column:1/-1;margin:0;max-width:72ch}
.hero-signature h1{font-size:clamp(32px,3.4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0}
.hero-support{max-width:42ch;margin-top:24px}
.hero-support p{margin-bottom:24px;font-size:24px;line-height:1.3}
.hero-support .button{display:inline-flex}
.bar-download{font-size:16px}
.architecture-chapter{background:var(--fundo);color:var(--texto);padding-block:96px}
.architecture-chapter .split{grid-template-columns:1.15fr 1fr;gap:64px}
.architecture-chapter .motif-field{background:transparent;color:var(--texto);padding:0}
.architecture-chapter .motif-field img{width:100%;max-width:640px;margin:0}
.architecture-chapter .motif-copy{margin:32px 0 0;font-size:28px}
.architecture-chapter .yes-no{grid-template-columns:1fr;gap:24px}
.architecture-chapter .yes-no p{color:var(--secundario)}
.gallery .gallery-primary{display:block}
.gallery-primary figure{width:100%}
.gallery-primary figure:nth-child(2){width:85%;margin:64px 0 0 auto}
.gallery-primary figcaption{max-width:65ch}
@media(max-width:700px){
 .bar-download{display:none}
 .hero-signature{grid-template-columns:1fr;gap:24px;padding-top:24px;padding-bottom:48px}
 .hero-signature .hero-wordmark{height:auto;width:100%;grid-column:1;grid-row:1}
 .hero-signature .hero-content{grid-column:1;grid-row:2;margin:0}
 .hero-signature h1{font-size:32px}
 .hero-support p{font-size:20px;margin-bottom:24px}
 .hero-signature .note{font-size:16px}
 .architecture-chapter .split{grid-template-columns:1fr;gap:40px}
 .architecture-chapter .motif-field img{width:100%}
 .architecture-chapter .motif-copy{font-size:24px;margin-top:24px}
 .gallery-primary figure:nth-child(2){width:100%;margin-top:40px}
}