/* The light on the logo (V7): once when the page opens, then every 6 s. Copied from the portal's css/parts/logo-shine.css.
   The light layer is masked by the logo picture, so it only falls on the letters. Off under "reduce motion". */
.logo-box { position: relative; display: block; line-height: 0; }
.shine {
  position: absolute; inset: 0; pointer-events: none; opacity: 0;
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  background: linear-gradient(115deg, transparent 38%, var(--shine-white) 50%, transparent 62%) 120% 0 / 260% 100% no-repeat;
}
.logo-box .shine {
  -webkit-mask-image: url("../img/logo.png"); mask-image: url("../img/logo.png");
  animation: shine-move var(--logo-shine-every) var(--ease-soft) var(--logo-shine-delay) infinite,
             shine-glow var(--logo-shine-every) linear var(--logo-shine-delay) infinite;
}
/* First visit: the light waits until the opening has finished. */
[data-opening="first"] { --logo-shine-delay: calc(var(--dur-open-first) + 300ms); }