/* VITRINE DIGITAL · banca e arquivo. Mesma linguagem das edições: campo, textura, capas reais como miniaturas. */
.bn { --u: min(1vw, 5.4px); }
.bn-top { padding: 64px 22px 60px; color: var(--c-paper-hi); }
.bn-top--small { padding: 70px 22px 40px; }
.bn-star { z-index: 1; right: 6%; top: 28px; width: 70px; height: 70px; color: var(--c-hot); }
.bn-kicker, .bn-mast, .bn-sub { position: relative; z-index: 2; }
.bn-kicker { margin: 0 0 8px; font-weight: 800; font-size: 14px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--c-hot); }
.bn-mast { margin: 0; font-weight: 900; font-variation-settings: "wdth" 62; text-transform: uppercase; line-height: 0.8; font-size: calc(var(--u) * 29); letter-spacing: -0.015em; }
.bn-mast span { display: block; }
.bn-mast--small { font-size: calc(var(--u) * 15); line-height: 0.9; }
.bn-sub { margin: 22px 0 0; color: var(--c-main-pale); max-width: 24ch; }
.bn-back { position: relative; z-index: 2; color: var(--c-paper-hi); margin-bottom: 14px; }
.bn-feat, .bn-others, .bn-prev { padding: 46px 22px 50px; }
.bn-feat > *, .bn-others > *, .bn-prev > * { position: relative; }
.bn-h { margin: 0 0 20px; font-family: var(--serif); font-weight: 400; font-size: calc(var(--u) * 10.5); line-height: 1; color: var(--c-deep); letter-spacing: -0.02em; }
.bn-cover { display: block; position: relative; text-decoration: none; color: inherit; overflow: hidden; }
.bn-cover .cvw { max-width: none; }
.bn-cover--big { margin: 0 -22px; }
.bn-cover.is-soon { opacity: 0.92; }
.bn-cap { padding-top: 20px; display: grid; gap: 8px; }
.bn-cap p { margin: 0; }
.bn-cap__t { font-size: 20px; line-height: 1.3; color: var(--c-deepest); }
.bn-cap__s { font-size: 16px; font-weight: 600; color: var(--c-deep); margin-bottom: 8px; }
.bn-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 28px 14px; align-items: start; }
.bn-item:nth-child(even) { margin-top: 30px; }
.bn-name { margin: 10px 0 0; font-weight: 800; font-size: 17px; line-height: 1.25; color: var(--c-deepest); }
.bn-state { margin: 2px 0 0; font-weight: 600; font-size: 15px; color: var(--c-deep); }
.bn-empty { color: var(--c-deepest); max-width: 28ch; margin: 0; }
.bn-arch { margin-top: 26px; color: var(--c-deep); }

.bn-more { color: inherit; font-weight: 750; text-underline-offset: 3px; padding: 12px 0; }