/* nova (?hero=nova): every section keeps its original background colour (paper, deep, petrol); this only adds depth in those same colours.
   Glows sit behind the figure side and the corners, never behind the text column. Scoped to html[data-fx="nova"]: the default page is untouched. */
html[data-fx="nova"] { --dots-d: radial-gradient(rgba(10, 30, 33, .09) 1px, transparent 1.4px) 0 0 / 34px 34px; --dots-l: radial-gradient(rgba(236, 239, 234, .08) 1px, transparent 1.4px) 0 0 / 34px 34px; }

/* paper sections */
html[data-fx="nova"] .path { background: radial-gradient(48% 70% at 100% 0%, rgba(15, 130, 140, .17), transparent 64%), radial-gradient(40% 60% at 0% 100%, rgba(255, 196, 46, .13), transparent 64%), var(--dots-d), var(--paper); }
html[data-fx="nova"] .work { background: radial-gradient(46% 560px at 96% 40px, rgba(15, 130, 140, .16), transparent 70%), var(--paper); }
html[data-fx="nova"] .more { background: radial-gradient(46% 520px at 100% 0%, rgba(15, 130, 140, .15), transparent 70%), radial-gradient(40% 40% at 0% 100%, rgba(255, 196, 46, .11), transparent 66%), var(--dots-d), var(--paper); }
html[data-fx="nova"] .stack { background: radial-gradient(50% 60% at 0% 55%, rgba(15, 130, 140, .13), transparent 66%), radial-gradient(40% 50% at 100% 100%, rgba(255, 196, 46, .10), transparent 66%), var(--paper); }

/* work panels: same three colours as before, with light falling in from the figure side */
html[data-fx="nova"] .panel { background: var(--glow), var(--bg); }
html[data-fx="nova"] .panel[data-theme="deep"] { --glow: radial-gradient(58% 80% at 92% 8%, rgba(15, 130, 140, .50), transparent 64%), radial-gradient(44% 50% at 100% 100%, rgba(255, 196, 46, .08), transparent 64%), var(--dots-l);
  box-shadow: inset 0 1px 0 rgba(127, 214, 221, .38); }
html[data-fx="nova"] .panel[data-theme="petrol"] { --glow: radial-gradient(58% 80% at 92% 8%, rgba(127, 214, 221, .34), transparent 64%), radial-gradient(60% 70% at 0% 100%, rgba(6, 38, 42, .38), transparent 66%), var(--dots-l);
  box-shadow: inset 0 1px 0 rgba(207, 240, 242, .5); }
html[data-fx="nova"] .panel[data-theme="paper"] { --glow: radial-gradient(58% 80% at 92% 8%, rgba(15, 130, 140, .20), transparent 64%), radial-gradient(44% 50% at 100% 100%, rgba(255, 196, 46, .16), transparent 64%), var(--dots-d);
  box-shadow: inset 0 1px 0 #fff; }
html[data-fx="nova"] .panel:not([data-theme="paper"]) .figure-sheet { box-shadow: 0 0 60px rgba(127, 214, 221, .16), 0 30px 70px rgba(0, 0, 0, .42); border-color: rgba(207, 240, 242, .36); }
html[data-fx="nova"] .panel[data-theme="paper"] .figure-sheet { box-shadow: 0 30px 70px rgba(10, 30, 33, .20); }

/* contact */
html[data-fx="nova"] .contact { background: radial-gradient(58% 80% at 84% 16%, rgba(15, 130, 140, .50), transparent 64%), radial-gradient(40% 50% at 6% 100%, rgba(255, 196, 46, .08), transparent 66%), var(--dots-l), var(--deep);
  box-shadow: inset 0 1px 0 rgba(127, 214, 221, .38); }

/* phones: no dot texture behind text */
@media (max-width: 820px) { html[data-fx="nova"] { --dots-d: none; --dots-l: none; } }