@keyframes fadeOut{to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body{overflow-x:hidden;transition:--aside-width 1.1s ease-in-out,grid-template-columns 1.1s cubic-bezier(.16,1,.3,1)}body .intro-bg{position:fixed;top:0;left:0;z-index:-1;display:flex;flex-direction:column;align-items:start;justify-content:end;width:100vw;height:100vh;padding:20px 30px;isolation:isolate;animation:fadeOut 1s ease forwards}@media(min-width:768px)and (max-resolution:191dpi),(min-width:768px)and (-webkit-min-device-pixel-ratio:2),(min-width:768px)and (min-resolution:192dpi){body .intro-bg{flex-direction:row;align-items:end;justify-content:space-between}}body .intro-bg:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;animation:fadeIn 1s ease forwards}body aside img{transition:width 1.1s cubic-bezier(.16,1,.3,1)}body main{transform:translate(0);transition:transform 1.1s cubic-bezier(.16,1,.3,1),background-color 1.1s ease-in-out 2s}body nav{transform:translate(0);transition:transform 1.1s cubic-bezier(.16,1,.3,1)}body .burger{display:inline-block;opacity:1}@media(min-width:768px)and (max-resolution:191dpi),(min-width:768px)and (-webkit-min-device-pixel-ratio:2),(min-width:768px)and (min-resolution:192dpi){body .burger{display:none}}body.intro{--aside-width: 70vw}body.intro .intro-bg{animation:none}body.intro aside img{transition:width 1.1s cubic-bezier(.16,1,.3,1)}body.intro aside img{display:block;width:var(--aside-width);height:auto;object-fit:contain}body.intro main{transform:translate(100%);background-color:#fff}body.intro nav{transform:translate(100%)}body.intro .burger{display:none;transition:opacity 1.5s ease-in-out;opacity:0}