/* The bulb, halo and reflected colour are drawn together, so their positions agree. */
body[data-theme="christmas"] .profile-card::after,
body[data-theme="christmas"] .work-column::after{
  height:165px;
  background-image:url("assets/christmas-lights-radiant.svg");
  background-size:580px 164px;
  background-position:top center;
  background-repeat:repeat-x;
  mix-blend-mode:screen;
  filter:none;
  opacity:1;
  pointer-events:none;
}
body[data-theme="christmas"] .landing-screen::after{
  height:205px;
  background-image:url("assets/christmas-lights-radiant.svg");
  background-size:720px 204px;
  background-position:top center;
  background-repeat:repeat-x;
  filter:none;
  pointer-events:none;
}
/* Keep reflection off the text: the surface receives the light underneath content. */
body[data-theme="christmas"] .profile-card > :not(.pixel-field),
body[data-theme="christmas"] .work-column > :not(.pixel-field){position:relative;z-index:3}
@media(max-width:820px){
  body[data-theme="christmas"] .profile-card::after,
  body[data-theme="christmas"] .work-column::after{height:120px;background-size:420px 119px}
  body[data-theme="christmas"] .landing-screen::after{height:160px;background-size:560px 159px}
}