/* Editorial: seperti sampul majalah. Huruf Didone besar, garis tipis, nomor bagian. */
:root {
  --accent: #111111; --paper: #f5f2ec;
  --bg: #f5f2ec; --bg-alt: #ebe6dc; --ink: #111111; --muted: #5f5b55; --card: #fbf9f5;
  --line: color-mix(in srgb, var(--ink) 18%, transparent);
  --cover-bg: var(--paper);
  --cover-ink: var(--ink);
  --f-display: "Karla", system-ui, sans-serif;
  --f-script: "Bodoni Moda", Didot, Georgia, serif;
  --f-body: "Karla", system-ui, sans-serif;
  --title-size: clamp(3.2rem, 15vw, 5rem);
  --r: 0;
}
body.inv { counter-reset: bab; }
.inv-cover::before, .inv-aside::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 12px; background: var(--accent); }
.inv-cover::after, .inv-aside::after { content: "BERESINWEB"; position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); font: 700 .66rem/1 var(--f-display); letter-spacing: .5em; color: var(--muted); }
.inv-cover-inner, .inv-aside-inner { text-align: left; justify-items: start; width: 100%; max-width: 440px; gap: 10px; }
.inv-cover-inner .inv-orn, .inv-aside-inner .inv-orn { width: 100%; }
.inv-cover-inner::before, .inv-aside-inner::before {
  content: "EDISI SPESIAL  ·  VOL. 01"; font: 700 .7rem/1 var(--f-display); letter-spacing: .3em; color: var(--muted);
}
.inv-label { font-weight: 700; letter-spacing: .26em; color: var(--accent); }
.inv-title { font-weight: 400; line-height: .95; letter-spacing: -.02em; font-style: italic; }
.inv-cover .inv-title, .inv-aside .inv-title { font-size: calc(var(--title-size) * 1.12); border-bottom: 1px solid var(--ink); padding-bottom: 14px; width: 100%; }
.inv-guest { background: transparent; border: 0; border-left: 4px solid var(--accent); border-radius: 0; text-align: left; padding: 6px 0 6px 14px; }
.inv-btn { border-radius: 0; text-transform: uppercase; letter-spacing: .16em; font-size: .78rem; background: var(--ink); border-color: var(--ink); color: var(--paper); }
.inv-btn-ghost { background: transparent; color: var(--ink); }
.inv-sec { text-align: left; justify-items: start; border-top: 1px solid var(--line); }
.inv-sec-title { counter-increment: bab; font-size: calc(var(--title-size) * .62); font-style: italic; }
.inv-sec-title::before { content: counter(bab, decimal-leading-zero) " / "; font: 700 .9rem var(--f-display); letter-spacing: .14em; color: var(--accent); vertical-align: middle; font-style: normal; }
.inv-hero, .inv-closing { text-align: center; justify-items: center; }
.inv-quote, .inv-intro { margin-inline: 0; }
.inv-people .inv-person { justify-items: start; text-align: left; }
.inv-name { font-style: italic; font-size: calc(var(--title-size) * .7); }
.inv-amp { font-family: "Bodoni Moda", serif; font-style: italic; color: var(--accent); }
.inv-card { border: 0; border-top: 3px solid var(--ink); background: transparent; padding-inline: 0; justify-items: start; text-align: left; }
.inv-event-date { grid-template-columns: auto auto 1fr; }
.inv-avatar { border-radius: 0; border: 0; box-shadow: none; filter: grayscale(1) contrast(1.05); width: 190px; height: 240px; }
.inv-monogram { background: var(--ink); color: var(--paper); font-style: italic; }
.inv-counts, .inv-countdown { justify-self: stretch; }