/* ========================================================================== RAVEN & LOTUS LLC | MOON GARDEN WIX STUDIO CUSTOM CSS (global.css) ========================================================================== */ /* 1. BRAND DESIGN SYSTEM VARIABLES */ :root { /* Primary Canvas & Card Palette */ --rl-indigo-dark: #1B2A4A; --rl-indigo-surface: rgba(27, 42, 74, 0.82); --rl-violet-glow: rgba(59, 45, 84, 0.6); /* Metallic & Earth Accents */ --rl-silver-moon: #E2E8F0; --rl-silver-border: rgba(226, 232, 240, 0.18); --rl-moss-green: #2A3B2C; --rl-amber-main: #B45309; --rl-amber-light: #F59E0B; --rl-amber-glow: rgba(180, 83, 9, 0.3); --rl-obsidian-dark: #0F172A; /* Typography & Layout */ --rl-font-heading: 'Cinzel', 'Cormorant Garamond', Georgia, serif; --rl-font-body: 'Inter', 'Montserrat', -apple-system, sans-serif; --rl-radius-card: 14px; --rl-radius-btn: 8px; --rl-transition-smooth: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); } /* 2. GLOBAL TYPOGRAPHY OVERRIDES */ h1, h2, h3, .rl-heading { font-family: var(--rl-font-heading) !important; letter-spacing: -0.02em !important; } body, p, input, select, textarea, button { font-family: var(--rl-font-body); } /* 3. MOON GARDEN GLASSMORPHIC GATEWAY CARDS */ .rl-moon-card { background: var(--rl-indigo-surface) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; border: 1px solid var(--rl-silver-border) !important; border-radius: var(--rl-radius-card) !important; padding: 2.5rem 2rem !important; transition: var(--rl-transition-smooth) !important; box-shadow: 0 10px 40px 0 rgba(15, 23, 42, 0.45) !important; position: relative; overflow: hidden; } .rl-moon-card:hover { transform: translateY(-8px) !important; border-color: rgba(245, 158, 11, 0.5) !important; box-shadow: 0 20px 50px 0 var(--rl-amber-glow) !important; } /* Accent Solstice Line on Card Hover */ .rl-moon-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, var(--rl-silver-moon), var(--rl-amber-light)); opacity: 0; transition: var(--rl-transition-smooth); } .rl-moon-card:hover::before { opacity: 1; } /* 4. GLOWING AMBER GRADIENT TEXT */ .rl-gradient-text { background: linear-gradient(135deg, #FFFFFF 0%, #E2E8F0 40%, #F59E0B 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; display: inline-block !important; } /* 5. LIVE CLINICAL AVAILABILITY PULSE INDICATOR */ .rl-pulse-dot { width: 10px; height: 10px; background-color: #10B981; border-radius: 50%; display: inline-block; position: relative; margin-right: 8px; vertical-align: middle; } .rl-pulse-dot::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #10B981; border-radius: 50%; animation: rl-pulse-ring 1.8s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; } @keyframes rl-pulse-ring { 0% { transform: scale(0.95); opacity: 0.8; } 50% { transform: scale(2.4); opacity: 0; } 100% { transform: scale(0.95); opacity: 0; } } /* 6. PRIMARY & SECONDARY BUTTON STYLES */ .rl-btn-primary { background: linear-gradient(135deg, #B45309 0%, #D97706 100%) !important; color: #FFFFFF !important; border: none !important; border-radius: var(--rl-radius-btn) !important; padding: 0.875rem 1.75rem !important; font-weight: 600 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; font-size: 0.85rem !important; transition: var(--rl-transition-smooth) !important; box-shadow: 0 4px 16px rgba(180, 83, 9, 0.35) !important; cursor: pointer; } .rl-btn-primary:hover { background: linear-gradient(135deg, #D97706 0%, #F59E0B 100%) !important; box-shadow: 0 6px 24px rgba(245, 158, 11, 0.5) !important; transform: translateY(-2px) !important; } .rl-btn-secondary { background: transparent !important; color: var(--rl-silver-moon) !important; border: 1px solid var(--rl-silver-border) !important; border-radius: var(--rl-radius-btn) !important; padding: 0.875rem 1.75rem !important; font-weight: 500 !important; transition: var(--rl-transition-smooth) !important; cursor: pointer; } .rl-btn-secondary:hover { border-color: var(--rl-amber-main) !important; color: var(--rl-amber-light) !important; background: rgba(255, 255, 255, 0.04) !important; } /* 7. FORM INPUT & TEXTAREA OVERRIDES */ .rl-form-input, .rl-form-textarea { background: rgba(15, 23, 42, 0.7) !important; border: 1px solid var(--rl-silver-border) !important; border-radius: 6px !important; color: var(--rl-silver-moon) !important; padding: 0.75rem 1rem !important; font-size: 0.95rem !important; transition: var(--rl-transition-smooth) !important; } .rl-form-input:focus, .rl-form-textarea:focus { outline: none !important; border-color: var(--rl-amber-main) !important; box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.25) !important; background: rgba(27, 42, 74, 0.85) !important; } /* 8. BOTANICAL PILL BADGES */ .rl-badge-moss { background: var(--rl-moss-green) !important; color: #E2E8F0 !important; border: 1px solid rgba(226, 232, 240, 0.2) !important; padding: 0.35rem 0.85rem !important; border-radius: 9999px !important; font-size: 0.75rem !important; font-weight: 600 !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; } /* 9. MOBILE RESPONSIVE BREAKPOINTS */ @media (max-width: 768px) { .rl-moon-card { padding: 1.5rem 1.25rem !important; margin-bottom: 1.25rem !important; } .rl-gradient-text { font-size: 2.1rem !important; line-height: 1.2 !important; } .rl-btn-primary, .rl-btn-secondary { width: 100% !important; text-align: center !important; } } .rl-moon-card { background: rgba(27, 42, 74, 0.82) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; border: 1px solid rgba(226, 232, 240, 0.18) !important; border-radius: 14px !important; }
Active Intake Availability — Traverse City Office & Statewide Michigan Telehealth Clinical Intake: (231) 447-1303 | Owner: Melanie Villanueva, LMSW
Raven & Lotus Logo Book Consultation
import wixForms from 'wix-forms'; $w.onReady(function () { // Target B2B Strategy Lead Capture Form const strategyForm = $w('#b2bStrategyForm'); if (strategyForm) { strategyForm.onWixFormSubmit((event) => { event.fields.forEach((field) => { if (typeof field.fieldValue === 'string') { field.fieldValue = field.fieldValue.trim(); } }); console.log('Strategy form submission sanitized.'); }); } // Target B2B Employee Benefit Proposal Form const benefitForm = $w('#b2bBenefitForm'); if (benefitForm) { benefitForm.onWixFormSubmit((event) => { event.fields.forEach((field) => { if (typeof field.fieldValue === 'string') { field.fieldValue = field.fieldValue.trim(); } }); console.log('Benefit form submission sanitized.'); }); } });
top of page
Raven & Lotus LLC logo

The Moon Garden Ethos

Raven & Lotus, LLC was founded on the principle of dual-entity excellence: strategic organizational health for B2B partners, and deep clinical healing at The Nurturing Space. Our origin story is one of separating technical systems from human souls, ensuring that while the business of health remains robust, the sanctity of the therapeutic alliance is never compromised.

R&L Moodboard

Professional Governance

Raven & Lotus, LLC and the clinical practice of Brett W. Sinclair, MSW are legally separate entities. This organizational structure ensures a clear distinction between strategic B2B consulting services and direct clinical support. Our governance framework maintains rigorous professional firewalls to ensure regulatory compliance and unwavering ethical integrity throughout all engagements.

MOON GARDEN

Raven & Lotus LLC logo
Clinical Expertise & Leadership

Brett W. Sinclair, MSW, integrates strategic organizational healthy with clinical psychotherapy. His dual-entity approach ensures high-end care delivery for both individual clients and complex corporate structures, fostering resilience at every architectural level.

Academic & Legal Separation

Deeply rooted in the Moon Garden philosophy, our services maintain strict legal separation between B2B strategic consulting and professional psychotherapeutic practice. This ensures ethical transparency and tailored clinical excellence.

Contact & Clinical Pathways

We offer specialized pathways for organizations and individuals. From neutral service terminology to clinical deep-dives, every facet of the vision is designed for serene, tactile, and professional engagement.

bottom of page