/* Gunungan: siluet gunungan wayang, ukiran emas, nuansa keraton */
:root {
  --deep: #3d2414; --gold: #d9b267; --red: #8e3b24;
  --bg: #f4e9d6; --bg-alt: #ead9bd; --ink: #33200f; --muted: #6b5a48; --accent: #9b6c27; --card: #fbf4e8;
  --line: color-mix(in srgb, var(--gold) 50%, transparent);
  --parang: repeating-linear-gradient(45deg, transparent 0 18px, color-mix(in srgb, var(--gold) 9%, transparent) 18px 20px, transparent 20px 26px, color-mix(in srgb, var(--gold) 6%, transparent) 26px 27px);
  --cover-bg: var(--parang), radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--deep) 75%, var(--red)) 0%, var(--deep) 65%);
  --cover-ink: var(--bg);
  --f-display: "Cinzel Decorative", Georgia, serif;
  --f-script: "Cinzel Decorative", Georgia, serif;
  --f-body: "Cormorant", Georgia, serif;
  --title-size: clamp(2.2rem, 9.5vw, 3.2rem);
  --r: 4px;
}
body.inv { font-size: 18px; }
.inv-orn-top { width: min(170px, 52%); }
.inv-cover .inv-orn, .inv-aside .inv-orn, .inv-cover .inv-label, .inv-aside .inv-label { color: var(--gold); }
.inv-title { font-weight: 700; line-height: 1.2; }
.inv-cover .inv-title, .inv-aside .inv-title { color: var(--gold); text-shadow: 0 2px 0 color-mix(in srgb, #000 40%, transparent); }
.inv-cover-inner, .inv-aside-inner { padding: 20px 20px 28px; }
.inv-cover-inner::after, .inv-aside-inner::after {
  content: ""; position: absolute; left: -10px; right: -10px; bottom: -14px; height: 10px;
  background: repeating-linear-gradient(90deg, var(--gold) 0 10px, transparent 10px 14px); opacity: .7;
}
.inv-guest { background: color-mix(in srgb, var(--deep) 60%, transparent); border: 1px solid var(--line); }
.inv-cover .inv-btn { background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 85%, #fff), var(--gold)); border-color: var(--gold); color: var(--deep); }
.inv-main .inv-title, .inv-sec-title, .inv-name { color: var(--deep); font-weight: 700; }
.inv-name { font-size: calc(var(--title-size) * .62); }
.inv-sec-title { font-size: calc(var(--title-size) * .6); }
.inv-amp { font-family: "Cinzel Decorative", serif; color: var(--red); }
.inv-card { border: 1px solid var(--line); border-top: 3px double var(--gold); border-bottom: 3px double var(--gold); }
.inv-sec:nth-of-type(even) { background: var(--parang), var(--bg-alt); }
.inv-avatar { box-shadow: 0 0 0 2px var(--gold), 0 0 0 7px var(--bg), 0 0 0 8px var(--red); }
.inv-nav { background: color-mix(in srgb, var(--deep) 96%, transparent); }
.inv-nav a { color: color-mix(in srgb, var(--bg) 65%, var(--deep)); }
.inv-nav a.is-active { color: var(--gold); }