/* A quiet line of light on arrival; a fast gesture between pages. */
body .bContainer { clip-path: none; will-change: auto; }
body #globalHeader { top: 0; }
body .gHumb_body, body .gHeader_logoInner, body .gFooter_body { opacity: 1; transform: none; }
.ceep-booting, .ceep-routing { overflow: hidden; }
.ceep-intro { display: none; position: fixed; inset: 0; z-index: 10000; overflow: hidden; isolation: isolate; color: #406ca3; background: #f2f8fd; }
.ceep-booting .ceep-intro { display: grid; }
.ceep-intro__light { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 47%, #fff 0%, #ffffff00 65%); pointer-events: none; }
.ceep-intro__line { position: absolute; top: 50%; left: 50%; width: 64px; height: 1px; transform: translate(-50%, -50%); background: #4475a51a; }
.ceep-intro__line span { display: block; height: 100%; background: #628fb6; transform: scaleX(0); transform-origin: left; }
.ceep-intro__status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ceep-intro__skip { position: absolute; bottom: max(22px, env(safe-area-inset-bottom)); right: 4vw; color: inherit; font: 9px/1 Arial, sans-serif; letter-spacing: .14em; background: transparent; border: 0; padding: 14px; cursor: pointer; opacity: .65; }
.ceep-intro__skip:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; opacity: 1; }
.ceep-intro__skip:hover { opacity: 1; }
.ceep-route__surface::after { content: ''; position: absolute; inset: 0; background: url('/assets/images/ceep-paper-grain.svg'); opacity: .17; pointer-events: none; }
.ceep-route { position: fixed; inset: 0; z-index: 9999; visibility: hidden; pointer-events: none; color: #173d9b; }
.ceep-route.is-active { visibility: visible; pointer-events: auto; }
.ceep-route__surface { position: absolute; inset: -1px; clip-path: inset(100% 0 0 0); background: #edf5ff; overflow: hidden; }
.ceep-route__surface::after { pointer-events: none; }
.ceep-route__glow { position: absolute; inset: -30% -20%; background: radial-gradient(ellipse at 30% 65%, #9bc9f3a8, transparent 47%), radial-gradient(ellipse at 74% 22%, #fff, transparent 55%); }
.ceep-route__note { position: absolute; left: 4vw; bottom: 34px; font: 11px/1.6 var(--font-primary-ja); letter-spacing: .08em; opacity: 0; transition: opacity .2s; }
.ceep-route.is-waiting .ceep-route__note { opacity: 1; }
.ceep-route__note::before { content: ''; display: inline-block; width: 5px; height: 5px; margin-right: 12px; border-radius: 50%; background: currentColor; animation: ceep-breathe 1s ease-in-out infinite alternate; }
@keyframes ceep-breathe { to { opacity: .25; } }
@media (prefers-reduced-motion: reduce) {
  .ceep-route__note::before { animation: none; }
  .ceep-route__note { transition: none; }
}
