/* faith.css */
:root {
  --video-opacity: 0.5;
  --accent:        #f472b6;
  --muted:         #8a6080;
  --text:          #e8d0e0;
  --topbar-bg:     rgba(12,4,10,0.85);
  --topbar-border: rgba(244,114,182,0.1);
  --topbar-hover:  rgba(244,114,182,0.05);
}

body { font-family: 'Space Grotesk', sans-serif; background: #0c040a; color: #e8d0e0; }

/* Background layers */
.bg-video   { position: fixed; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; opacity: var(--video-opacity); }
.bg-overlay { position: fixed; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(12,4,10,0.7), rgba(12,4,10,0.5) 40%, rgba(12,4,10,0.8) 80%, rgba(12,4,10,0.95)); }
.bg-glow    { position: fixed; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(ellipse at 20% 30%, rgba(244,114,182,0.08) 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, rgba(251,191,36,0.05) 0%, transparent 50%); }

/* Floating particles */
.bg-particles { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.particle     { position: absolute; width: 4px; height: 4px; background: rgba(244,114,182,0.3); border-radius: 50%; animation: float 8s ease-in-out infinite; }
.particle:nth-child(1) { left: 15%; top: 20%; }
.particle:nth-child(2) { left: 45%; top: 60%; animation-delay: -2s;  animation-duration: 10s; }
.particle:nth-child(3) { left: 75%; top: 35%; animation-delay: -4s;  animation-duration: 7s;  }
.particle:nth-child(4) { left: 30%; top: 80%; animation-delay: -6s;  animation-duration: 9s;  }
.particle:nth-child(5) { left: 85%; top: 15%; animation-delay: -1s;  animation-duration: 11s; }
@keyframes float { 0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; } 50% { transform: translateY(-30px) scale(1.5); opacity: 0.7; } }

/* Section headers */
.section-head { font-family: 'Space Mono', monospace; font-size: 0.7rem; color: #f472b6; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(244,114,182,0.1); }

/* Faith cards */
.faith-card    { padding: 1.5rem; background: rgba(244,114,182,0.03); border: 1px solid rgba(244,114,182,0.1); border-radius: 10px; margin-bottom: 1.5rem; }
.faith-card h3 { font-size: 1.1rem; font-weight: 700; color: #f472b6; margin-bottom: 0.75rem; }
.faith-card p  { font-size: 0.88rem; color: #a080a0; line-height: 1.8; margin-bottom: 0.75rem; }
.faith-card p:last-child { margin-bottom: 0; }
.faith-card strong { color: #e8d0e0; }
.faith-card a  { color: #f472b6; text-decoration: underline; text-underline-offset: 3px; }

/* Blockquotes */
.faith-quote      { padding-left: 1.25rem; border-left: 3px solid rgba(244,114,182,0.4); margin: 1.5rem 0; }
.faith-quote p    { font-size: 1rem; font-style: italic; color: #e8d0e0; margin-bottom: 0.25rem; }
.faith-quote cite { font-size: 0.75rem; color: #8a6080; font-style: normal; }

/* Links */
.faith-link { display: block; padding: 0.5rem 0; border-bottom: 1px solid rgba(244,114,182,0.05); font-size: 0.875rem; color: #e8d0e0; text-decoration: none; transition: color 0.15s; }
.faith-link:hover { color: #f472b6; }

/* Post/book rows */
.faith-row      { padding: 0.5rem 0; border-bottom: 1px solid rgba(244,114,182,0.05); }
.faith-row-title{ font-size: 0.875rem; font-weight: 600; color: #e8d0e0; text-decoration: none; transition: color 0.15s; }
.faith-row-title:hover { color: #f472b6; }
.faith-row-meta { font-size: 0.75rem; color: #8a6080; margin-top: 0.125rem; }