*{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:fixed;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:8%;padding-left:5%;font-size:12rem;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:8rem;color:#1a1c2000;-webkit-text-stroke:2px #fffcef;padding-right:5px}.month{font-size:1.5rem;padding-left:5%}.hero-p{font-size:1.2rem;position:absolute;padding-top:200px;text-align:center;padding-left:20%;padding-right:20%}@media screen and (max-width: 1024px){.hero{height:auto;padding:4% 5%}.hero-title{margin-top:60px;font-size:5rem;padding-left:0;text-align:center}.hero-text{width:90%;font-size:1.3rem;text-align:center;margin:0 auto;padding:2%}.hero-p{position:relative;font-size:1.2rem;padding:20px 10%;text-align:center}.time{position:relative;justify-content:center;left:0;margin-top:20px}.time h2{font-size:6rem}.month{font-size:1.3rem}}@media screen and (max-width: 768px){.hero-title{font-size:5rem}.hero-text{width:100%;font-size:1.2rem;padding:5%}.hero-p{font-size:1rem;padding:0 5%}.time{position:relative;left:0;justify-content:center}.time h2{font-size:5rem}.month{font-size:1.1rem}}@media screen and (max-width: 425px){.hero-title{font-size:4.5rem}.hero-text{font-size:1rem;padding:5%}.hero-p{font-size:.9rem;padding:0 5%}.time h2{font-size:4rem}.month{font-size:1rem}}#work{width:100vw;height:100%}.work h1{font-size:8rem;text-align:center;padding-top:75px;line-height:.9;padding-bottom:30px}.work-grid,.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-position:center;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;align-items:center;justify-content:flex-end;position:relative;z-index:1}.work-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.item-bg-1{background-image:url(https://i.pinimg.com/1200x/36/b8/70/36b8708ac0dc0fe184b78fa0bd6c7775.jpg)}.item-bg-2{background-image:url(https://i.pinimg.com/1200x/67/03/7a/67037a67aa12457320f962ecde1a4a83.jpg)}.item-bg-3{background-image:url(https://i.pinimg.com/1200x/67/19/61/671961c63ca3c7e7da097d7b555c0598.jpg)}.item-bg-4{background-image:url(https://i.pinimg.com/1200x/00/a8/40/00a84085d18fe673745c73c41f45f45f.jpg)}@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;padding:10px}.work-item{order:2;text-align:center;justify-content: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:#acffed;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}.bg-3d-canvas,.bg-3d-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.bg-3d-wrapper canvas{width:100%;height:100%}.bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none}