/* Revisão de composição. Os tokens e as correções mecânicas continuam em seus arquivos. */
.hero-spread .stage{position:relative;top:auto;height:100%;min-height:0}
.hero-spread .stage img{animation:none}
.chapters{width:100%}
.chapters>section{grid-template-columns:repeat(2,minmax(0,1fr))}
.chapters>section>h2,.chapters>section>details,.chapters>section>.scale{grid-column:1/-1}
.chapters>section>p{max-width:70ch}
.chapters .forms{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.chapters .forms>figure{grid-column:1/-1}
.chapters .forms .large-logo{width:100%}
.chapters .forms .negative img{max-height:360px;width:100%;object-fit:contain}
#pequena>.scale{justify-content:space-between}
#pequena>h3{grid-column:1/-1}
#pequena .symbol{width:192px}
#minimos>.protect{grid-column:1;grid-row:2/5;align-self:stretch;display:grid;align-content:center}
#minimos>p:not(.small),#minimos>figure:not(.protect){grid-column:2}
#minimos>.table-scroll,#minimos>.small{grid-column:1/-1}
#recurso>.motif{grid-column:1/-1}
#recurso .motif svg{width:40%;max-height:360px}
#motivo>.live{grid-column:1/-1;grid-template-columns:minmax(200px,1fr) minmax(0,4fr);align-items:start}
#motivo .case-buttons{flex-direction:column;align-items:stretch}
#motivo .reason-sheet dl{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
#motivo .live-result{max-width:100%}
#motivo>p.small{grid-column:1/-1}
#cores>.swatches{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
#cores>.table-scroll{grid-column:1/-1}
#tipografia>.sample-type{align-self:center}
.bottom-chapters .gallery{grid-column:1/-1;display:block;columns:2;column-gap:32px}
.bottom-chapters .gallery figure{break-inside:avoid;margin-bottom:32px}
.bottom-chapters .role-list,.bottom-chapters .bad-list,.bottom-chapters .download-list{grid-column:1/-1}
.bottom-chapters .bad-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.bottom-chapters .download-list{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px) and (min-width:701px){#motivo .reason-sheet dl{grid-template-columns:1fr}#motivo>.live{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:700px){
 .hero-spread .stage{height:auto}
 .chapters>section,.chapters .forms{grid-template-columns:minmax(0,1fr)}
 .chapters>section>*{grid-column:1!important;grid-row:auto!important}
 #pequena>.scale{justify-content:flex-start}
 #pequena .symbol{width:128px}
 #motivo>.live{grid-template-columns:minmax(0,1fr)}
 #motivo .case-buttons{flex-direction:row}
 #motivo .reason-sheet dl{grid-template-columns:minmax(0,1fr)}
 #cores>.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}
 #recurso .motif svg{max-height:180px}
 .bottom-chapters .gallery{columns:1}
 .bottom-chapters .bad-list,.bottom-chapters .download-list{grid-template-columns:minmax(0,1fr)}
}