/* 2b · Heritage Gold — jewel tones, ornate royal Indian */
body { background: #24101a; color: #f3e6d0; }

.site-nav { background: rgba(36, 16, 26, .92); border-bottom: 1px solid #4a2634; }
.site-nav a { color: #d8c4b0; }
.site-nav a.active { color: #e8c988; }

.hero {
  padding: 48px 26px 50px;
  background: radial-gradient(ellipse at 50% 0%, #5a2332 0%, #3a1522 55%, #24101a 100%);
}
.hero-frame { position: absolute; inset: 14px; border: 1px solid #c9a35c; pointer-events: none; }

.monogram { width: 88px; height: 88px; margin: 0 auto 16px; }
.monogram .halo {
  inset: -12px; opacity: .55; animation-duration: 10s;
  background: conic-gradient(from 0deg, transparent 0deg, #c9a35c 60deg, transparent 150deg, transparent 210deg, #e8c988 300deg, transparent 360deg);
}
.monogram .ring { border: 1.5px solid #c9a35c; animation-duration: 5s; }
.monogram .ring-inner { inset: 8px; border: 1px solid rgba(201, 163, 92, .45); }
.monogram .letters { font-family: 'Marcellus', serif; font-size: 24px; letter-spacing: 1px; color: #e8c988; }

.eyebrow { font-size: 9px; letter-spacing: 3.5px; color: #c9a35c; margin: 0 0 8px; }
.names {
  font-family: 'Marcellus', serif; font-size: 28px; letter-spacing: 2px; margin: 6px 0 12px;
  background-image: linear-gradient(100deg, #f3e6d0 30%, #e8c988 45%, #fff3d6 50%, #e8c988 55%, #f3e6d0 70%);
  animation-duration: 5.5s;
}
.hero-photo { width: 220px; height: 220px; margin: 0 auto 16px; border-radius: 50%; border: 3px solid #c9a35c; }
.hero-photo img { filter: brightness(1.1) saturate(1.05); }
.hero-date { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 16px; color: #e8c988; margin: 0 0 20px; }
.cd-value { font-family: 'Marcellus', serif; font-size: 22px; color: #f3e6d0; }
.cd-label { color: #c9a35c; }

#story { background: #2e1420; }
.section-title { font-family: 'Marcellus', serif; font-size: 24px; color: #e8c988; margin: 0 0 4px; }
.section-sub { font-size: 10px; letter-spacing: 2px; color: #b89a7a; margin: 0 0 26px; }
.polaroid { background: #3a1a28; border: 1px solid #c9a35c55; }
.polaroid:hover { box-shadow: 0 14px 26px -10px rgba(0, 0, 0, .5); }
.polaroid img { filter: saturate(1.05); }
.polaroid p { color: #f3e6d0; }

#events { background: #24101a; }
.kicker { font-size: 10px; letter-spacing: 3px; color: #c9a35c; margin: 0 0 4px; }
.events-intro { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 14px; color: #d8c4b0; margin: 0 0 26px; }

.side-label.groom { color: #e8c988; --line: #c9a35c; }
.side-label.bride { color: #e08a9a; --line: #b5495b; }

.ev-card { border: 1px solid #c9a35c; border-radius: 4px; background: #2e1420; }
.ev-card:hover { box-shadow: 0 14px 26px -10px rgba(0, 0, 0, .55); border-color: #e8c988; }
.ev-day { font-family: 'Marcellus', serif; font-size: 23px; color: #f3e6d0; }
.ev-month { color: #c9a35c; }
.ev-title { font-family: 'Marcellus', serif; font-size: 16px; color: #e8c988; margin-bottom: 4px; }
.ev-desc { color: #d8c4b0; }
.ev-card.bride { border-color: #b5495b; }
.ev-card.bride:hover { border-color: #e08a9a; }
.ev-card.bride .ev-month, .ev-card.bride .ev-title { color: #e08a9a; }

.together { color: #e8c988; }
.shared-card {
  border: 1.5px solid #c9a35c; border-radius: 4px;
  background: linear-gradient(180deg, #3a1a28 0%, #2e1420 100%);
  box-shadow: 0 10px 24px -10px rgba(0, 0, 0, .5);
}
.shared-card:hover { box-shadow: 0 18px 32px -10px rgba(0, 0, 0, .6); }
.shared-card h3 { font-family: 'Marcellus', serif; font-size: 19px; color: #e8c988; }
.shared-card p { color: #d8c4b0; }

#rsvp { background: #2e1420; }
.rsvp-form input, .rsvp-form select { border: 1px solid #c9a35c; border-radius: 3px; color: #f3e6d0; background: #3a1a28; }
.rsvp-form input::placeholder { color: #b89a7a; }
.rsvp-form button { border-radius: 3px; background: #c9a35c; color: #24101a; }
.rsvp-error { color: #e08a9a; }
.rsvp-thanks { border: 1px solid #c9a35c; border-radius: 4px; }
.rsvp-thanks p { font-family: 'Marcellus', serif; font-size: 16px; color: #f3e6d0; }

.footer { background: #24101a; }
.footer img { opacity: .3; }
.footer-note { font-family: 'Marcellus', serif; font-size: 18px; color: #e8c988; }