*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}html::-webkit-scrollbar{display:none}html{width:100%;height:100%;overflow-x:hidden;scroll-behavior:smooth;overflow-anchor:none;scrollbar-width:none}body{height:100%}@font-face{font-family:FontMain;src:url(/assets/font-main-DBs_l0ea.otf) format("opentype");font-weight:400;font-style:normal}.font-main{font-family:FontMain,sans-serif}.bg{background-color:red}header{padding-top:25px;text-align:right;width:100%;position:sticky;height:60px;top:0;z-index:5000;background-color:#1a1c20}nav ul{list-style-type:none;display:flex;justify-content:right;margin-top:.5rem;padding:0}nav ul li{margin:0 4rem}nav ul li a{text-decoration:none;color:#fffcef;font-size:1.2rem;font-weight:500;position:relative;display:block;transition:color .3s ease}.nav-box{position:relative;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;perspective:1000px}.nav-text{position:absolute;cursor:pointer;transition:transform .4s ease,opacity .4s ease;opacity:1}.text-1{clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}.text-2{clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.nav-box:hover .text-1{transform:translateY(-3px)}.nav-box:hover .text-2{transform:translateY(3px)}@media screen and (max-width: 768px){.nav-box:hover .text-1,.nav-box:hover .text-2{transform:none}}@media screen and (max-width: 768px){nav ul li{margin:0 3rem}}#hero{height:100%}.hero{height:100vh;width:100%}.hero-title{padding-top:4%;padding-left:5%;font-size:9rem;line-height:.9}.hero-text{text-align:right;font-size:1.5rem;width:65%}.time{position:absolute;display:flex;flex-direction:row;align-items:center;left:25%}.time h2{font-size:6rem;color:#1a1c20;-webkit-text-stroke:2px #fffcef;padding-right:5px}.month{font-size:1rem}.creativity{margin-left:10%;height:400px;width:400px;font-size:1rem;border:solid 1.5px #fffcef;border-radius:50%;display:flex;justify-content:center;align-items:center;clip-path:polygon(0% 00%,50% 0%,100% 50%,100% 100%,50% 100%,00% 100%,00% 50%)}.creativity h2{opacity:.5;transition:opacity .5s;text-align:center;margin:0;color:#fffcef;text-align:left;letter-spacing:6px}.creativity h2:hover{opacity:1}.hero-p{font-size:1.2rem;position:absolute;padding-top:200px;text-align:left;padding-right:5%;padding-left:65%}.hero-showcase{position:absolute;top:25%;left:30%;width:1000px;height:600px;background-color:#1a1c20;text-align:center;line-height:100px;z-index:9999;border-radius:8px;overflow:hidden;opacity:0;pointer-events:none;transform:scale(.8);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.hero-showcase.fade-in{opacity:1;pointer-events:auto;transform:scale(1)}.hero-showcase.fade-out{opacity:0;pointer-events:none;transform:scale(.8)}.showcase-image{border:solid 2px #fffcef;border-radius:8px;width:100%;height:100%;object-fit:cover;animation:slideIn .7s ease-in-out}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.hero-showcase.fade-in{animation:zoomIn .7s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1200px){.hero-showcase{left:10%;width:80%;height:500px}.showcase-image{object-fit:cover}}@media (max-width: 768px){.hero-showcase{left:10%;width:80%;height:450px}.showcase-image{object-fit:cover}}@media (max-width: 480px){.hero-showcase{padding-top:5%;left:10%;width:80%;height:400px}.showcase-image{object-fit:cover}}@media screen and (max-width: 1024px){.hero{height:100%}.hero-title{margin-top:50px;font-size:5rem}.hero-text{width:70%}.time{position:absolute;display:flex;flex-direction:row;align-items:center;left:30%}.time h2{font-size:8rem}.month{font-size:2rem}.hero-p{position:relative;text-align:left;padding:20px 10% 10px 50%}}@media screen and (max-width: 786px){.hero{height:100%}.hero-title{margin-top:50px;font-size:5rem}.hero-text{width:95%}.time{position:absolute;display:flex;flex-direction:row;align-items:center;left:40%}.time h2{font-size:8rem}.month{font-size:2rem}.hero-p{text-align:right;padding:20px 10% 10px}}@media screen and (max-width: 440px){.creativity{height:300px;width:300px}}@media screen and (max-width: 425px){.hero{height:100%}.hero-title{margin-top:50px;font-size:4rem}.hero-text{width:100%;text-align:right;padding-right:10%}.time{position:absolute;display:flex;flex-direction:row;align-items:center;left:50%}.time{position:absolute;display:flex;flex-direction:row;align-items:center;left:45%}.time h2{font-size:8rem}.month{font-size:1rem}.creativity{height:300px;width:300px}.hero-p{text-align:center;font-size:1rem;position:relative;padding:20px 10%}}#work{width:100vw;height:100%}.work h1{font-size:8rem;text-align:center;padding-top:75px;line-height:.9;padding-bottom:30px}.work-grid{display:grid;grid-template-columns:2fr 4fr;padding-left:15%;padding-right:15%;padding-top:5%}.work-grid3{display:grid;grid-template-columns:2fr 4fr;padding-left:15%;padding-right:15%;padding-top:3%}.work-grid2{display:grid;grid-template-columns:4fr 2fr;padding-left:15%;padding-right:15%;padding-top:3%}.work-text{display:flex;justify-content:center;align-items:center;text-align:center;padding:20px;height:150px}.work-item{padding:20px;font-size:30px;text-align:right;height:150px;background-color:#444}@media screen and (max-width: 425px){.work h1{font-size:4rem}}@media screen and (max-width: 768px){.work-grid,.work-grid2,.work-grid3{grid-template-columns:1fr;grid-template-rows:auto auto}.work-text{order:1}.work-item{order:2;text-align:center}.work h1{font-size:3rem}.work-grid,.work-grid2,.work-grid3{padding-left:5%;padding-right:5%}}@media screen and (max-width: 1024px){#work{width:100vw;height:100%}}@media screen and (max-width: 1440px){#work{width:100vw;height:100%}}.preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#1a1c20;display:flex;justify-content:center;align-items:center;z-index:123456799;opacity:1;transition:opacity 1s ease-in-out}.preloader.fade-out{opacity:0}.sphere{width:60px;height:60px;background:linear-gradient(45deg,#ff416c,#ff4b2b,#4facfe,#00f2fe);background-size:300% 300%;border-radius:50%;animation:spin 1.5s linear infinite,gradient-shift 3s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.scroll-to-top{position:fixed;bottom:20px;right:20px;width:45px;height:45px;border-radius:50%;background:#1a1c20;box-shadow:0 4px 8px #0003;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease-in-out;z-index:200}.scroll-to-top:hover{transform:scale(1.1)}.progress-circle{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.arrow{position:absolute;font-size:18px;color:#c9ffa5;font-weight:700;pointer-events:none}@font-face{font-family:Monument;src:url(./font/Monument.otf) format("opentype");font-weight:400;font-style:normal}.contact{padding-top:100px;padding-bottom:50px;height:100%}.contact-text{padding-left:15%;padding-right:15%;font-size:80px;color:#fffcef;line-height:1}.contact-text a{text-decoration:none;color:#fffcef;font-size:130px;font-weight:700;position:relative;transition:.3s ease;line-height:1.5}.contact-text a:hover{color:#c9ffa5}.contact-text a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background-color:#c9ffa5;color:#c9ffa5;transition:width .5s ease}.contact-text a:hover:after{width:100%}@media screen and (max-width: 1024px){.contact{height:0%}.contact-text{font-size:60px}.contact-text a{font-size:80px}}@media screen and (max-width: 786px){.contact{height:0%}.contact-text{font-size:60px}.contact-text a{font-size:80px}}@media screen and (max-width: 440px){.contact-text{font-size:2rem}.contact-text a{font-size:3rem}}@media screen and (max-width: 425px){.contact{height:0%}.contact-text{font-size:30px}.contact-text a{font-size:50px}}.footer{height:150px;width:100vw;background-color:#fffcef;color:#1a1c20;display:flex;justify-content:space-between;align-items:center;padding-left:15%;padding-right:15%}.footer-links{display:flex;gap:20px}.footer-links a{text-decoration:none;color:#1a1c20;position:relative;transition:.3s ease;line-height:1.5}.footer-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background-color:#1a1c20;color:#1a1c20;transition:width .5s ease}.footer-links a:hover:after{width:100%}.footer-copyrights{color:#1a1c20}@media screen and (max-width: 768px){.footer{flex-direction:column;padding-left:5%;padding-right:5%;height:auto;text-align:center}.footer-links{justify-content:center;padding-top:20px}.footer-copyrights{padding-top:20px;padding-left:0}}@media screen and (max-width: 425px){.footer-links{flex-direction:column;gap:10px;padding-top:10px}.footer-copyrights{padding-top:20px;padding-bottom:20px}}body{margin:0;font-family:Arial,sans-serif;background-color:#1a1c20;color:#fffcef}.App{text-align:left}