/* ═══════════════════════════════════════════
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.
Earn Both Ways Most creators start on one side and add the other. The same content feeds both.
Trybe Creators We pay for raw footage we run as ads. Pick a brief, film it, and upload through Trybe. Angle picks, submissions, and program terms all live there.
Apply to the Trybe program →
🎁
Holiday Offer Guide · Q4 2026. The offer, the dates, and how to talk about it, all on one page. Open the guide →
What's Here
Get Started Trybe creators Join at raoptics.com/trybe . Pick a brief below. Film it your way: vertical 9:16, 20 to 40 seconds. Upload to Trybe, tag @ra_optics , and accept the whitelisting request. We run it as ads and handle the spend.
The Products New here? Start with the Brand & Product Guide : the brand, the science, and all four products on one page. Then pick a brief. Each one works for a Trybe video or your own post.
Sunset Lenses Sunset — after dark Red lenses. Evening wind-down and deeper sleep. Our signature story, and the easiest content to film.
Open the Sunset brief →
Daylight Lenses Daylight — at screens Yellow lenses. Screens, offices, and indoor light. Focus, mood, and steady energy through the workday.
Open the Daylight brief →
BlueSync Lenses BlueSync — outdoors The circadian-enhancing sunglass. Sun protection that works with your biology, not against it.
Open the BlueSync brief →
Lumios Glow Lumios — light your home Human-friendly lighting, led by Glow , our flagship and best seller. The lamp-swap video sells itself.
Open the Lumios brief →
🎬
Need an idea? The Core Six: six ready-to-shoot video briefs built on what's working in our ads right now.
See the Core Six →
Getting Paid Trybe creators are paid through Trybe. Affiliates: Payout setup walks you through SnowPay. About three minutes, once.
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 counts as a confirmed sale? Orders that clear the 30-day return window — returns reverse the commission. Your first 5 sales must land within 90 days of your start date to unlock product rewards.
Can I promote both eyewear and Lumios? Yes — your link and code apply to both product lines. Commissions and discounts may vary between them.
Paid collaborations? We consider paid sponsorships only with affiliates who have a deep, proven conversion track record.
Not making sales? Reach out — we're here to help.
Questions? Contact our team: partners@raoptics.com