@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&family=Inter:wght@300;400;500;600;700&display=swap";:root{color-scheme:light;--bg-primary: #FAFAF7;--bg-secondary: #F0EDE6;--bg-elevated: #FFFFFF;--text-primary: #2D2D2D;--text-secondary: #6B6B6B;--text-muted: #9A968C;--accent: #2D6A6A;--accent-hover: #235454;--accent-gold: #C9A84C;--accent-gold-soft: #E4D6A7;--accent-bg: #E8F4F2;--border-subtle: rgba(45, 45, 45, .1);--shadow-color: 220, 30%, 15%;--fs-xs: .8rem;--fs-sm: .9rem;--fs-base: 1rem;--fs-md: 1.25rem;--fs-lg: 1.5625rem;--fs-xl: 1.953rem;--fs-2xl: 2.441rem;--fs-3xl: 3.052rem;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--sp-1: .5rem;--sp-2: 1rem;--sp-3: 1.5rem;--sp-4: 2rem;--sp-5: 3rem;--sp-6: 4rem;--sp-7: 6rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--max-width: 1200px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{color-scheme:dark;--bg-primary: #1A1A2E;--bg-secondary: #16213E;--bg-elevated: #202542;--text-primary: #E8E8E8;--text-secondary: #A0A0B0;--text-muted: #71718A;--accent: #4ECDC4;--accent-hover: #6FDBD3;--accent-gold: #D4AF37;--accent-gold-soft: #4A4022;--accent-bg: #1A3A3A;--border-subtle: rgba(232, 232, 232, .1);--shadow-color: 220, 60%, 4%}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-base);line-height:1.6;transition:background var(--transition),color var(--transition);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.15;margin:0 0 var(--sp-2);letter-spacing:-.01em}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}p{margin:0 0 var(--sp-2);color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}ul,ol{padding-left:1.2em}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--sp-3)}.page-section{padding:var(--sp-6) 0}.eyebrow{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-gold);margin-bottom:var(--sp-1)}.eyebrow:before{content:"";width:20px;height:1px;background:var(--accent-gold);display:inline-block}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.75em 1.6em;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);color:#fff;transform:translateY(-2px)}.btn-outline{background:transparent;border-color:var(--border-subtle);color:var(--text-primary)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-gold{background:var(--accent-gold);color:#2d2d2d}.btn-gold:hover{filter:brightness(1.08);color:#2d2d2d;transform:translateY(-2px)}.btn-sm{padding:.5em 1.1em;font-size:var(--fs-xs)}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-icon:hover{color:var(--accent);border-color:var(--accent)}.card{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -18px hsla(var(--shadow-color),.35);border-color:transparent}.card-cover{aspect-ratio:16/10;width:100%;object-fit:cover;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-gold) 130%)}.card-body{padding:var(--sp-3)}.card-meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--sp-1)}.card-verse{font-family:var(--font-display);font-style:italic;color:var(--text-secondary);font-size:var(--fs-sm);margin:var(--sp-1) 0}.badge{display:inline-flex;align-items:center;padding:.3em .9em;border-radius:999px;font-size:var(--fs-xs);font-weight:600;background:var(--accent-bg);color:var(--accent);white-space:nowrap}.field{margin-bottom:var(--sp-3)}.field label{display:block;font-size:var(--fs-sm);font-weight:600;margin-bottom:.4em;color:var(--text-primary)}.field input,.field textarea,.field select{width:100%;padding:.8em 1em;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);transition:border-color var(--transition)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);outline:none}.field textarea{resize:vertical;min-height:120px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease both}@keyframes flicker{0%,to{opacity:1}50%{opacity:.75}}@keyframes crossfade{0%,4%{opacity:0;transform:translateY(6px)}8%,92%{opacity:1;transform:translateY(0)}96%,to{opacity:0;transform:translateY(-6px)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.text-center{text-align:center}.mt-0{margin-top:0}.grid{display:grid;gap:var(--sp-3)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.empty-state{text-align:center;padding:var(--sp-6) var(--sp-3);color:var(--text-muted)}@media(max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--fs-3xl: 2.2rem;--fs-2xl: 1.9rem;--fs-xl: 1.5rem}.grid-3,.grid-2{grid-template-columns:1fr}.page-section{padding:var(--sp-5) 0}}
