.js .reveal { opacity: 1; transform: none; }
}

/* ======================================================================
   TEMA: MINANG GADANG
   ====================================================================== */

:root {
  --bg: #fbf3e4; --surface: #fffaf0; --text: #2a1a14; --heading: #8b1a1a; --muted: #7b5e4f;
  --accent: #8b1a1a; --gold: #d4a017; --black: #1a1a1a; --line: rgba(139, 26, 26, .2);
  --font-head: 'Philosopher', sans-serif; --font-script: 'Cormorant Garamond', serif; --font-body: 'Lato', sans-serif;
  --btn-bg: linear-gradient(135deg, #e8b931, #d4a017 55%, #a87d0c); --btn-color: #1a1a1a; --btn-radius: 4px;
  --input-bg: #fff; --radius: 6px; --photo-radius: 6px; --toast-bg: #8b1a1a; --songket: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2728%27%20height%3D%2728%27%20viewBox%3D%270%200%2028%2028%27%3E%3Cg%20fill%3D%27%23d4a017%27%3E%3Cpath%20d%3D%27M14%202l5%2010H9z%27/%3E%3Cpath%20d%3D%27M14%2026l5-10H9z%27%20opacity%3D%27.6%27/%3E%3Crect%20x%3D%270%27%20y%3D%2713%27%20width%3D%2728%27%20height%3D%272%27%20opacity%3D%27.5%27/%3E%3C/g%3E%3C/svg%3E");
}
h1, h2, h3 { font-weight: 700; }
.sec-title { color: var(--heading); letter-spacing: .03em; }
.sec-eyebrow, .hero-eyebrow, .cover-label { color: #b07a0a; }
.person-name, .closing-names, .couple-amp { font-style: italic; font-weight: 600; }
.btn-ghost { color: var(--accent); }
.songket-strip { position: absolute; left: 0; right: 0; height: 28px; background: var(--black) var(--songket) repeat-x center; pointer-events: none; }
.songket-strip.top { top: 0; }
.songket-strip.bottom { bottom: 0; }
.gadang { display: block; width: min(220px, 64vw); margin: 0 auto 1rem; color: var(--gold); }

/* Panel merah dan hitam */
.cover, .sec-event, .closing { background: radial-gradient(ellipse at top, #a52222, #8b1a1a 50%, #5e0f0f); color: #fbf3e4; }
.cover-photo, .cover-figure { display: none; }
.cover-inner { padding: 2rem 1.25rem; }
.cover-names, .hero-names { color: #f5d36b; }
.cover-label { color: #f5d36b; }
.cover-guest { border: 1px solid rgba(212, 160, 23, .6); background: rgba(0, 0, 0, .2); border-radius: 6px; }
.hero { background: var(--black); color: #fbf3e4; }
.hero-bg { opacity: .35; }
.hero-overlay { background: linear-gradient(180deg, rgba(26, 26, 26, .6), rgba(26, 26, 26, .92)); }
.hero-eyebrow { color: var(--gold); }
.hero .divider, .closing .divider, .sec-event .sec-head .divider { color: var(--gold); }
.scroll-hint { color: var(--gold); }

.card-x { border: 1px solid var(--line); border-bottom: 6px solid var(--gold); box-shadow: 0 16px 34px -24px rgba(139, 26, 26, .6); }
.event-icon { border-color: var(--gold); color: var(--accent); background: #fff7e0; }
.person-photo { border: 4px solid var(--gold); box-shadow: 0 0 0 4px var(--accent); }
.arabic { color: var(--heading); }
.sec-event .sec-title { color: #f5d36b; }
.sec-event .sec-eyebrow { color: var(--gold); }
.sec-event .cd-item { background: rgba(0, 0, 0, .25); border-color: rgba(212, 160, 23, .6); }
.sec-event .cd-num { color: #f5d36b; }
.sec-event .cd-label { color: #f3d9c4; }
.sec-event .card-x { color: var(--text); }
.g-item { border: 3px solid var(--black); }
.gift-bca { --gift-bg: linear-gradient(180deg, transparent 78%, rgba(0,0,0,.4) 78%), linear-gradient(135deg, #a52222, #8b1a1a 55%, #5e0f0f); --gift-color: #f5d36b; }
.gift-mandiri { --gift-bg: linear-gradient(135deg, #2b2b2b, #1a1a1a 60%, #000); --gift-color: #f5d36b; border: 1px solid var(--gold); }
.gift-card::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 16px; background: var(--songket) repeat-x center / 16px; opacity: .9; }
.closing-title { color: #f5d36b; }
.closing-names { color: var(--gold); }
.closing-families strong { color: #fff; }
.music-btn { border: 2px solid var(--black); }