/* serie.css: paginas de serie. Imagem primeiro, sem molduras nem bordas nas fotos. O lightbox e compartilhado: lightbox.css */
/* capa e respiros: largura = o menor entre a coluna, o maior arquivo publicado (--maxw) e a que deixa a altura em 76% da tela (sem recorte) */
.s-wide{margin-inline:auto;width:min(100%,var(--maxw,2000px),calc(76vh*var(--ar)))}
@supports (height:1svh){.s-wide{width:min(100%,var(--maxw,2000px),calc(76svh*var(--ar)))}}
.s-wide a{display:block;line-height:0}
.s-wide img{width:100%;height:auto}
.s-hero{margin-top:0}
.s-breath{margin-block:var(--space-m)}
.s-head{padding-top:var(--space-l);padding-bottom:var(--space-m)}
.s-head .c-title{margin:0}
.s-intro{margin:var(--space-s) 0 0}
.s-count{margin:var(--space-s) 0 0}
.s-shop{margin:var(--space-2xs) 0 0}
.s-gal+.s-gal{margin-top:var(--gutter)}
.s-more{padding-top:var(--space-xl);padding-bottom:var(--space-m)}
.s-more h2{margin:0}
.s-tiles{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-m) var(--gutter);margin:var(--space-s) 0 0;padding:0}
@media (min-width:40rem){.s-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.s-tile{display:block;color:var(--text);text-decoration:none}
.s-tile__img{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--surface)}
.s-tile__img img{width:100%;height:100%;object-fit:cover}
.s-tile__t{display:block;margin-top:var(--space-2xs);font-family:var(--font-display);font-size:var(--step-1);line-height:var(--lh-title);transition:color var(--dur-base)}
.s-tile:hover .s-tile__t{color:var(--accent)}
.s-tile__n{display:block;margin-top:var(--space-3xs)}
.s-foot{margin:var(--space-m) 0 0}