.hero-pin-spacer,.pin-spacer:has(.hero){background-color:#000}.hero{width:100%;height:100svh;min-height:560px;position:relative;margin-top:calc(-1 * var(--header-h, 0px));background:var(--hero-bg-desktop,url(../../../../themes/moki/imgs/home_section_1_bg.webp)) center / cover no-repeat;background-color:#0b1418;overflow:hidden}@media screen and (min-width:769px) and (max-width:1024px){.hero{background-image:var(--hero-bg-tablet,var(--hero-bg-desktop,url(../../../../themes/moki/imgs/home_section_1_bg.webp)))}}@media screen and (max-width:768px){.hero{background-image:var(--hero-bg-mobile,var(--hero-bg-desktop,url(../../../../themes/moki/imgs/home_section_1_bg.webp)))}}.hero-ceramic-coil{position:absolute;width:38%;top:100%;left:50%;transform:translate(-50%,-50%) perspective(1000px) rotateX(30deg);will-change:top,width;z-index:1}.hero-content{position:absolute;left:0;right:0;bottom:6%;top:auto;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;color:#fff;text-align:center;padding:0 20px;letter-spacing:.02em}.hero-content::before{content:'';position:absolute;inset:-2rem -2rem -1rem;z-index:-1;background:linear-gradient(180deg,transparent 0%,rgb(0 0 0 / .55) 45%,rgb(0 0 0 / .7) 80%,transparent 100%)}.hero-content-slogan{font-size:clamp(2rem, 5vw, 3.25rem);font-weight:900;margin-bottom:10px}.hero-content-subtitle{font-size:clamp(1rem, 2.5vw, 1.2rem);margin-bottom:2rem;opacity:.9}.hero-content-title{text-shadow:2px 2px 4px rgb(0 0 0 / .3);font-weight:100;font-size:1.5rem;letter-spacing:0}.section-2{padding:1rem 0;background-color:#000;color:#fff}.section-2 .section-2-title{font-size:clamp(1.5rem, 3.5vw, 2rem);font-weight:700;text-align:center;margin:2rem 0}.section-2 .section-2-title p{font-size:1.25rem;font-weight:300;margin-top:0;letter-spacing:.02em;color:#ccc}.section-2 .section-2-cards{max-width:1400px;margin:5rem auto;display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem}.section-2 .section-2-cards .card{flex:0 1 30%;background:linear-gradient(45deg,rgb(39 94 126 / .5),rgb(37 69 81 / .4));border-radius:1rem;padding:1rem 1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;box-shadow:-1px 2px 3px var(--moki-bg-2);transition:all 0.2s ease-in-out;cursor:pointer}.section-2 .section-2-cards .card:hover{box-shadow:-2px 3px 5px var(--moki-bg-2);transform:translateY(-2px)}.section-2 .section-2-cards .card .card-content .card-num{margin:.5rem 0}.section-2 .section-2-cards .card .card-content .card-num span{position:relative}.section-2 .section-2-cards .card .card-content .card-num span::after{position:absolute;content:'';width:100%;height:1.3rem;top:0;left:0;transform:translateY(-25%);background:var(--moki-blue);border-radius:2rem;padding:0 10px;opacity:.3}.section-2 .section-2-cards .card .card-content .card-num strong{position:relative;left:10px;margin-right:.5rem;font-size:clamp(1.25rem, 3vw, 1.75rem);font-weight:400;z-index:2}.section-2 .section-2-cards .card .card-content .card-num strong em{font-family:var(--font-montserrat);font-size:clamp(1.8rem, 4.5vw, 2.5rem);font-weight:900;font-style:normal}.section-2 .section-2-cards .card .card-content .icon{background:url(../../../../themes/moki/imgs/strength_icons.png) no-repeat;background-size:360%;display:inline-block;width:60px;height:60px}.section-2 .section-2-cards .card .card-content .icon-1{background-position:4% 0}.section-2 .section-2-cards .card .card-content .icon-2{background-position:52% 0}.section-2 .section-2-cards .card .card-content .icon-3{background-position:96% 0}.section-2 .section-2-cards .card .card-content .icon-4{background-position:1% 104%}.section-2 .section-2-cards .card .card-content .icon-5{background-position:52% 104%}.section-2 .section-2-cards .card .card-content .icon-6{background-position:96% 104%}.section-2 .section-2-cards .card .card-des{font-size:1rem}.section-2 .section-2-cards .card .card-item .item-title{background-color:var(--moki-blue);padding:5px 15px;border-radius:25px;word-break:keep-all;font-weight:400}.section-3{padding-bottom:1rem;position:relative}.section-3 .logo-bg{position:relative}.section-3 .logo-bg img{width:100%}.section-3 .logo-bg .logo-bg-title{font-size:clamp(1.5rem, 3.5vw, 2rem);font-weight:700;text-align:center;color:#fff;letter-spacing:.02em;margin-bottom:3rem}.section-3 .logo-bg .logo-bg-title p{font-size:1.25rem;font-weight:300;color:#ccc}.section-3 .logo-bg .logo-bg-title .logo-bg-title-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:1rem;background-color:var(--moki-blue);padding:2px 20px;border-radius:2rem;color:#000;font-weight:700;font-size:clamp(1.1rem, 3vw, 1.25rem)}.section-3 .logo-bg .logo-bg-title .logo-bg-title-btn .iconfont{font-size:1.1rem;margin-left:5px}.section-3 .logo-bg .logo-bg-title .logo-bg-title-btn a{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.section-3 .factory-cards{position:relative;display:flex;flex-wrap:wrap;gap:.5rem}.section-3 .factory-cards .card{position:relative;flex:0 1 calc(50% - 0.25rem);overflow:hidden;cursor:pointer}.section-3 .factory-cards .card .card-img{filter:brightness(.5);transition:filter 0.4s ease;border-radius:1rem;overflow:hidden}.section-3 .factory-cards .card.active .card-img{filter:brightness(.35)}.section-3 .factory-cards .card .card-img img{width:100%}.section-3 .factory-cards .card .card-txt{position:absolute;width:80%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;font-size:1.25rem;letter-spacing:.015em}.section-3 .factory-cards .card .card-txt strong{font-family:var(--font-montserrat);font-size:4rem;font-weight:900;letter-spacing:-2px;padding-right:.6rem}.section-3 .factory-cards .card .btn{position:absolute;bottom:2rem;right:2rem;background-color:#eee;font-size:2rem;line-height:1.75rem;width:2.5rem;height:2.5rem;text-align:center;border-radius:8px;cursor:pointer;color:#a1a1a1;display:none}.section-3 .factory-cards-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;cursor:pointer;z-index:10}.section-3 .factory-cards-overlay .overlay-inner{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:4px;opacity:0;transform:scale(0);transform-origin:0% 0%;transition:transform 0.5s cubic-bezier(.25,1,.5,1),opacity 0.35s ease;pointer-events:none}.section-3 .factory-cards-overlay.active .overlay-inner{opacity:1;transform:scale(1,1);pointer-events:auto}.section-3 .factory-cards-overlay .overlay-inner .card-img{width:100%;height:100%;border-radius:1rem;overflow:hidden}.section-3 .factory-cards-overlay .overlay-inner .card-img img{width:100%;height:100%;object-fit:cover}.section-3 .factory-cards-overlay .overlay-inner .card-txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;font-size:1.75rem;letter-spacing:.015em;white-space:nowrap;visibility:hidden}.section-3 .factory-cards-overlay .overlay-inner .card-txt strong{font-family:var(--font-montserrat);font-size:4rem;font-weight:700}.section-3 .factory-cards-overlay .overlay-inner .card-txt p{margin-top:.25rem;font-size:1rem}.section-3 .factory-cards-overlay .overlay-inner .card-desc{position:absolute;width:25%;min-width:10rem;height:auto;top:50%;right:2rem;transform:translateY(-50%);z-index:2;padding:1.5rem 2rem;color:#fff;font-size:1rem;line-height:1.6;letter-spacing:-.01em;text-align:left;border-radius:.9rem;background:linear-gradient(180deg,rgb(0 0 0 / .65) 0%,rgb(0 0 0 / .45) 100%)}.section-3 .factory-cards-overlay .overlay-inner .btn{position:absolute;bottom:2rem;right:2rem;background-color:#eee;font-size:2rem;line-height:1.75rem;width:2.5rem;height:2.5rem;text-align:center;border-radius:8px;cursor:pointer;color:#a1a1a1;pointer-events:auto;display:none}.section-4{height:100vh;position:relative;overflow:hidden;background-color:#000}.section-4 .factory-txt{position:relative;top:calc(15% + 0rem);color:#fff;text-align:center;margin:0;letter-spacing:.02em;z-index:1}.section-4 .factory-txt p{margin-top:1rem;font-weight:300}.section-4 .card-1,.section-4 .card-2,.section-4 .card-3{position:absolute;top:calc(50% + 5rem);left:50%;transform:translate(-50%,-50%);width:100%;padding:0}.section .content{display:flex;align-items:center;flex-wrap:nowrap;gap:3rem;padding:2.5rem 2rem 2.5rem 0;border-radius:1.25rem}.section .content .content-img{flex:0 1 60%}.section-4 .card-1 .content .content-img,.section-4 .card-3 .content .content-img{border-top-right-radius:1.25rem;border-bottom-right-radius:1.25rem;overflow:hidden;box-shadow:3px 0 8px #333}.section-4 .card-2 .content .content-img{border-top-left-radius:1.25rem;border-bottom-left-radius:1.25rem;overflow:hidden;box-shadow:-3px 0 8px #333}.section .content .content-img img{width:100%}.section .content .content-txt{flex:0 1 calc(40% - 3rem);color:#e8eef0;letter-spacing:.02em}.section .content .content-txt h3{color:var(--moki-accent)}.section .content .content-txt h3{margin:1.25rem auto}.section .content .content-txt p{line-height:1.75}.card-2.section .content{flex-direction:row-reverse;padding:2.5rem 0 2.5rem 2rem}.section-5{padding:1rem 0 5rem}.section-5 .container .section-7-title{text-align:center;color:#fff;letter-spacing:.02em}.section-5 .container .section-7-title p{margin:1rem auto;max-width:50rem}.section-5 .container .section-7-cards{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.75rem;margin-top:5rem}.section-5 .container .section-7-cards .card{flex:0 1 calc(33.33% - 1.75rem);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,rgb(63 131 158 / .25) 0%,rgb(123 187 189 / .35) 100%);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);padding:1.75rem 1.25rem 0 1.25rem;border-radius:1rem;overflow:hidden}.section-5 .container .section-7-cards .card .card-txt{color:#fff}.section-5 .container .section-7-cards .card .card-txt .card-title{color:var(--moki-accent);border:1px solid var(--moki-accent);border-radius:5px;padding:2px 8px;transition:all 0.3s ease-in-out}.section-5 .container .section-7-cards .card:hover .card-txt .card-title{box-shadow:-1px 1px 10px 0 var(--moki-accent)}.section-5 .container .section-7-cards .card .card-txt .card-des{color:#eee;margin:1rem 0 1.5rem 0;line-height:1.5}.section-5 .container .section-7-cards .card .card-img{border-radius:1rem 1rem 0 0;overflow:hidden;box-shadow:0 -3px 10px 0 var(--moki-accent);transition:all 0.3s ease-in-out}.section-5 .container .section-7-cards .card .card-img img{width:100%;display:block;transition:all 0.3s ease-in-out}.section-5 .container .section-7-cards .card:hover .card-img img{transform:scale(1.1)}.section-5 .container .section-7-cards .card:hover .card-img{box-shadow:0 -3px 3px 0 var(--moki-accent)}@media screen and (max-width:1200px){.section-2 .section-2-cards{gap:1.75rem}.section-4 .factory-txt{top:10%}.section-5 .container .section-7-cards{gap:1.25rem}}@media screen and (max-width:1024px){.section-2 .section-2-cards{margin:3rem auto}.section-4 .factory-txt{margin-top:2rem}.section-4 .section .content{gap:2rem;padding:3rem 1.5rem}.section-5 .container .section-7-cards .card{flex:0 1 calc(50% - 1rem)}}@media screen and (max-width:768px){.hero{height:auto;min-height:92svh}.hero-content{letter-spacing:.02em}.hero-content-subtitle{margin-bottom:2.5rem}.section-2{padding:3rem 0}.section-2 .section-2-cards{margin:2.5rem auto;gap:1.25rem}.section-2 .section-2-cards .card{flex:0 1 calc(50% - 1.25rem)}.section-3{padding-bottom:3rem}.section-3 .factory-cards{margin-top:3rem}.section-3 .factory-txt{margin:3rem 0}.section-3 .factory-cards .card .card-txt strong{font-size:2.5rem}.section-3 .factory-cards-overlay .overlay-inner .card-txt strong{font-size:2.5rem}.section-3 .factory-cards-overlay .overlay-inner .card-desc{width:min(100% - 2rem, 24rem);min-width:0;right:1rem;padding:1rem 1.25rem}.section-4{height:auto;min-height:auto}.section-4 .factory-txt{margin-top:1rem}.section-4 .section .content{flex-direction:column;gap:1.5rem;padding:2rem 1rem}.section-4 .card-1,.section-4 .card-2,.section-4 .card-3{position:relative;top:2rem;left:auto;transform:none}.section .content .content-img{flex:0 1 auto;width:100%}.section .content .content-txt{flex:0 1 auto;width:100%}.card-2.section .content{flex-direction:column;padding:2rem 1rem}.section-5{padding:3rem 0}.section-5 .container .section-7-cards{margin-top:2.5rem}.section-2 .section-2-cards .card .card-content .icon{width:50px;height:50px}}@media screen and (min-width:641px) and (max-width:768px){.section-2 .section-2-cards .card,.section-5 .container .section-7-cards .card{flex:0 1 100%}.section-2 .section-2-cards,.section-5 .container .section-7-cards{gap:1.25rem}}@media screen and (max-width:640px){.hero{min-height:85vh}.hero-ceramic-coil{top:90%}.hero-content{letter-spacing:.02em}.section-2{padding:2.5rem 0}.section-2 .section-2-cards{margin:2rem auto}.section-2 .section-2-cards .card{flex:0 1 100%}.section-3{padding-bottom:2.5rem}.section-3 .factory-cards{margin-top:2rem}.section-3 .factory-cards .card{flex:0 1 100%}.section-3 .factory-txt{margin:2rem 0}.section-3 .factory-cards .card .card-txt strong{font-size:2rem}.section-3 .factory-cards-overlay .overlay-inner .card-txt strong{font-size:2rem}.section-5{padding:2.5rem 0}.section-5 .container .section-7-cards .card{flex:0 1 100%}.section-5 .container .section-7-cards{margin-top:2rem;gap:1rem}}@media screen and (max-width:440px){.hero{min-height:96vh}.section-2{padding:2rem 0}.section-2 .section-2-cards{margin:1.5rem auto;gap:1rem}.section-3{padding-bottom:2rem}.section-3 .factory-cards{margin-top:1.5rem}.section-3 .factory-txt{margin:1.5rem 0}.section-3 .factory-cards-overlay{top:20%;height:60%}.section-3 .factory-cards-overlay .overlay-inner .card-desc{width:calc(100% - 2rem);min-width:unset;top:unset;left:1rem;bottom:2rem}.section-4 .section .content{padding:1.5rem .75rem;gap:1rem}.section-5{padding:2rem 0}.section-5 .container .section-7-cards{margin-top:1.5rem}}.home-banner{position:relative;width:100%;overflow:hidden;touch-action:pan-y;aspect-ratio:5 / 2;background-color:#e8eef1}.home-banner-track{display:flex;height:100%;margin:0;padding:0;list-style:none;transition:transform 0.6s ease;cursor:grab;user-select:none;-webkit-user-select:none}.home-banner-slide{position:relative;flex:0 0 100%;height:100%}.home-banner-slide img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.home-banner-btn{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background-color:rgb(0 0 0 / .25);color:#fff;font-size:20px;cursor:pointer;opacity:0;transform:translateY(-50%);transition:background-color 0.3s ease,opacity 0.3s ease}.home-banner:hover .home-banner-btn,.home-banner-btn:focus-visible{opacity:1}.home-banner-btn:hover{background-color:rgb(35 47 52 / .7)}@media (hover:none){.home-banner-btn{opacity:.75}}.home-banner-prev{left:24px}.home-banner-prev .iconfont{transform:rotate(180deg)}.home-banner-next{right:24px}.home-banner-dots{position:absolute;bottom:16px;left:50%;z-index:2;display:flex;gap:8px;transform:translateX(-50%)}.home-banner-dots .dot{position:relative;width:10px;height:10px;border-radius:50%;background-color:rgb(255 255 255 / .6);cursor:pointer;transition:background-color 0.3s ease,width 0.3s ease,border-radius 0.3s ease}.home-banner-dots .dot::after{content:'';position:absolute;inset:-17px;border-radius:50%}.home-banner-dots .dot.is-active{width:24px;border-radius:5px;background-color:#fff}@media screen and (max-width:768px){.home-banner{aspect-ratio:4 / 3}.home-banner-btn{font-size:18px}.home-banner-prev{left:12px}.home-banner-next{right:12px}.home-banner-dots{bottom:10px}}.section-6{padding:5rem 0}.section-6 .content-txt{margin-bottom:3rem}.post-grid{display:flex;flex-wrap:wrap;gap:1.75rem}.post-grid .blog-card{flex:0 1 calc(33.333% - 1.75rem);display:flex;flex-direction:column;background:linear-gradient(135deg,rgb(63 131 158 / .25) 0%,rgb(123 187 189 / .35) 100%);border-radius:1rem;overflow:hidden;text-decoration:none;transition:transform 0.3s ease,box-shadow 0.3s ease}.post-grid .blog-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgb(0 0 0 / .35)}.post-grid .blog-card .card-img{border-radius:1rem 1rem 0 0;overflow:hidden}.post-grid .blog-card .card-img img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.post-grid .blog-card .card-img .img-placeholder{display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;aspect-ratio:16 / 10}.post-grid .blog-card .card-body{padding:1.25rem 1.5rem 1.5rem;color:#fff}.post-grid .blog-card .category-tag{display:inline-block;background-color:var(--moki-blue);color:#000;font-size:.8rem;padding:2px 10px;border-radius:2rem}.post-grid .blog-card .card-title{margin:.75rem 0 .5rem;font-size:1.15rem;line-height:1.4;color:#fff;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-grid .blog-card .card-excerpt{color:#ccc;font-size:.95rem;line-height:1.6;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-grid .blog-card .card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;font-size:.85rem;color:#eee}.post-grid .blog-card .meta-read{color:var(--moki-accent)}@media screen and (max-width:1024px){.post-grid .blog-card{flex:0 1 calc(50% - 0.875rem)}}@media screen and (max-width:640px){.section-6{padding:2.5rem 0}.post-grid{gap:1rem}.post-grid .blog-card{flex:0 1 100%}.post-grid .blog-card .category-tag{font-size:.8rem}.post-grid .blog-card .card-title{font-size:1rem;line-height:1.45}.post-grid .blog-card .card-excerpt{font-size:.875rem}.post-grid .blog-card .card-meta{font-size:.8125rem}}