/* Document-coordinate paint layers: five artwork-relative role palettes with
   common title/copy fade envelopes. Five static layers per hero, no blur/noise.
   Colored peak alpha <= .36; shared .8 layer opacity bounds their sum below .65.
   Dark pockets protect pale objects. Gift/root research treatment is unchanged. */
html[data-section-sky]{background:#101b2b}
html[data-section-sky="ready"]{
 background-color:#101b2b;
 background-image:
  radial-gradient(ellipse 85% var(--sky-purple-radius) at 34% var(--sky-purple-center),rgb(169 74 100/.16) 0%,rgb(192 136 97/.06) 43%,transparent 76%),
  radial-gradient(ellipse 38% var(--sky-upper-radius) at 14% var(--sky-upper-center),rgb(114 149 171/.26) 0%,rgb(16 27 43/.08) 38%,transparent 68%),
  linear-gradient(180deg,transparent var(--sky-book),rgb(169 74 100/.14) var(--sky-research),rgb(169 74 100/.14) var(--sky-research-end),transparent var(--sky-footer));
 background-repeat:no-repeat;
}
.section-sky-washes{position:absolute;top:0;left:0;width:100%;height:var(--sky-page-height,0px);z-index:-2;pointer-events:none;overflow:hidden;contain:layout paint}
.section-sky-wash{position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat}
html[data-section-sky="ready"] .section-sky-wash[data-sky-product="printer"]{
 /* dark pocket / accent / counter light / dominant light / atmosphere */
 opacity:.8;
 background-image:
  radial-gradient(ellipse calc(var(--sky-printer-light-width) * 0.3) calc(var(--sky-printer-light-height) * 0.42) at calc(var(--sky-printer-light-x) + var(--sky-printer-light-width) * 0.04) calc(var(--sky-printer-light-y) + var(--sky-printer-light-height) * 0.08),rgb(16 27 43/0.78) 0%,rgb(16 27 43/0.234) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-printer-light-width) * 0.13) calc(var(--sky-printer-light-height) * 0.14) at calc(var(--sky-printer-light-x) + var(--sky-printer-light-width) * -0.45) calc(var(--sky-printer-light-y) + var(--sky-printer-light-height) * -0.29),rgb(255 215 145/0.12) 0%,rgb(255 215 145/0.036) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-printer-light-width) * 0.18) calc(var(--sky-printer-light-height) * 0.5) at calc(var(--sky-printer-light-x) + var(--sky-printer-light-width) * 0.47) calc(var(--sky-printer-light-y) + var(--sky-printer-light-height) * 0.03),rgb(38 197 204/0.24) 0%,rgb(38 197 204/0.072) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-printer-light-width) * 0.64) calc(var(--sky-printer-light-height) * 0.39) at calc(var(--sky-printer-light-x) + var(--sky-printer-light-width) * -0.32) calc(var(--sky-printer-light-y) + var(--sky-printer-light-height) * -0.24),rgb(192 110 72/0.36) 0%,rgb(192 110 72/0.108) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-printer-light-width) * 0.85) calc(var(--sky-printer-light-height) * 0.7) at calc(var(--sky-printer-light-x) + var(--sky-printer-light-width) * -0.12) calc(var(--sky-printer-light-y) + var(--sky-printer-light-height) * 0.06),rgb(92 38 59/0.08) 0%,rgb(92 38 59/0.024) 44%,transparent 76%);
 -webkit-mask-image:linear-gradient(180deg,transparent var(--sky-printer-fade-start),#000 var(--sky-printer-fade-end),#000 var(--sky-printer-fade-out-start),transparent var(--sky-printer-fade-out-end));
 mask-image:linear-gradient(180deg,transparent var(--sky-printer-fade-start),#000 var(--sky-printer-fade-end),#000 var(--sky-printer-fade-out-start),transparent var(--sky-printer-fade-out-end));
}
html[data-section-sky="ready"] .section-sky-wash[data-sky-product="moon"]{
 /* dark pocket / accent / counter light / dominant light / atmosphere */
 opacity:.8;
 background-image:
  radial-gradient(ellipse calc(var(--sky-moon-light-width) * 0.28) calc(var(--sky-moon-light-height) * 0.4) at calc(var(--sky-moon-light-x) + var(--sky-moon-light-width) * 0) calc(var(--sky-moon-light-y) + var(--sky-moon-light-height) * 0.02),rgb(16 27 43/0.8) 0%,rgb(16 27 43/0.24) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-moon-light-width) * 0.1) calc(var(--sky-moon-light-height) * 0.17) at calc(var(--sky-moon-light-x) + var(--sky-moon-light-width) * -0.35) calc(var(--sky-moon-light-y) + var(--sky-moon-light-height) * 0.19),rgb(192 136 97/0.08) 0%,rgb(192 136 97/0.024) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-moon-light-width) * 0.23) calc(var(--sky-moon-light-height) * 0.65) at calc(var(--sky-moon-light-x) + var(--sky-moon-light-width) * 0.38) calc(var(--sky-moon-light-y) + var(--sky-moon-light-height) * -0.15),rgb(75 182 164/0.23) 0%,rgb(75 182 164/0.069) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-moon-light-width) * 0.34) calc(var(--sky-moon-light-height) * 0.73) at calc(var(--sky-moon-light-x) + var(--sky-moon-light-width) * -0.28) calc(var(--sky-moon-light-y) + var(--sky-moon-light-height) * -0.12),rgb(114 149 171/0.32) 0%,rgb(114 149 171/0.096) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-moon-light-width) * 0.75) calc(var(--sky-moon-light-height) * 0.28) at calc(var(--sky-moon-light-x) + var(--sky-moon-light-width) * 0.08) calc(var(--sky-moon-light-y) + var(--sky-moon-light-height) * 0.35),rgb(104 115 143/0.14) 0%,rgb(104 115 143/0.042) 44%,transparent 76%);
 -webkit-mask-image:linear-gradient(180deg,transparent var(--sky-moon-fade-start),#000 var(--sky-moon-fade-end),#000 var(--sky-moon-fade-out-start),transparent var(--sky-moon-fade-out-end));
 mask-image:linear-gradient(180deg,transparent var(--sky-moon-fade-start),#000 var(--sky-moon-fade-end),#000 var(--sky-moon-fade-out-start),transparent var(--sky-moon-fade-out-end));
}
html[data-section-sky="ready"] .section-sky-wash[data-sky-product="stars"]{
 /* dark pocket / accent / counter light / dominant light / atmosphere */
 opacity:.8;
 background-image:
  radial-gradient(ellipse calc(var(--sky-stars-light-width) * 0.43) calc(var(--sky-stars-light-height) * 0.43) at calc(var(--sky-stars-light-x) + var(--sky-stars-light-width) * 0) calc(var(--sky-stars-light-y) + var(--sky-stars-light-height) * 0),rgb(16 27 43/0.84) 0%,rgb(16 27 43/0.252) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-stars-light-width) * 0.16) calc(var(--sky-stars-light-height) * 0.19) at calc(var(--sky-stars-light-x) + var(--sky-stars-light-width) * -0.4) calc(var(--sky-stars-light-y) + var(--sky-stars-light-height) * -0.28),rgb(255 215 145/0.2) 0%,rgb(255 215 145/0.06) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-stars-light-width) * 0.25) calc(var(--sky-stars-light-height) * 0.2) at calc(var(--sky-stars-light-x) + var(--sky-stars-light-width) * 0.41) calc(var(--sky-stars-light-y) + var(--sky-stars-light-height) * 0.27),rgb(25 192 190/0.27) 0%,rgb(25 192 190/0.081) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-stars-light-width) * 0.38) calc(var(--sky-stars-light-height) * 0.18) at calc(var(--sky-stars-light-x) + var(--sky-stars-light-width) * -0.23) calc(var(--sky-stars-light-y) + var(--sky-stars-light-height) * -0.4),rgb(119 147 125/0.22) 0%,rgb(119 147 125/0.066) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-stars-light-width) * 0.82) calc(var(--sky-stars-light-height) * 0.62) at calc(var(--sky-stars-light-x) + var(--sky-stars-light-width) * 0.08) calc(var(--sky-stars-light-y) + var(--sky-stars-light-height) * 0.08),rgb(22 68 81/0.12) 0%,rgb(22 68 81/0.036) 44%,transparent 76%);
 -webkit-mask-image:linear-gradient(180deg,transparent var(--sky-stars-fade-start),#000 var(--sky-stars-fade-end),#000 var(--sky-stars-fade-out-start),transparent var(--sky-stars-fade-out-end));
 mask-image:linear-gradient(180deg,transparent var(--sky-stars-fade-start),#000 var(--sky-stars-fade-end),#000 var(--sky-stars-fade-out-start),transparent var(--sky-stars-fade-out-end));
}
html[data-section-sky="ready"] .section-sky-wash[data-sky-product="scientific"]{
 /* dark pocket / accent / counter light / dominant light / atmosphere */
 opacity:.8;
 background-image:
  radial-gradient(ellipse calc(var(--sky-scientific-light-width) * 0.34) calc(var(--sky-scientific-light-height) * 0.48) at calc(var(--sky-scientific-light-x) + var(--sky-scientific-light-width) * -0.04) calc(var(--sky-scientific-light-y) + var(--sky-scientific-light-height) * 0.04),rgb(16 27 43/0.84) 0%,rgb(16 27 43/0.252) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-scientific-light-width) * 0.16) calc(var(--sky-scientific-light-height) * 0.18) at calc(var(--sky-scientific-light-x) + var(--sky-scientific-light-width) * -0.42) calc(var(--sky-scientific-light-y) + var(--sky-scientific-light-height) * 0.2),rgb(255 215 145/0.16) 0%,rgb(255 215 145/0.048) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-scientific-light-width) * 0.13) calc(var(--sky-scientific-light-height) * 0.51) at calc(var(--sky-scientific-light-x) + var(--sky-scientific-light-width) * 0.24) calc(var(--sky-scientific-light-y) + var(--sky-scientific-light-height) * 0.09),rgb(64 178 163/0.18) 0%,rgb(64 178 163/0.054) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-scientific-light-width) * 0.77) calc(var(--sky-scientific-light-height) * 0.29) at calc(var(--sky-scientific-light-x) + var(--sky-scientific-light-width) * 0.43) calc(var(--sky-scientific-light-y) + var(--sky-scientific-light-height) * -0.18),rgb(114 149 171/0.27) 0%,rgb(114 149 171/0.081) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-scientific-light-width) * 0.9) calc(var(--sky-scientific-light-height) * 0.67) at calc(var(--sky-scientific-light-x) + var(--sky-scientific-light-width) * 0.14) calc(var(--sky-scientific-light-y) + var(--sky-scientific-light-height) * 0.04),rgb(42 61 89/0.1) 0%,rgb(42 61 89/0.03) 44%,transparent 76%);
 -webkit-mask-image:linear-gradient(180deg,transparent var(--sky-scientific-fade-start),#000 var(--sky-scientific-fade-end),#000 var(--sky-scientific-fade-out-start),transparent var(--sky-scientific-fade-out-end));
 mask-image:linear-gradient(180deg,transparent var(--sky-scientific-fade-start),#000 var(--sky-scientific-fade-end),#000 var(--sky-scientific-fade-out-start),transparent var(--sky-scientific-fade-out-end));
}
html[data-section-sky="ready"] .section-sky-wash[data-sky-product="astrology"]{
 /* dark pocket / accent / counter light / dominant light / atmosphere */
 opacity:.8;
 background-image:
  radial-gradient(ellipse calc(var(--sky-astrology-light-width) * 0.3) calc(var(--sky-astrology-light-height) * 0.46) at calc(var(--sky-astrology-light-x) + var(--sky-astrology-light-width) * 0.02) calc(var(--sky-astrology-light-y) + var(--sky-astrology-light-height) * 0.04),rgb(16 27 43/0.82) 0%,rgb(16 27 43/0.246) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-astrology-light-width) * 0.12) calc(var(--sky-astrology-light-height) * 0.15) at calc(var(--sky-astrology-light-x) + var(--sky-astrology-light-width) * 0.43) calc(var(--sky-astrology-light-y) + var(--sky-astrology-light-height) * -0.31),rgb(255 157 75/0.1) 0%,rgb(255 157 75/0.03) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-astrology-light-width) * 0.31) calc(var(--sky-astrology-light-height) * 0.42) at calc(var(--sky-astrology-light-x) + var(--sky-astrology-light-width) * 0.36) calc(var(--sky-astrology-light-y) + var(--sky-astrology-light-height) * 0.23),rgb(69 146 193/0.25) 0%,rgb(69 146 193/0.075) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-astrology-light-width) * 0.53) calc(var(--sky-astrology-light-height) * 0.22) at calc(var(--sky-astrology-light-x) + var(--sky-astrology-light-width) * -0.29) calc(var(--sky-astrology-light-y) + var(--sky-astrology-light-height) * -0.2),rgb(193 123 170/0.29) 0%,rgb(193 123 170/0.087) 44%,transparent 76%),
  radial-gradient(ellipse calc(var(--sky-astrology-light-width) * 0.75) calc(var(--sky-astrology-light-height) * 0.66) at calc(var(--sky-astrology-light-x) + var(--sky-astrology-light-width) * -0.1) calc(var(--sky-astrology-light-y) + var(--sky-astrology-light-height) * 0.03),rgb(92 22 65/0.16) 0%,rgb(92 22 65/0.048) 44%,transparent 76%);
 -webkit-mask-image:linear-gradient(180deg,transparent var(--sky-astrology-fade-start),#000 var(--sky-astrology-fade-end),#000 var(--sky-astrology-fade-out-start),transparent var(--sky-astrology-fade-out-end));
 mask-image:linear-gradient(180deg,transparent var(--sky-astrology-fade-start),#000 var(--sky-astrology-fade-end),#000 var(--sky-astrology-fade-out-start),transparent var(--sky-astrology-fade-out-end));
}
html[data-section-sky="ready"] .section-sky-wash[data-sky-product="gift"]{
 background-image:
  radial-gradient(ellipse 30% calc(var(--sky-gift-purple-radius) * .38) at 13% calc(var(--sky-gift-purple-center) - var(--sky-gift-purple-radius) * .23),rgb(170 117 132/.22) 0%,rgb(170 117 132/.05) 42%,transparent 76%),
  radial-gradient(ellipse 25% calc(var(--sky-gift-purple-radius) * .4) at 70% calc(var(--sky-gift-purple-center) + var(--sky-gift-purple-radius) * .26),rgb(95 186 146/.27) 0%,rgb(95 186 146/.07) 44%,transparent 76%),
  radial-gradient(ellipse 67% calc(var(--sky-gift-purple-radius) * .84) at 34% calc(var(--sky-gift-purple-center) + var(--sky-gift-purple-radius) * .15),rgb(192 136 97/.23) 0%,rgb(192 136 97/.07) 40%,transparent 72%),
  radial-gradient(ellipse 61% calc(var(--sky-gift-purple-radius) * .9) at 78% calc(var(--sky-gift-purple-center) - var(--sky-gift-purple-radius) * .06),rgb(34 174 193/.30) 0%,rgb(34 174 193/.09) 40%,transparent 72%),
  radial-gradient(ellipse 115% var(--sky-gift-purple-radius) at 54% var(--sky-gift-purple-center),rgb(129 58 66/.28) 0%,rgb(92 22 37/.16) 43%,transparent 76%),
  linear-gradient(180deg,transparent var(--sky-gift-start),#5c1625 var(--sky-gift-title),#5c1625 var(--sky-gift-title-end),transparent var(--sky-gift-bottom));
 -webkit-mask-image:linear-gradient(180deg,transparent var(--sky-gift-fade-start),#000 var(--sky-gift-fade-end),#000 100%);
 mask-image:linear-gradient(180deg,transparent var(--sky-gift-fade-start),#000 var(--sky-gift-fade-end),#000 100%);
}

