/* ========================================================================== 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

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

Organizational Health

Strategic B2B consulting and organizational policy design centered on mental health equity and sustainable workforce resilience.

Employee Benefits Strategy

Policy Alignment

Comprehensive auditing of current policy frameworks to identify gaps and align mental health benefits with organizational culture.

Session Pools

Flexible, non-traditional mental health coverage through employer-pooled resources, providing direct clinical support for diverse teams.

Systems Ethos

Designing resilient organizational structures that prioritize holistic well-being as a fundamental strategic investment in human capital.

Organizational Transformation

Neutral Systems & Benefit Architecture

Our non-clinical systems consulting provides a clear legal and operational separation for dual-entity organizations. We audit existing policy frameworks to remove outdated clinical terminology, replacing it with neutral service language that aligns with high-end corporate standards and B2B benefit structures.

We design flexible retainer session pools that act as a bridge between organizational policy and direct support. By integrating sustainable workplace well-being pathways, we ensure that your team accesses necessary care through streamlined, non-traditional mental health coverage models.

Partner with Raven & Lotus

Transform your organizational health with strategic mental health benefits and clinical psychotherapy tailored for the modern workforce.

bottom of page