/* One original opening surface; the old tile DOM remains only for bundle compatibility. */
.home_kv--light { background: #07151f !important; }
.home_kv--light .home_kv_wrap { visibility: hidden; pointer-events: none; }
.home_kv--light .home_kv_inner { height: 100svh; min-height: 560px; }
.home_kv--light::after { display: none; }
body:has(.home_kv--light) .circleCursor[data-type="scroll_down_front"],
body:has(.home_kv--light) .circleCursor[data-type="scroll_down_back"] { visibility: hidden; }
body[data-crud5th-opening-surface="hero"] .copyright_text { color: #f6f9fc !important; }
body[data-crud5th-opening-surface="about"] .copyright_text,
body[data-crud5th-opening-surface="about"] .menu_text { color: #07151f !important; }
.crud5th-light-opening { position: absolute; inset: 0; overflow: hidden; isolation: isolate; background: radial-gradient(ellipse at 50% 78%, #0b3440 0%, #071b27 40%, #07151f 75%); color: #f6f9fc; }
.crud5th-light-canvas { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.crud5th-light-heading { position: absolute; z-index: 2; top: 42%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); pointer-events: none; }
.crud5th-light-heading h1 { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: clamp(80px, 17.7vw, 330px); font-weight: 700; line-height: 1; letter-spacing: -.065em; padding-right: .065em; color: #f6f9fc; text-shadow: 0 1px 0 #fff, 0 3px 0 #7cbdc9, 0 12px 55px #38e8f12b; opacity: 1; transform: translateY(0); animation: crud5th-light-title 2.8s cubic-bezier(.16,1,.3,1) both; }
.crud5th-light-heading p { margin: 24px 0 0; font-family: "ryo-gothic-plusn", sans-serif; font-weight: 500; font-size: clamp(18px, 2.1vw, 33px); line-height: 1.6; letter-spacing: .14em; animation: crud5th-light-claim 2.8s ease both; }
.crud5th-light-skip { position: absolute; z-index: 3; left: 50%; bottom: max(54px, 8svh); transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 180px; min-height: 58px; padding: 8px 16px; border: 0; background: transparent; color: #a7d7df; font: 11px/1.4 Arial, sans-serif; letter-spacing: .18em; cursor: pointer; }
.crud5th-light-skip span:last-child { color: #38e8f1; font-size: 24px; line-height: 1; }
.crud5th-light-skip:focus-visible { outline: 2px solid #38e8f1; outline-offset: 4px; border-radius: 4px; }
.crud5th-light-skip:hover { color: #f6f9fc; }
.home_kv--light + .home_about {
  margin-top: 0 !important;
  opacity: 1 !important;
  background-color: #38e8f1;
  /* Reflections resolve into the same cyan as the following peel layers. */
  background-image: radial-gradient(ellipse at 90% -30%, rgba(246,249,252,.5), transparent 68%), linear-gradient(180deg, rgba(246,249,252,.18), transparent 70%);
  box-shadow: inset 0 1px 0 rgba(236,255,255,.65);
}
.home_kv--light + .home_about .home_about_text { padding-inline: clamp(24px, 4.5vw, 80px); text-wrap: balance; }
@keyframes crud5th-light-title { from { transform: translateY(14px) scale(.98); } to { transform: translateY(0) scale(1); } }
@keyframes crud5th-light-claim { from { transform: translateY(8px); } to { transform: translateY(0); } }
@media (max-width: 767px) {
  .home_kv--light .home_kv_inner { min-height: 520px; }
  .crud5th-light-heading { top: 43%; }
  .crud5th-light-heading h1 { font-size: 21.4vw; }
  .crud5th-light-heading p { margin-top: 25px; font-size: 17px; letter-spacing: .1em; }
  .crud5th-light-skip { bottom: max(58px, 9svh); }
}
@media (prefers-reduced-motion: reduce) {
  .crud5th-light-heading h1, .crud5th-light-heading p { animation: none; }
}