:root{--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl:clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-3xl:clamp(2.5rem, 1rem + 4vw, 5rem);--text-hero:clamp(3rem, .5rem + 7vw, 8rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--color-bg:oklch(99% .003 95);--color-surface:oklch(97% .018 60);--color-surface-2:oklch(94% .035 55);--color-surface-offset:oklch(89% .045 50);--color-divider:oklch(87% .032 55);--color-border:oklch(81% .04 55);--color-text:oklch(18% .035 280);--color-text-muted:oklch(47% .035 275);--color-text-faint:oklch(64% .025 275);--color-text-inverse:oklch(100% 0 0);--color-primary:oklch(52% .24 264);--color-primary-hover:oklch(46% .22 264);--color-primary-active:oklch(38% .19 264);--color-primary-highlight:oklch(94% .04 264);--color-secondary:oklch(60% .24 30);--color-secondary-hover:oklch(52% .22 30);--color-secondary-active:oklch(43% .19 30);--color-secondary-highlight:oklch(94% .05 30);--color-gold:oklch(78% .19 85);--color-gold-hover:oklch(70% .18 80);--color-gold-highlight:oklch(96% .08 95);--color-gold-text:oklch(52% .16 80);--color-scripture-bg:oklch(25% .14 300);--color-error:oklch(54% .2 25);--color-success:oklch(60% .18 155);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 3px oklch(18% .02 60/.08);--shadow-md:0 4px 16px oklch(18% .02 60/.1);--shadow-lg:0 12px 40px oklch(18% .02 60/.14);--font-display:"Cinzel", Georgia, serif;--font-body:"Lato", "Helvetica Neue", sans-serif;--font-quote:"Playfair Display", Georgia, serif;--transition-interactive:.18s cubic-bezier(.16, 1, .3, 1);--content-narrow:640px;--content-default:960px;--content-wide:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;scroll-padding-top:var(--space-20)}body{min-height:100dvh;line-height:1.7;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg)}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.2}p,li{text-wrap:pretty}::selection{background:color-mix(in oklab, var(--color-gold) 30%, transparent)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}button{cursor:pointer;background:0 0;border:none}a,button,[role=button],input,textarea,select{transition:color var(--transition-interactive), background var(--transition-interactive), border-color var(--transition-interactive), box-shadow var(--transition-interactive), transform var(--transition-interactive)}.skip-link{left:-9999px;top:var(--space-4);z-index:9999;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:700;position:absolute}.skip-link:focus{left:var(--space-4)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@supports (animation-timeline:scroll()){.scroll-fade{opacity:0;animation:linear both reveal-fade;animation-timeline:view();animation-range:entry entry 80%}@keyframes reveal-fade{to{opacity:1}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
