/* ===================================================================== OPTION B — FULLY LIGHT / AIRY Whole site on off-white, including the immersive scenes. The cinematic sections drop their dark token re-assert, fog and grain are removed, and the canvas FX keep only their accent cores on a bright field. Maximum clean-corporate feel; the neon glow is intentionally quiet here. Pairs with . ===================================================================== */ /* Undo styles.css's "keep cinematic dark" — re-assert the LIGHT token set on the immersive sections and the nav so the whole page is one bright surface. */ html[data-mode="light"] .cinematic{ --ink-1000:#f3f6f0;--ink-900:#eef2e9;--ink-850:#e8ede1;--ink-800:#e1e7d8; --ink-700:#d6ddcb;--ink-600:#c7d1b9;--ink-500:#b2bfa1; --paper:#0b1410;--text:#15211a;--muted:#566256;--muted-2:#8a978a; --faint:rgba(15,33,24,.05);--hair:rgba(15,33,24,.12);--hair-strong:rgba(15,33,24,.20); --glass-fill:rgba(255,255,255,.5);--glass-fill-2:rgba(255,255,255,.72); --glass-stroke:rgba(15,33,24,.14);--glass-hi:rgba(255,255,255,.95); --glass-shadow:rgba(20,45,32,.22);--surface-glass:rgba(255,255,255,.55); } html[data-mode="light"] .cinematic{background:var(--ink-1000)} html[data-mode="light"] #preloader{background:var(--ink-1000)} /* Strip the heavy atmosphere from the bright scenes. */ html[data-mode="light"] .cinematic .fog{opacity:0} html[data-mode="light"] .cinematic .grain{display:none} html[data-mode="light"] .cinematic .vignette{ background:radial-gradient(120% 90% at 50% 36%,transparent 62%,rgba(30,50,38,.06) 100%); opacity:.5; } /* Hero + final now carry real PDF photography (see photos.css), so the nav stays dark over the dark photo hero and the headline text is forced light there. Nothing to re-plate here. */ /* Solid display type for the editorial light sections. */ .grad{background:none;-webkit-text-fill-color:currentColor;color:var(--paper)} /* Calm the buttons (same as the clean option). */ .btn::after{display:none} /* The additive-glow canvases read faint on white — lift their opacity and let the accent cores carry. */ canvas.fx{opacity:calc(var(--particles-vis) * .9)} #netCanvas,#twinCanvas{filter:saturate(1.05) contrast(1.05)} /* Scroll cue + chips need legible strokes on light. */ html[data-mode="light"] .chip{color:var(--text)}