/* ═══════════════════════════════════════════ 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; } }

The Science

You don't need a PhD to explain this. You just need to understand five basic concepts well enough to say them out loud without reading from a script.

1. Light Is a Biological Signal

Your body doesn’t just see light — it responds to it.

Specialized photoreceptors in the eye detect specific wavelengths, especially blue light, and use them to regulate your internal clock — signaling when to be alert, and when to begin repair.

This system evolved under natural light: bright, blue-enriched light during the day, and little to no blue light at night.

Go deeper

2. Modern Light Breaks That Signal

Artificial light — LEDs, screens, overhead lighting — delivers a constant, blue-enriched signal at all hours.

To your biology, that signal means one thing: stay awake.

At night, this delays melatonin, keeps the body in a stimulated state, and interferes with sleep and recovery. Over time, that disruption compounds.

Go deeper

3. Light Quality Matters

It’s not just how much light you’re exposed to — it’s the quality of that light.

Natural light is balanced. It includes a full spectrum of wavelengths, including red and near-infrared, which support cellular function and help counterbalance higher-energy light.

Most modern lighting is incomplete:

  • Excess blue light
  • Missing near-infrared
  • Harsh, unnatural output

This is why many “solutions” fall short — they remove one problem, but don’t restore balance.

Go deeper

4. Timing Is Everything

Your circadian rhythm depends on when you receive different types of light.

  • Daytime: strong, blue-enriched light to drive alertness and energy
  • Evening: minimal blue light to allow melatonin and recovery

When this timing is consistent, your system works. When it’s not, your internal clock drifts — affecting sleep, mood, metabolism, and performance.

Go deeper

5. Control Your Light Environment

You won’t eliminate artificial light. But you can control how it affects you.

  • Lenses filter the light you can’t control — screens, offices, travel
  • Lighting improves the light where you can — your home, your bedroom, your space

Together, they bring your environment back into alignment with your biology.

Go deeper
→ Go to: Eyewear Guide