:root{--color-bg: #0f0f0f;--color-bg-alt: #1a1a1f;--color-surface: #242430;--color-text: #e8e6e1;--color-text-muted: #9a9790;--color-accent: #c9a84c;--color-accent-dim: #a08535;--color-divider: #333340;--font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-weight:300;line-height:1.7;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;line-height:1.2}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-text)}img{max-width:100%;height:auto}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(201,168,76,.08) 0%,transparent 70%);pointer-events:none}.hero-emblem{font-size:4rem;margin-bottom:1.5rem;opacity:.9}.hero h1{font-family:var(--font-serif);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;color:var(--color-accent);letter-spacing:.02em;margin-bottom:.5rem}.hero-subtitle{font-family:var(--font-serif);font-size:clamp(1rem,2.5vw,1.4rem);font-style:italic;color:var(--color-text-muted);margin-bottom:2.5rem;max-width:600px}.hero-quote{max-width:640px;padding:1.5rem 2rem;border-left:3px solid var(--color-accent);background:#c9a84c0a;font-family:var(--font-serif);font-size:1.15rem;font-style:italic;color:var(--color-text);line-height:1.6;text-align:left}.hero-scroll-hint{position:absolute;bottom:2rem;color:var(--color-text-muted);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.section{max-width:800px;margin:0 auto;padding:5rem 2rem}.section-divider{width:60px;height:2px;background:var(--color-accent);border:none;margin:0 auto 2rem}.section h2{font-size:clamp(1.8rem,4vw,2.5rem);color:var(--color-accent);text-align:center;margin-bottom:1.5rem}.section p{margin-bottom:1.25rem;color:var(--color-text)}.section p:last-child{margin-bottom:0}.commandment-block{background:var(--color-bg-alt);border:1px solid var(--color-divider);border-radius:4px;padding:2.5rem 2rem;text-align:center;margin:2.5rem 0}.commandment-label{font-family:var(--font-sans);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1rem}.commandment-text{font-family:var(--font-serif);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:600;font-style:italic;color:var(--color-text);line-height:1.4}.principles{display:grid;gap:2rem;margin-top:2rem}.principle{background:var(--color-bg-alt);border:1px solid var(--color-divider);border-radius:4px;padding:2rem}.principle h3{font-family:var(--font-serif);font-size:1.3rem;color:var(--color-accent);margin-bottom:.75rem}.principle p{color:var(--color-text-muted);font-size:.95rem}.practices{display:grid;gap:2rem;margin-top:2rem}.practice{display:flex;gap:1.5rem;align-items:flex-start}.practice-icon{font-size:1.8rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-alt);border:1px solid var(--color-divider);border-radius:50%}.practice h3{font-family:var(--font-serif);font-size:1.2rem;color:var(--color-accent);margin-bottom:.4rem}.practice p{color:var(--color-text-muted);font-size:.95rem}.vision-quote{font-family:var(--font-serif);font-size:clamp(1.1rem,2.5vw,1.35rem);font-style:italic;text-align:center;color:var(--color-text);max-width:640px;margin:2rem auto 0;line-height:1.6}.footer{text-align:center;padding:3rem 2rem;border-top:1px solid var(--color-divider);color:var(--color-text-muted);font-size:.85rem}.footer-benediction{font-family:var(--font-serif);font-style:italic;font-size:1rem;color:var(--color-text);max-width:600px;margin:0 auto 1.5rem;line-height:1.6}.footer p{margin-bottom:.25rem}@media(min-width:640px){.principles{grid-template-columns:1fr}}