/* Fluid blue–purple light, on the original dark surfaces and reveal layers. */
:root { --aether-purple: #17234f; --aether-purple-deep: #151a3c; }
.loading, .l-transition-overlay, .l-navi, .l-footer { background-color: var(--aether-purple); }
.aether-ambient {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: var(--aether-purple) url('/aether/background/fluid-poster.jpg') center / cover no-repeat;
}
.aether-ambient video { display: block; width: 100%; height: 100%; object-fit: cover; }
.aether-ambient::after { content: ""; position: absolute; inset: 0; background: rgb(17 9 54 / 12%); }
.loading .c-mark, .loading-line, .loading-txt, .loading-logo, .aether-loading-en,
.l-transition .c-mark, .l-footer > .c-mark, .l-footer-logo, .l-footer-navi, .l-footer-bottom { z-index: 1; }
.l-footer-navi, .l-navi-scroll { position: relative; z-index: 1; }
.l-navi > .c-mark { z-index: 1; }
.l-navi .c-mark, .l-footer .c-mark { color: rgb(255 255 255 / 7%); }
.l-navi .aether-ambient::after { background: rgb(17 9 54 / 28%); }
.l-navi-item + .l-navi-item:not(.l-navi-sub-item) { border-top-color: rgb(255 255 255 / 12%); }
.business-item { background-color: var(--aether-purple-deep); }
.recruit { background: radial-gradient(ellipse at 75% 15%, #45307b, transparent 65%), linear-gradient(135deg, #183a76, #16172f); }
.recruit .c-mark { color: rgb(255 255 255 / 6%); }
.c-contact::before {
  background-color: var(--aether-purple);
  background-image: linear-gradient(rgb(17 9 54 / 12%), rgb(17 9 54 / 12%)), url('/aether/background/fluid-poster.jpg');
  background-size: cover;
  background-position: center;
}
@media (prefers-reduced-motion: reduce) {
  .aether-ambient video { display: none; }
}