.kita-opening{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 35% 25%,#2b6692 0,#173d63 43%,#0c233e 100%);color:#fff;overflow:hidden;opacity:1;transition:opacity .25s ease}.kita-opening[hidden]{display:none!important}.opening-active{overflow:hidden}.opening-lockup{display:flex;align-items:center;gap:26px;position:relative;animation:opening-appear .8s ease both}.opening-symbol{position:relative;width:125px;height:125px;overflow:hidden;mix-blend-mode:screen}.opening-symbol>img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.opening-symbol>video{position:absolute;width:436.364%;height:245.455%;max-width:none;left:-168.182%;top:-45.455%;object-fit:fill;filter:grayscale(1) invert(1) brightness(3);opacity:0}.opening-symbol.is-playing>video{opacity:1}.opening-symbol.is-playing>img{opacity:0}.opening-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:18px;width:260px}.opening-wordmark>img{filter:brightness(0) invert(1);height:auto}.opening-wordmark>img:first-child{width:165px}.opening-wordmark>img:last-child{width:260px;opacity:.8}.opening-glow{position:absolute;width:450px;height:450px;border-radius:50%;border:1px solid #ffffff0a;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02;pointer-events:none}.kita-opening>button{position:absolute;right:30px;bottom:28px;display:flex;align-items:center;gap:12px;border:1px solid #ffffff40;background:#ffffff0b;border-radius:25px;color:#daeaf7;padding:10px 18px;font-size:12px;cursor:pointer;min-height:42px}.opening-progress{position:absolute;left:0;bottom:0;height:2px;background:#bddded;animation:opening-progress 3s linear both}.kita-opening.is-leaving{opacity:0;pointer-events:none}@keyframes opening-appear{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes opening-progress{from{width:0}to{width:100%}}@media(max-width:600px){.opening-lockup{gap:17px}.opening-symbol{width:88px;height:88px}.opening-wordmark{width:185px;gap:12px}.opening-wordmark>img:first-child{width:117px}.opening-wordmark>img:last-child{width:185px}.opening-glow{width:300px;height:300px}.kita-opening>button{right:20px;bottom:22px}}@media(prefers-reduced-motion:reduce){.opening-lockup,.opening-progress{animation:none}.opening-symbol>video{display:none}.opening-symbol>img{opacity:1!important}.kita-opening{transition:none}}
.opening-lockup{animation:none}.opening-symbol>video{mix-blend-mode:screen}.opening-wordmark{animation:opening-wordmark .65s ease both}@keyframes opening-wordmark{from{opacity:0;transform:translateX(5px)}to{opacity:1;transform:none}}
/* The symbol leads; the wordmark follows. */
.opening-lockup{animation:none}.opening-symbol{animation:opening-symbol-first .7s ease-out both}.opening-wordmark{animation:opening-wordmark .6s ease both;animation-delay:1.2s}@keyframes opening-symbol-first{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.opening-symbol,.opening-wordmark{animation:none}}