.organization-transition{--transit-duration:3600ms;position:fixed;inset:0;z-index:100000;background:#102f2b;color:#fafaf5;overflow:hidden;isolation:isolate;animation:transit-enter 180ms ease-out both}
.organization-transit-scene,.organization-transit-scene>div{position:absolute;inset:0;pointer-events:none}
.transit-nagaya{background:url('assets/v0.3/runtime/hero-08-nagaya-gateway.webp') 22% 60%/cover no-repeat;transform-origin:22% 68%;animation:transit-nagaya var(--transit-duration) cubic-bezier(.3,0,.25,1) both;will-change:transform,opacity}
.transit-lines{background:#102f2b;color:#abd3c8;animation:transit-lines var(--transit-duration) ease-in-out both}
.transit-lines svg{width:100%;height:100%;opacity:.75;animation:transit-depth var(--transit-duration) ease-in both}
.transit-lines path{stroke-dasharray:1000;animation:transit-draw var(--transit-duration) ease-in-out both}
.transit-grid{opacity:.22;stroke-dasharray:none!important}
.transit-light{position:absolute;left:calc(50% - 3px);top:12%;height:76%;width:6px;background:#d9eadd;box-shadow:0 0 60px 25px #bbded333;animation:transit-light var(--transit-duration) ease-in-out both;transform-origin:center}
.transit-arrival{background:url('assets/organization-20261018/meeting-room-1280.webp') 50% 50%/cover no-repeat;animation:transit-arrival var(--transit-duration) cubic-bezier(.2,.6,.3,1) both;will-change:transform,opacity}
.transit-vignette{background:linear-gradient(0deg,#102f2be6,transparent 58%,#102f2b26)}
.organization-transit-scene>.transit-captions{inset:auto 24px 24%;text-align:center}
.organization-transition .transit-caption{position:absolute;inset:auto 0 0;margin:0;font:400 clamp(25px,3.4vw,48px)/1.7 "Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.1em;text-shadow:0 2px 25px #102f2b}
.transit-caption-one{animation:transit-caption-one var(--transit-duration) ease-in-out both}
.transit-caption-two{animation:transit-caption-two var(--transit-duration) ease-in-out both}
.transit-caption-three{animation:transit-caption-three var(--transit-duration) ease-in-out both}
.transit-caption-three span{display:block;font:500 11px/2 "Yu Gothic",sans-serif;letter-spacing:.23em;margin-top:14px}
.organization-transition .transit-image-note{position:absolute;right:24px;top:24px;font:11px/1.8 "Yu Gothic",sans-serif;background:#102f2be6;padding:5px 10px;animation:transit-caption-three var(--transit-duration) ease-in-out both}
.transit-accessible-status{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.organization-transition .transit-skip{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);white-space:nowrap;display:inline-block;padding:12px 22px;border:1px solid #dbe9df;background:#f9faf6;color:#173a36;font:14px/1.6 "Yu Gothic",Meiryo,sans-serif;text-decoration:underline;text-underline-offset:4px;z-index:5}
.transit-skip:focus-visible{outline:3px solid #f9faf6;outline-offset:5px}
@keyframes transit-enter{from{opacity:0}to{opacity:1}}
@keyframes transit-nagaya{0%,5%{opacity:1;transform:scale(1)}28%{opacity:1}44%,100%{opacity:0;transform:scale(2.4)}}
@keyframes transit-lines{0%,23%{opacity:0}36%,65%{opacity:1}86%,100%{opacity:0}}
@keyframes transit-depth{0%,25%{transform:scale(.92)}72%,100%{transform:scale(1.7)}}
@keyframes transit-draw{0%,25%{stroke-dashoffset:1000}62%,100%{stroke-dashoffset:0}}
@keyframes transit-light{0%,38%{opacity:0;transform:scaleX(.2)}54%{opacity:.9;transform:scaleX(1)}75%{opacity:.7;transform:scaleX(170)}88%,100%{opacity:0;transform:scaleX(300)}}
@keyframes transit-arrival{0%,61%{opacity:0;transform:scale(1.12)}84%,100%{opacity:1;transform:scale(1)}}
@keyframes transit-caption-one{0%{opacity:0}7%,21%{opacity:1}31%,100%{opacity:0}}
@keyframes transit-caption-two{0%,30%{opacity:0}39%,59%{opacity:1}70%,100%{opacity:0}}
@keyframes transit-caption-three{0%,72%{opacity:0}86%,100%{opacity:1}}
@media(max-width:600px){.transit-nagaya{background-position:22% 60%}.transit-arrival{background-image:url('assets/organization-20261018/meeting-room-mobile-640.webp')}.organization-transit-scene>.transit-captions{bottom:27%}.organization-transition .transit-image-note{top:max(14px,env(safe-area-inset-top));right:14px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.organization-transition,.organization-transition *{animation:none!important}.transit-nagaya,.transit-lines{opacity:0}.transit-arrival{opacity:1}}