/* ═══════════════════════════════════════════
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; }
}
Light shapes how we think, feel, and function.
Yet today, it’s one of the most overlooked forces impacting our health.
Ra Optics was built to help rebalance our relationship with light —
and this is your invitation to be part of that mission.
What's a Luminary?
Luminary is the status earned by top contributors to the Ra Optics mission — those who show up consistently, tell the truth, and bring light to the world.
Every creator in this program has a path to become a Luminary. This hub is your guide.
This program works. We have creators earning thousands of dollars per month sharing Ra Optics products — not by hard-selling, but by finding an angle that resonated with their audience and staying consistent. That's the whole game.
New here? Start with three things.
1. Read the Affiliate Program Guide — your link, milestones, and how you get paid.2. Review the Eyewear Guide or Lumios Guide for whatever you're posting about first.3. Pull 2–3 angles from Content Angles that fit your platform and audience.What's Inside
Questions? Contact Amara: partners@raoptics.com
Affiliate Program Guide About Ra Optics The Science Eyewear Guide Lumios Guide Content Angles Asset Library Content Guidelines