:root{--font-mono:"Roboto Mono", monospace}*{box-sizing:border-box}@font-face{font-family:Song Myung;src:url(/fonts/SongMyung-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}html{-webkit-font-smoothing:antialiased;background:#ffd302;font-size:18px;line-height:32px}html,body{min-height:100%}body{flex-direction:column;min-height:100vh;margin:0;font-family:Song Myung,serif;font-size:20px;line-height:32px;display:flex}main{flex:1;width:100%;max-width:1660px;margin:0 auto;padding:0 24px}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;font-weight:400;line-height:70px}p{max-width:900px;margin:24px 0}a{color:currentColor}a:focus{opacity:.8;outline:none}a:active{opacity:.7;outline:none}svg{vertical-align:middle}.site-loader{z-index:9999;background:#ffd302;justify-content:center;align-items:center;animation:.3s .7s forwards loaderOut;display:flex;position:fixed;inset:0}.site-loader__logo{width:300px;height:auto}@keyframes loaderOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.route-loader{z-index:9998;background:#ffd302;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.route-loader__logo{width:220px;height:auto;animation:.3s forwards routeLoaderIn}@keyframes routeLoaderIn{0%{opacity:0}to{opacity:1}}.header{z-index:10;justify-content:space-between;align-items:flex-start;width:100%;max-width:1660px;margin:0 auto;padding:24px;display:flex;position:relative}.logo{opacity:0;width:150px;transition:opacity .4s,transform .4s cubic-bezier(.22,1,.36,1);display:block;transform:scale(.97)}.logo img{width:100%;height:auto}.header--visible .logo{opacity:1;transform:scale(1)}.navigation{gap:8px;font-size:34px;line-height:40px;display:flex}.navigation a{color:currentColor;opacity:0;text-decoration:none;display:inline-block;overflow:hidden;transform:translateY(-20px)}.navigation a span{display:inline-block}.header--visible .navigation a{animation:.4s cubic-bezier(.22,1,.36,1) forwards navDrop}.header--visible .navigation a:first-child{animation-delay:.1s}.header--visible .navigation a:nth-child(2){animation-delay:.18s}@keyframes navDrop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.navigation a:hover span{animation:.42s cubic-bezier(.22,1,.36,1) navHoverDrop}@keyframes navHoverDrop{0%{opacity:1;transform:translateY(0)}35%{opacity:0;transform:translateY(10px)}36%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.home{width:100%}.about{opacity:0;animation:.25s .1s forwards contentFadeIn}@keyframes contentFadeIn{0%{opacity:0}to{opacity:1}}.footer{flex-direction:column;align-items:flex-start;width:100%;max-width:1660px;margin:0 auto;padding:48px 24px 24px;display:flex}.footer a{color:currentColor;opacity:0;font-size:34px;line-height:42px;text-decoration:none;display:inline-block;overflow:hidden;transform:translate(-20px)}.footer a span{display:inline-block}.footer--visible a{animation:.4s cubic-bezier(.22,1,.36,1) forwards footerSlideIn}.footer--visible a:first-child{animation-delay:.22s}.footer--visible a:nth-child(2){animation-delay:.3s}.footer--visible a:nth-child(3){animation-delay:.38s}@keyframes footerSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.footer a:hover span{animation:.42s cubic-bezier(.22,1,.36,1) footerHoverSlide}@keyframes footerHoverSlide{0%{opacity:1;transform:translate(0)}35%{opacity:0;transform:translate(10px)}36%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){body{font-size:15px;line-height:24px}h1{margin:24px 0;font-size:42px;line-height:42px}p{margin:18px 0}.navigation{font-size:28px;line-height:34px}.footer a{font-size:28px;line-height:36px}}@media (max-width:768px){h1{font-size:38px;line-height:38px}.header{padding:20px 24px}.logo{width:110px}.logo img{width:110px;height:auto}.navigation{font-size:24px;line-height:30px}.site-loader__logo{width:180px}.route-loader__logo{width:140px}.footer a{font-size:24px;line-height:32px}}@media (max-width:400px){h1{font-size:32px;line-height:32px}.header,main,.footer{padding-left:24px;padding-right:24px}.navigation{font-size:22px;line-height:28px}}@media (prefers-reduced-motion:reduce){.site-loader,.route-loader__logo,.logo,.navigation a,.navigation a span,.footer a,.footer a span,.about{transition:none!important;animation:none!important}.site-loader{display:none}.header--visible .logo,.header--visible .navigation a,.footer--visible a,.about,.navigation a span,.footer a span{opacity:1;transform:none}}