.brand-opening{z-index:1000;color:#272c2b;background:#fff;place-items:center;animation:.15s 1.85s both opening-out;display:grid;position:fixed;inset:0}.opening-lockup{flex-direction:column;align-items:center;gap:30px;display:flex;transform:translateY(34px)}.opening-symbol{grid-template-rows:48px 40px;grid-template-columns:40px 48px;gap:8px;width:96px;height:96px;display:grid}.opening-symbol i{background-image:linear-gradient(#df5c35,#df5c35);background-position:bottom;background-repeat:no-repeat;background-size:100% 100%;background-origin:border-box;background-clip:border-box;border:2px solid #df5c35;animation:.2s 50ms both opening-outline,.3s cubic-bezier(.2,.7,.2,1) .1s both opening-fill;display:block}.opening-symbol i:nth-child(2){animation-delay:50ms,.4s}.opening-symbol i:last-child{grid-column:1/3;animation-delay:50ms,.7s}.opening-lockup h1{letter-spacing:-1.8px;font-family:Inter,Noto Sans JP,sans-serif;font-size:40px;font-weight:500;line-height:1.2;animation:.325s 1.05s both opening-word}.opening-close{right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));color:#6e7472;min-width:64px;min-height:44px;font-size:12px;position:absolute}@keyframes opening-outline{0%{opacity:0}to{opacity:1}}@keyframes opening-fill{0%{background-size:100% 0%}to{background-size:100% 100%}}@keyframes opening-word{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes opening-out{to{opacity:0;visibility:hidden}}.brand-opening.assemble{animation:.3s 2.7s both opening-out}.assemble .opening-symbol i{--entry-x:-35px;--entry-y:-30px;background:#df5c35;border:0;animation:.85s cubic-bezier(.2,.7,.2,1) .12s both opening-assemble}.assemble .opening-symbol i:nth-child(2){--entry-x:35px;--entry-y:-30px;animation-delay:.3s}.assemble .opening-symbol i:last-child{--entry-x:0px;--entry-y:30px;animation-delay:.48s}.assemble .opening-lockup h1{animation:.7s 1.15s both opening-word}@keyframes opening-assemble{0%{opacity:0;transform:translate(var(--entry-x),var(--entry-y)) scale(.88)}to{opacity:1;transform:translate(0)scale(1)}}.brand-opening.reduced,.brand-opening.reduced *,.brand-opening.reduced :after{animation:none;transform:none}