@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Zen+Kaku+Gothic+New:wght@400;900&display=swap);#intro .text-box span,body{font-family:'Zen Kaku Gothic New',sans-serif}#container,.section{overflow:hidden}.modal-overlay,.nav{top:0;position:fixed}html{scroll-behavior:smooth}body{color:#fff;background-color:#282D3C;margin:0;padding:0;font-size:1.2em}.nav{z-index:99;background-color:rgba(0,0,0,.5);width:100%;display:flex;justify-content:space-between}.menu-icon,.nav button{background-color:transparent}.nav button{border:0;margin:.5em}.nav .logo{width:3em;padding:18px 12px}.menu-icon{display:block;cursor:pointer;padding:10px;border:none}.bar{display:block;width:30px;height:3px;margin:6px 0;background-color:#fff;transition:all .3s ease}.middlebar{display:flex;width:100%;height:3px;justify-content:space-between;align-items:center}.middlebar .bar{width:10px}.menu-icon.open .middlebar>*{opacity:0}.menu-icon.open .bar:first-child{transform:rotate(45deg);transform-origin:2px 1px}.menu-icon.open .bar:last-child{transform:rotate(-45deg);transform-origin:1px 2px}.modal-overlay{left:0;right:0;bottom:0;background-color:#C1304C;color:#fff;display:flex;font-family:Bebas Neue;letter-spacing:10px;align-items:center;justify-content:center;z-index:10;visibility:hidden;opacity:0;transition:all .3s ease-in-out}#intro,.flag-sec{position:relative}.modal-overlay.show{padding:10%;visibility:visible;opacity:1}.modal-content>h1{font-size:1em;font-weight:400;margin:20px 0 0;border-top:1px solid;padding-top:10px}.modal-content .button{width:100%}.nav-list,.nav-social{list-style:none;padding:0;margin:0;align-items:flex-start}.nav-social{display:flex;justify-content:space-between}.nav-item{margin:1em 0}.nav-link{text-decoration:none;color:#fff;font-size:4.2em;transition:all .2s ease-in-out;width:0}.logo-footer{max-width:50%;display:block;margin:50px}.brand-text{font-family:'Bebas Neue',sans-serif;letter-spacing:.5em;font-weight:400;color:#fff}.great-title{background-color:#C1304C;text-align:center;font-size:40;padding:50px 0;margin:0;width:100%}.section{height:100vh;display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-size:cover;background-position:center;margin-bottom:-50px}.greater-sec{height:130vh}.section-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0 5%}.section-paragraph{font-size:1.1em;padding:0 5%;max-width:480px;font-weight:400;text-align:justify;margin:20px 0 0}.white-bg .section-content{color:#282D3C;background-color:#fff}.flag-sec{margin-top:-80px;padding:50px 0;height:50vh;flex-direction:column;transform:skewY(-5deg);z-index:2}.flag-sec .section-content{transform:skewY(5deg)}#intro{margin-bottom:0}#intro .gradient{background-image:linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 60%);position:absolute;left:0;right:0;width:100%;height:100vh;z-index:2}#intro .section-content{position:relative;height:100%;width:100%}#intro .text-box{font-size:1.6em;position:absolute;top:20%;z-index:5;display:flex;flex-direction:column;justify-items:center;align-items:center;opacity:0}#intro .text-box span{font-size:5em;font-weight:900}#intro .section-content .bg{position:absolute;object-fit:cover;bottom:0;z-index:1;min-height:100%;max-width:100%}#intro .section-content .overlay{position:absolute;max-height:80%;max-width:100%;transform-origin:100% 100%;bottom:0;right:0;z-index:2}#section-manifest{align-items:flex-start;overflow:visible;display:flex;flex-direction:column}#section-manifest .section-content{padding-top:80px;background-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.5)),url(../img/bg1.jpg);height:120%;background-size:cover;width:90%}#section-manifest .section-content h1,.image-bg,.loader{width:100%}#section-red{background:#C1304C;margin-bottom:-40px}#section-white{background-color:#fff;margin-bottom:-40px}.image-bg{height:300px;object-fit:cover}.akira{margin-top:-50px}.lee{transform:scaleX(-1);margin-bottom:-10px}#section-last{background:linear-gradient(to bottom,rgba(40,45,60,0) 0,rgba(40,45,60,100) 38%),url(../img/tang-suit2.jpg);background-size:cover;background-position:center 20%;background-repeat:no-repeat;align-items:flex-end}#section-last .section-content{padding-bottom:50px}#section-last .section-content .section-paragraph{display:block}.button{display:inline-block;margin:50px 0 0;padding:15px 30px;border:1px solid;font-size:1.5em;font-family:Bebas Neue;letter-spacing:5px;font-weight:700;text-align:center;color:#fff;background-color:#C1304C;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer;text-decoration:none;box-sizing:border-box}.button:hover{transform:translateY(-2px);box-shadow:0 5px 5px rgba(0,0,0,.2)}.button:active{transform:translateY(2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.loader{position:fixed;z-index:99;top:0;left:0;height:100%;background:#282D3C;display:flex;justify-content:center;align-items:center}.loader>img{width:100px}.loader.hidden{animation:fadeOut 1s;animation-fill-mode:forwards}@keyframes fadeOut{100%{opacity:0;visibility:hidden}}@keyframes fadeInText{0%{opacity:.1;top:0}100%{opacity:1;top:20%}}.fadeInTextClass{animation:fadeInText 2s;animation-fill-mode:forwards}@keyframes scaleUpBg{100%{transform:scale(1.2)}}.scaleUpBgClass{animation:scaleUpBg 2s;animation-fill-mode:forwards}@keyframes scaleDownOverlay{100%{transform:scale(.8)}}.scaleDownOverlayClass{animation:scaleDownOverlay 2s;animation-fill-mode:forwards}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}