/* Geometri: bentuk lengkung dan lingkaran berwarna ala Bauhaus */
:root {
  --c1: #c8623f; --c2: #e8b04b; --c3: #2f4b3e; --accent: #c8623f;
  --bg: #f7efe4; --bg-alt: #efe2d1; --ink: #2a1f19; --muted: #6e6158; --card: #fffaf3;
  --line: color-mix(in srgb, var(--ink) 12%, transparent);
  --cover-bg: radial-gradient(circle at 100% 0, var(--c2) 0 120px, transparent 121px),
              radial-gradient(circle at 0 100%, var(--c3) 0 150px, transparent 151px),
              radial-gradient(ellipse 110px 160px at 0 22%, var(--c1) 0 99%, transparent 100%),
              var(--bg);
  --cover-ink: var(--ink);
  --f-display: "Manrope", system-ui, sans-serif;
  --f-script: "Fraunces", Georgia, serif;
  --f-body: "Manrope", system-ui, sans-serif;
  --title-size: clamp(3rem, 13vw, 4.4rem);
  --r: 24px;
}
.inv-title { font-style: italic; font-weight: 400; letter-spacing: -.02em; }
.inv-label { font-weight: 700; letter-spacing: .22em; color: var(--accent); }
.inv-cover-inner, .inv-aside-inner { background: var(--card); padding: 30px 22px; border-radius: 180px 180px 24px 24px; box-shadow: 0 24px 50px -30px rgba(0, 0, 0, .45); }
.inv-name, .inv-sec-title { color: var(--accent); font-style: italic; }
.inv-sec:nth-of-type(even) { background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--c2) 45%, transparent) 0 70px, transparent 71px), var(--bg-alt); }
.inv-card { border: 0; box-shadow: 0 0 0 2px var(--ink); }
.inv-event::before { content: ""; width: 44px; height: 22px; border-radius: 44px 44px 0 0; background: var(--c1); }
.inv-avatar { border-radius: 999px 999px 0 0; height: 200px; width: 160px; box-shadow: 10px 10px 0 var(--c2); border: 0; }
.inv-countdown div:nth-child(1) { background: var(--c1); color: #fff; border: 0; }
.inv-countdown div:nth-child(2) { background: var(--c2); border: 0; }
.inv-countdown div:nth-child(3) { background: var(--c3); color: #fff; border: 0; }
.inv-countdown div:nth-child(1) span, .inv-countdown div:nth-child(3) span { color: inherit; opacity: .8; }
.inv-btn { font-weight: 700; }