.menu-container[data-astro-cid-2j44jlrm]{transform-origin:100% 0;transform:translate(-200%) scaleY(2) rotate(90deg);transition:transform 2s}.menu-container[data-astro-cid-2j44jlrm].active{transform:scaleY(2)}.menu-container[data-astro-cid-2j44jlrm].active .menu-open[data-astro-cid-2j44jlrm]{transform:translate(50px,10px) scaleY(.5)}.menu-icon[data-astro-cid-2j44jlrm]{background-color:transparent;width:35px;height:30px;position:relative;cursor:pointer}.menu-icon[data-astro-cid-2j44jlrm] span[data-astro-cid-2j44jlrm]{display:block;height:2px;background-color:#fff;margin:4px 0;transition:all 1s ease-in-out;position:absolute;left:2px;right:2px}.menu-icon[data-astro-cid-2j44jlrm].active span[data-astro-cid-2j44jlrm]{background-color:#000}.menu-icon[data-astro-cid-2j44jlrm] span[data-astro-cid-2j44jlrm]:nth-child(1){top:0}.menu-icon[data-astro-cid-2j44jlrm] span[data-astro-cid-2j44jlrm]:nth-child(2){top:10px}.menu-icon[data-astro-cid-2j44jlrm] span[data-astro-cid-2j44jlrm]:nth-child(3){bottom:0}.menu-icon[data-astro-cid-2j44jlrm].active span[data-astro-cid-2j44jlrm]:nth-child(1){transform:rotate(45deg);top:10px}.menu-icon[data-astro-cid-2j44jlrm].active span[data-astro-cid-2j44jlrm]:nth-child(2){opacity:0}.menu-icon[data-astro-cid-2j44jlrm].active span[data-astro-cid-2j44jlrm]:nth-child(3){transform:rotate(-45deg);bottom:10px}nav[data-astro-cid-3ef6ksr2]{--line-color: white;--color-after: gold;--background-color: black;--x-line-duration: 1s;--y-line-duration: .25s;color:var(--line-color);background-color:var(--background-color);transition:all 1s ease}nav[data-astro-cid-3ef6ksr2].scrolled{--line-color: gold;--color-after: black;--background-color: transparent;background-color:#fff;padding-top:.5rem;padding-bottom:.5rem}.footer[data-astro-cid-sz7xmlte]:after{content:"";position:absolute;left:0;right:0;top:0;height:100%;background-color:#fff;transition:height 1s ease-in-out;z-index:10}.footer[data-astro-cid-sz7xmlte].open:after{height:0}main{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){main{scroll-behavior:auto!important}}:root{--scroll-y: 0px;--visibility-on-scroll: hidden;--nav-height: 0;overscroll-behavior:none;font-family:Montserrat,Noto Sans JP,system-ui,sans-serif}[id^=anchor-]{scroll-margin-top:var(--nav-height)}.visible-on-scroll{visibility:var(--visibility-on-scroll)}code{font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.animating-frame{--line-color: gold;--background-color: white;--x-line-duration: .25s;--y-line-duration: .25s;color:var(--line-color);overflow:hidden}.animating-frame img{transition:all .6s ease-in-out}.animating-frame:hover img{transform:scale(1.05);background-color:#000;opacity:.8}.animating-frame:before,.animating-frame:after{content:"";position:absolute;height:0;width:0;opacity:0;box-sizing:border-box;z-index:50}.animating-frame:before{top:5%;left:5%;border-top:2px solid var(--line-color);border-right:2px solid var(--line-color);transition:width var(--x-line-duration) linear calc(var(--x-line-duration) + var(--y-line-duration) * 2),height var(--y-line-duration) linear calc(var(--x-line-duration) + var(--y-line-duration)),opacity 0s calc(var(--x-line-duration) * 2 + var(--y-line-duration) * 2)}.animating-frame:after{bottom:5%;right:5%;border-bottom:2px solid var(--line-color);border-left:2px solid var(--line-color);transition:width var(--x-line-duration) linear var(--y-line-duration),height var(--y-line-duration) linear,opacity 0s calc(var(--x-line-duration) + var(--y-line-duration))}.animating-frame:hover:before,.animating-frame:hover:after{opacity:1;width:90%;height:90%}.animating-frame:hover:before{transition:width var(--x-line-duration) linear,height var(--y-line-duration) linear var(--x-line-duration)}.animating-frame:hover:after{transition:width var(--x-line-duration) linear calc(var(--x-line-duration) + var(--y-line-duration)),height var(--y-line-duration) linear calc(var(--x-line-duration) * 2 + var(--y-line-duration)),opacity 0s calc(var(--x-line-duration) + var(--y-line-duration))}[class^=slide-in]{position:relative;opacity:0;transition:all 1.2s cubic-bezier(0,0,.28,.88)}.letter-effect.open [class^=slide-in]{top:0;left:0;opacity:1;transform:skew(0)}.slide-in-top{top:-40px}.slide-in-bottom{top:40px}.slide-in-left{left:-60px;transform:skew(-5deg);transition:all .8s ease-out}.slide-in-right{left:60px;transform:skew(5deg);transition:all .8s ease-out}
