*{box-sizing:border-box}:root{--color-bg: #1c2027;--color-surface: #252a33;--color-text: #f5f0e8;--color-text-muted: #9ca3b0;--color-border: #3a3f4a;--color-link: #e8b86d;--color-link-hover: #f0c987;--color-focus: #e8b86d;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 5rem;--spacing-2xl: 6rem;--max-width: 800px;--font-serif: ui-serif, Georgia, "Times New Roman", serif;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.7;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}.skip-link{position:absolute;top:-9999px;left:0;background:var(--color-focus);color:var(--color-bg);padding:.5rem 1rem;text-decoration:none;font-weight:600;z-index:1000;border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{top:0;outline:2px solid var(--color-focus);outline-offset:2px}header{border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0;position:sticky;top:0;background:var(--color-bg);z-index:100}header nav{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-sm);display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:flex-end;gap:.75rem;text-decoration:none}.logo-image{height:40px;width:auto;display:block;border-radius:50%}.logo-text{font-family:var(--font-serif);font-size:1rem;font-weight:400;color:var(--color-text-muted);letter-spacing:.5px;margin-bottom:.25rem}.logo:hover .logo-image{opacity:.85}.logo:hover .logo-text{color:var(--color-text)}.logo:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}.nav-links{display:flex;list-style:none;gap:var(--spacing-md);margin:0;padding:0}.nav-links a{text-decoration:none;color:var(--color-text-muted);font-size:.9375rem;transition:color .2s ease}.nav-links a:hover{color:var(--color-link)}.nav-links a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}main{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-xl) var(--spacing-sm)}main:focus-visible{outline:2px solid var(--color-focus);outline-offset:6px;border-radius:var(--radius-sm)}section{margin-bottom:var(--spacing-2xl);scroll-margin-top:80px}section:not(:last-child):after{content:"";display:block;width:60px;height:1px;background:var(--color-border);margin:var(--spacing-lg) auto 0}h1,h2,h3{margin:0 0 var(--spacing-md) 0;font-weight:400;color:var(--color-text);font-family:var(--font-serif);letter-spacing:.25px}h1{font-size:2.75rem;line-height:1.2}h2{font-size:2.25rem;line-height:1.3}h3{font-size:1.625rem;line-height:1.4}p{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-muted)}a{color:var(--color-link);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-link-hover);text-decoration:underline;text-underline-offset:3px}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}.hero{position:relative;width:100%;margin-bottom:0}.hero-image-container{width:100%;aspect-ratio:21 / 9;overflow:hidden;background:var(--color-surface)}.hero-image-container picture{display:block;width:100%;height:100%}.hero-image-container img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.7) contrast(1.1) saturate(.9)}.hero-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:var(--spacing-lg);z-index:1}.hero-text{max-width:var(--max-width);padding:var(--spacing-lg) var(--spacing-md);text-align:center;background:#1c2027d9;backdrop-filter:blur(8px);border-radius:var(--radius-md);border:1px solid rgba(58,63,74,.5)}.hero-text h1{max-width:700px;margin-left:auto;margin-right:auto;margin-bottom:var(--spacing-md)}.hero-text p{font-size:1.125rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.8}.listen{text-align:center}.platform-links{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap}.platform-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:.9375rem;text-decoration:none;transition:border-color .2s ease,color .2s ease}.platform-icon{flex-shrink:0;opacity:.9}.platform-link-primary{font-weight:500;border-color:var(--color-link);color:var(--color-link)}.platform-link-secondary{font-weight:400}.platform-link:hover{border-color:var(--color-link);color:var(--color-link-hover);text-decoration:none}.platform-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.platform-acknowledgment{margin-top:var(--spacing-md);font-size:.9375rem;color:var(--color-text-muted);font-style:italic}.embed-surface{margin-top:var(--spacing-lg);padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.youtube-embed{position:relative;width:100%;max-width:800px;margin:0 auto;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg)}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.embed-fallback{margin-top:var(--spacing-sm);text-align:center;font-size:.875rem;color:var(--color-text-muted)}.embed-fallback a{color:var(--color-link)}.topics{text-align:center}.topic-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.topic-card:nth-child(3):last-child{grid-column:1 / -1;max-width:calc(50% - var(--spacing-md) / 2);margin-left:auto;margin-right:auto}.topic-card{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;background:var(--color-surface);transition:border-color .2s ease}.topic-card:hover{border-color:var(--color-link)}.topic-card h3{font-family:var(--font-serif);font-weight:400;margin-bottom:var(--spacing-sm);color:var(--color-text)}.topic-card p{font-family:var(--font-sans);margin-bottom:var(--spacing-md);color:var(--color-text-muted)}.topic-link{display:inline-block;font-weight:400;font-size:.9375rem;color:var(--color-link)}.topic-link:hover{color:var(--color-link-hover)}.about{max-width:650px;margin-left:auto;margin-right:auto;text-align:center}.about p{font-size:1.125rem;line-height:1.8}.scripture-quote{color:var(--color-link);font-style:italic;font-size:1.25rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}footer{border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0 var(--spacing-md);margin-top:0;background:var(--color-bg)}footer nav{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-sm)}footer nav ul{display:flex;list-style:none;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin:0 0 var(--spacing-md) 0;padding:0}footer nav a{font-size:.875rem;color:var(--color-text-muted)}footer nav a:hover{color:var(--color-link)}footer p{text-align:center;color:var(--color-text-muted);font-size:.8125rem;margin-bottom:var(--spacing-sm)}.footer-links{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);text-align:center;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.footer-link-cluster{margin-bottom:.625rem;font-size:.75rem;color:var(--color-text-muted);line-height:1.7}.footer-link-cluster:last-child{margin-bottom:0}.footer-link-label{color:var(--color-text-muted);margin-right:.5rem}.footer-link-list{display:inline-flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:.5rem;color:var(--color-text-muted)}.footer-link-list li{display:inline}.footer-link-list li:not(:last-child):after{content:" · ";margin-left:.5rem;color:var(--color-text-muted);opacity:.3}.footer-link-list a{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px;font-size:.75rem}.footer-link-list a:hover{color:var(--color-link)}.footer-link-list a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}.error-page{min-height:60vh;display:flex;align-items:center;justify-content:center}.error-page section{text-align:center;max-width:600px}.error-page p{font-size:1.125rem}.home-link{display:inline-block;padding:.75rem 1.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);text-decoration:none;transition:border-color .2s ease,color .2s ease}.home-link:hover{border-color:var(--color-link);color:var(--color-link);text-decoration:none}.home-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (max-width: 768px){header nav{flex-wrap:wrap;gap:var(--spacing-sm)}.logo{gap:.5rem}.logo-image{height:32px}.logo-text{font-size:.875rem;margin-bottom:0}.nav-links{gap:var(--spacing-sm);font-size:.8125rem;flex-wrap:wrap}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}.topic-cards{grid-template-columns:1fr}main{padding:var(--spacing-lg) var(--spacing-sm)}section{margin-bottom:var(--spacing-xl)}section:not(:last-child):after{margin-top:var(--spacing-lg)}.embed-surface{padding:var(--spacing-xs)}.hero{display:flex;flex-direction:column}.hero-image-container{aspect-ratio:16 / 10}.hero-content{position:relative;inset:auto;padding:var(--spacing-lg) var(--spacing-sm);align-items:center}.hero-text{padding:var(--spacing-md) var(--spacing-sm);background:#1c2027d9;margin-top:0;width:100%;max-width:100%}.hero-text h1{font-size:1.5rem;margin-bottom:var(--spacing-sm);line-height:1.3}.hero-text p{font-size:.9375rem;line-height:1.6}.topic-card:nth-child(3):last-child{max-width:100%}}@media (max-width: 480px){.hero-content{padding-top:1rem;padding-bottom:1rem}.logo-text{display:none}.logo-image{height:36px}.nav-links{font-size:.75rem;gap:.75rem}.footer-link-cluster{text-align:left;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.footer-link-list{display:block}.footer-link-list li{display:block;margin-bottom:.25rem}.footer-link-list li:not(:last-child):after{display:none}}