/* ═══════════════════════════════════════════
RA OPTICS LUMINARIES — COMPLETE STYLESHEET
═══════════════════════════════════════════ */
/* FONTS */
@font-face {
font-family: 'ABC Arizona Mix Variable';
src: url('https://cdn.shopify.com/s/files/1/0021/9335/8905/files/ABC_Arizona_Mix_Variable_Unlicensed_Trial.woff2?v=1749328046') format('woff2');
font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
font-family: 'Maison Neue';
src: url('https://cdn.shopify.com/s/files/1/0021/9335/8905/files/MaisonNeue-Book.woff2?v=1743741269') format('woff2');
font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
font-family: 'Maison Neue';
src: url('https://cdn.shopify.com/s/files/1/0021/9335/8905/files/MaisonNeue-Bold_8f8ac6d4-b3aa-4063-bffa-9f2bbda01254.woff2?v=1752541793') format('woff2');
font-weight: 700; font-style: normal; font-display: swap;
}
/* VARIABLES */
:root {
--cream: #FFF2DE;
--cream-light: #FFFCF8;
--navy: #002249;
--navy-mid: #1a3a5c;
--navy-muted: #4a6280;
--gold: #DCAC4D;
--border: rgba(0,34,73,0.09);
--border-soft: rgba(0,34,73,0.06);
--shadow-sm: 0 1px 4px rgba(0,34,73,0.05), 0 4px 14px rgba(0,34,73,0.04);
--shadow-md: 0 2px 8px rgba(0,34,73,0.07), 0 8px 28px rgba(0,34,73,0.05);
--shadow-lift: 0 4px 20px rgba(0,34,73,0.09), 0 16px 48px rgba(0,34,73,0.05);
}
/* BASE */
body {
background: var(--cream) !important;
color: var(--navy) !important;
}
/* TYPOGRAPHY */
.notion-header__title,
.notion-h1, .notion-h2 {
font-family: 'ABC Arizona Mix Variable', Georgia, serif !important;
color: var(--navy) !important;
font-weight: 400 !important;
}
body, p, span, li,
.notion-text, .notion-callout,
.notion-table__cell, .notion-toggle-block {
font-family: 'Maison Neue', sans-serif !important;
}
/* PAGE TITLE */
.notion-header__title {
font-size: 2.8em !important;
letter-spacing: -0.01em !important;
line-height: 1.15 !important;
padding-top: 64px !important;
}
/* COVER IMAGE */
.notion-header__cover.has-cover {
height: 320px !important;
min-height: 320px !important;
}
/* NAVBAR */
.super-navbar {
background: rgba(255, 247, 233, 0.82) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border-bottom: 1px solid rgba(0,34,73,0.06) !important;
box-shadow: 0 1px 0 rgba(0,34,73,0.05), 0 6px 24px rgba(0,34,73,0.05) !important;
transition: background 0.3s ease, box-shadow 0.3s ease !important;
}
.super-navbar__item a {
font-family: 'Maison Neue', sans-serif !important;
font-size: 0.85rem !important;
letter-spacing: 0.04em !important;
color: var(--navy) !important;
text-transform: uppercase !important;
font-weight: 500 !important;
opacity: 0.75 !important;
transition: opacity 0.2s !important;
}
.super-navbar__item a:hover { opacity: 1 !important; }
.super-navbar__item-list {
display: flex !important;
flex: 1 !important;
justify-content: center !important;
position: static !important;
}
/* PAGE CONTENT WIDTH */
.notion-page-content {
max-width: 720px !important;
margin: 0 auto !important;
padding: 0 24px 80px !important;
animation: fadeUp 0.4s ease both;
}
@keyframes fadeUp {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
/* HEADINGS */
.notion-h1 {
font-size: 1.9em !important;
margin-top: 2em !important;
margin-bottom: 0.5em !important;
padding-top: 0.5em !important;
border-top: 1px solid var(--border) !important;
}
.notion-h2 {
font-size: 1.4em !important;
margin-top: 2em !important;
margin-bottom: 0.4em !important;
}
.notion-h3 {
font-family: 'Maison Neue', sans-serif !important;
font-size: 0.82em !important;
font-weight: 600 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
color: var(--gold) !important;
margin-top: 1.6em !important;
}
/* DIVIDER */
.notion-divider {
border: none !important;
border-top: 1px solid var(--border) !important;
margin: 2.5em 0 !important;
opacity: 1 !important;
}
/* CALLOUT */
.notion-callout {
background: rgba(255,255,255,0.55) !important;
border: none !important;
border-left: 3px solid var(--gold) !important;
border-radius: 0 8px 8px 0 !important;
padding: 18px 24px !important;
box-shadow: var(--shadow-sm) !important;
color: var(--navy) !important;
margin: 1.5em 0 !important;
}
.notion-callout .notion-callout__icon { display: none !important; }
/* TABLES */
.notion-table__wrapper {
width: 100% !important;
border-radius: 10px !important;
overflow: hidden !important;
box-shadow: var(--shadow-sm) !important;
margin: 1.5em 0 !important;
}
.notion-table {
width: 100% !important;
border-collapse: collapse !important;
}
.notion-table tr:first-child td {
background: var(--navy) !important;
color: var(--cream) !important;
font-size: 0.7rem !important;
font-weight: 600 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
padding: 14px 18px !important;
}
td {
background: rgba(255,255,255,0.5) !important;
border-bottom: 1px solid var(--border-soft) !important;
padding: 14px 18px !important;
vertical-align: top !important;
}
.notion-table__cell {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
background: transparent !important;
font-size: 0.9rem !important;
color: var(--navy) !important;
line-height: 1.6 !important;
}
td:first-child .notion-table__cell { font-weight: 600 !important; }
tr:last-child td { border-bottom: none !important; }
tr:hover td { background: rgba(255,255,255,0.75) !important; }
/* TOGGLES */
.notion-toggle-block {
background: rgba(255,255,255,0.45) !important;
border: 1px solid var(--border) !important;
border-left: 3px solid var(--gold) !important;
border-radius: 0 8px 8px 0 !important;
padding: 16px 20px !important;
margin: 0.6em 0 !important;
box-shadow: var(--shadow-sm) !important;
transition: box-shadow 0.2s ease, background 0.2s ease !important;
}
.notion-toggle-block:hover {
background: rgba(255,255,255,0.7) !important;
box-shadow: var(--shadow-md) !important;
}
.notion-toggle-block > summary {
font-weight: 600 !important;
color: var(--navy) !important;
cursor: pointer !important;
}
/* FOOTER */
.super-footer {
background: var(--navy) !important;
color: rgba(255,242,222,0.6) !important;
}
/* SCROLLBAR */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--cream); }
::-webkit-scrollbar-thumb { background: rgba(0,34,73,0.2); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0,34,73,0.35); }
/* ─── MOBILE ─────────────────────────────── */
@media (max-width: 768px) {
.super-navbar__item-list { display: none !important; }
.notion-header__title { font-size: 2.2em !important; padding-top: 48px !important; }
.notion-callout { padding: 16px 20px !important; border-left-width: 3px !important; }
.notion-table { width: auto !important; }
.notion-table__wrapper { max-width: 100% !important; overflow-x: scroll !important; -webkit-overflow-scrolling: touch !important; }
.notion-table__cell { padding: 10px 12px !important; font-size: 0.875rem !important; min-width: 90px !important; }
.notion-asset-wrapper, .notion-image-block, .notion-image { display: none !important; }
}
@media (max-width: 480px) {
.notion-header__title { font-size: 1.75em !important; }
.notion-header__cover.has-cover { height: 200px !important; min-height: 200px !important; max-height: 200px !important; }
}
Now that you’re in, this page covers the basic details of our program — your link, how commissions work, milestones, and how to get support.
Your Next Steps
1. Log into your Social Snowball dashboard — your unique link and code are on the home screen.
2. Join the Ra Creators Telegram and introduce yourself.
3. Head to Content Angles, pick 2–3 hooks that fit your audience, and post within 7 days.
Reward Milestones
"Confirmed sales" means orders that have cleared the 30-day return window. Your first 5 sales must happen within 90 days of your start date to unlock product rewards and cash bonuses. Cash bonuses are paid via PayPal alongside qualifying commissions — keep your PayPal email current in your Social Snowball profile.
Ra Creators Telegram
Our private group for the creator cohort. New product drops, commission windows, content tips, and program updates land here first.
Join the channel →
Introduce yourself when you join — your name, platform, and what you're most excited to share.
Contact + Support
Your program contact is Amara Joyce.
partners@raoptics.com
Reach out for tracking issues, commission questions, asset requests, or anything else!
FAQ’s
When do I get paid?
Commissions process around the 10th of each month, after the 30-day return window clears. Example: a sale on April 7th clears May 7th, pays out early June.
What if someone returns the product?
That commission is reversed. Only completed, non-returned orders count toward your total.
Can I promote both Ra Optics eyewear and Lumios?
Yes. Your link and code apply to both product lines.
Can we work on a paid collaboration deal?
We only consider paid sponsorships with affiliates who have a deep and proven conversion track record.
What if I'm not making sales?
Reach out to the team, we’re here to help!
→ Next: Brand Foundation