:root{--blue:#103b82;--deep:#073888;--gold:#c6b331;--ink:#363a40;--muted:#858b94;--line:#e4dfbd;--serif:var(--sans);--sans:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',sans-serif} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);font-size:14px;line-height:1.9}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button{color:inherit}button:disabled{cursor:default}a,button,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--gold)}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:500}ul{list-style:none;margin:0;padding:0}[hidden]{display:none!important}.container{width:min(71.3%,1368px);margin-inline:auto}.wide{width:min(84%,1600px);margin-inline:auto}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:#fff;padding:10px 18px;color:var(--blue)}.skip-link:focus{top:12px} .site-header{height:100px;background:#fff;color:var(--blue);position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{width:225px;flex-shrink:0}.brand img{width:100%;height:auto}.main-nav{display:flex;align-items:stretch;height:100%;gap:36px}.nav-item{position:relative;display:flex;align-items:center}.nav-link{font-weight:400;font-size:18px;white-space:nowrap;height:100%;display:flex;align-items:center;border-bottom:3px solid transparent;padding-top:3px}.nav-link:hover,.nav-link[aria-current=page]{color:var(--gold);border-bottom-color:var(--gold)}.nav-dropdown{position:absolute;top:calc(100% - 1px);left:-20px;background:#fff;box-shadow:0 12px 30px #061b3e20;min-width:180px;padding:16px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:none}.nav-dropdown a{display:block;padding:8px 22px;white-space:nowrap}.nav-dropdown a:hover{color:var(--gold);background:#faf9f2}.header-tools{display:flex;gap:20px;align-items:center;white-space:nowrap}.icon-button{background:none;border:0;padding:5px;color:inherit;line-height:1}.icon-button svg{width:20px;height:20px;vertical-align:middle}.language{font-size:14px;border-left:1px solid #b7c3d3;padding-left:18px}.menu-toggle{display:none}.home-header{position:absolute;inset:0 0 auto;background:#ffffff1a;color:white;border-bottom:1px solid #ffffff20}.home-header .nav-dropdown{color:var(--blue)} .hero{height:clamp(360px,35.94vw,690px);position:relative;background-image:linear-gradient(180deg,#203d826b,#142a6880 68%,#071d5ab3),url('../images/image-001.webp');background-size:cover;background-position:center 39%;color:white;overflow:hidden}.hero .container{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:15px}.hero-en{font-size:clamp(16px,1.04vw,20px);opacity:.78;order:0;margin-bottom:5px}.hero h1{font-family:var(--serif);font-size:clamp(42px,4vw,77px);font-weight:400;line-height:1.4;letter-spacing:.06em}.hero-desc{font-size:max(var(--pc-min-font,0px),clamp(13px,1.04vw,20px));letter-spacing:.13em;max-width:920px;margin-top:22px;opacity:.8}.hero-dots{display:flex;gap:7px;position:absolute;bottom:26px;right:4.2%}.hero-dot{height:11px;width:11px;border:0;border-radius:50%;background:white;padding:0;opacity:.9}.hero-dot.active{background:var(--gold);width:22px;border-radius:9px}.hero-home{height:min(56.25vw,1080px);min-height:600px}.hero-home .container{padding-top:95px}.hero-home h1{font-size:clamp(42px,4vw,77px);line-height:1.28}.hero-home h1 span{color:var(--gold)}.hero-home .hero-en{font-size:max(var(--pc-min-font,0px),13px);border-bottom:1px solid #ffffff70;width:max-content;padding-bottom:12px;margin-bottom:26px;letter-spacing:.08em}.hero-actions{display:flex;gap:14px;margin-top:36px}.button{border:1px solid var(--line);color:var(--gold);background:transparent;padding:12px 34px;display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:44px;transition:background .2s,color .2s}.button:hover{background:var(--gold);color:#fff}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.light{color:#fff;border-color:#ffffffa0}.button.gold{background:var(--gold);color:#fff;border-color:var(--gold)}.breadcrumb{font-size:max(var(--pc-min-font,0px),12px);color:#8a8a8a;padding:64px 0 42px;letter-spacing:.1em}.breadcrumb a:hover{color:var(--gold)}.breadcrumb span{color:var(--gold)}.section{padding:84px 0}.section-title{text-align:center;margin-bottom:70px}.section-title h2{display:flex;align-items:center;justify-content:center;gap:42px;font:35px/1.5 var(--serif);color:#53534f}.section-title h2:before,.section-title h2:after{content:'';width:150px;height:1px;background:var(--gold)}.section-title h2:before{box-shadow:5px 0 0 var(--gold)}.section-title p{font-family:var(--serif);font-size:max(var(--pc-min-font,0px),13px);color:#aaa;letter-spacing:.07em}.section-title.compact{margin-bottom:44px}.section-title.compact h2{font-size:30px} .home-about{display:grid;grid-template-columns:38% 1fr;gap:70px;align-items:center}.home-about img{width:100%;max-height:620px;object-fit:cover}.prose{color:#666;line-height:2.2;letter-spacing:.04em}.prose p+p{margin-top:20px}.text-link{color:var(--gold);display:inline-block;border-bottom:1px solid var(--gold);margin-top:24px}.stats{background:#103c91;color:white;padding:88px 0}.stats .container{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stat+.stat{border-left:1px solid #ffffff40}.stat strong{display:block;font:clamp(38px,4.2vw,80px)/1.25 var(--serif);color:var(--gold);font-weight:400}.stat strong sup{font-size:.42em;vertical-align:top;position:relative;top:.2em}.stat p{font-size:15px;margin-top:20px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.product-card{box-shadow:0 0 9px #0005;border:1px solid #ddd;background:#fff;display:flex;flex-direction:column}.product-card>img{width:100%;aspect-ratio:1.48;object-fit:cover;background:#f1f1f1}.product-card .card-body{padding:18px 22px;flex:1}.card-kicker{color:#7d9ac6;font:max(var(--pc-min-font,0px),12px)/1.7 var(--serif);letter-spacing:.1em}.product-card h3{font:20px/1.8 var(--serif);margin:5px 0 12px}.product-card p{font-size:max(var(--pc-min-font,0px),13px);color:#777;line-height:1.9;min-height:50px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.tag{display:inline-block;color:#8d8034;background:#faf7e6;font-size:max(var(--pc-min-font,0px),11px);line-height:1.7;padding:1px 8px}.card-link{width:100%;border:0;background:white;border-top:1px solid #e4e4e4;color:#5674a5;text-align:right;padding:10px 20px;font-size:max(var(--pc-min-font,0px),12px)}.card-link:hover{background:#f7f9fd;color:var(--blue)}.center-action{display:flex;justify-content:center;margin-top:64px}.home-modules{background:linear-gradient(#fffd,#fffd),url('../images/image-001.webp') center/cover;padding:85px 0 110px}.module-icons{display:grid;grid-template-columns:repeat(7,1fr)}.module-icon{padding:20px 12px;border-left:1px solid var(--line);text-align:center}.module-icon:last-child{border-right:1px solid var(--line)}.module-icon svg{height:62px;width:62px;stroke:#17499c;fill:none;stroke-width:1.8;margin-bottom:25px}.module-icon p{line-height:1.65;font-size:16px;letter-spacing:.12em}.case-mosaic{display:grid;grid-template-columns:repeat(3,1fr)}.case-mosaic a{position:relative;overflow:hidden}.case-mosaic img{width:100%;aspect-ratio:1.75;object-fit:cover;transition:transform .45s}.case-mosaic a:hover img{transform:scale(1.04)}.case-mosaic p{position:absolute;bottom:0;inset-inline:0;background:#bcab3caf;color:#fff;padding:12px 22px;font-size:14px}.home-news{display:grid;grid-template-columns:1.4fr 1fr;gap:50px}.home-news-list a{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--line);align-items:center}.home-news-list time{font-family:var(--serif);color:#758eb9;font-size:25px;line-height:1.2}.home-news-list time small{font:max(var(--pc-min-font,0px),12px) var(--sans);color:#aaa;display:block;margin-top:5px}.home-news-list h3{font-size:14px}.home-news-list p{font-size:max(var(--pc-min-font,0px),12px);color:#999}.home-news-feature{align-self:start} .inquiry{background:linear-gradient(#083a93e3,#093a92e3),url('../images/image-004.webp') center 48%/cover;color:#fff;padding:128px 0 116px;text-align:center}.inquiry h2{font:clamp(24px,2.55vw,49px)/1.6 var(--serif);letter-spacing:.03em}.inquiry p{font-size:max(var(--pc-min-font,0px),13px);opacity:.8;margin:5px 0 66px}.inquiry-form{display:flex;width:min(100%,1000px);margin:auto;background:#07337daa;padding:12px;gap:6px}.inquiry-form input,.inquiry-form select{width:0;flex:1;min-height:50px;border:0;background:transparent;color:white;padding:10px 16px;font-size:max(var(--pc-min-font,0px),13px);border-bottom:1px solid #ffffff30;border-radius:0}.inquiry-form input::placeholder{color:#ffffff80}.inquiry-form select{background:#fff;color:#777;max-width:170px}.inquiry-form button{border:0;background:var(--gold);color:#173b66;padding:10px 26px;white-space:nowrap}.form-status{min-height:24px;font-size:max(var(--pc-min-font,0px),13px);margin-top:18px}.site-footer{background:#0e0e12;color:#a6a6a7;padding:90px 0 0;font-size:max(var(--pc-min-font,0px),12px)}.footer-main{display:grid;grid-template-columns:32% 1fr;gap:6%;padding-bottom:95px}.footer-contact{border-right:1px solid #6c622b;padding-right:40px}.footer-logo{width:210px;margin-bottom:35px}.footer-contact p{line-height:2.2}.footer-contact .accent{color:#b9a538}.footer-phone{display:block;font:26px/1.8 var(--serif);letter-spacing:1px;margin:12px 0 18px;color:#ccc}.qr-row{display:flex;align-items:center;gap:14px}.qr-row img{width:100px;height:100px}.footer-links{display:grid;grid-template-columns:1.3fr 1.5fr repeat(4,.7fr);gap:20px}.footer-links h3{color:#b9a538;font-size:max(var(--pc-min-font,0px),12px);margin-bottom:16px}.footer-links a{display:block;font-size:max(var(--pc-min-font,0px),11px);line-height:2.25;color:#aaa}.footer-links a:hover{color:#e1ce63}.footer-bottom{border-top:1px solid #4a4421;padding:17px 0;font-size:max(var(--pc-min-font,0px),10px)}.footer-bottom .wide{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.back-top{position:fixed;bottom:25px;right:25px;z-index:15;background:var(--blue);color:#fff;border:1px solid #ffffff70;border-radius:0;width:44px;height:44px;box-shadow:0 3px 12px #0002}.back-top svg{width:18px;height:18px} .detail-layout{display:grid;grid-template-columns:2.4fr 1fr;gap:100px;padding-bottom:110px}.detail-layout h2{font:35px/1.5 var(--serif);letter-spacing:.08em;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:36px}.detail-layout .prose{font-size:15px}.detail-layout .prose h3{font-size:17px;margin:25px 0 10px;color:#444}.related h3{background:var(--blue);color:var(--gold);font:30px/1.4 var(--serif);text-align:center;padding:16px}.related a{display:block;margin-top:14px}.related img{width:100%;aspect-ratio:1.45;object-fit:cover}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}.detail-gallery img{width:100%;height:220px;object-fit:cover}.filter-bar{display:flex;gap:16px;flex-wrap:wrap;margin:30px 0 40px}.pill{border:1px solid #dedac9;background:#fff;color:#777;padding:6px 24px;line-height:1.6;border-radius:22px;font-size:max(var(--pc-min-font,0px),13px)}.pill.active{background:var(--blue);color:#fff;border-color:var(--blue)}.pill.gold.active{background:var(--gold);border-color:var(--gold)}.case-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:10px 0 36px}.case-stat{border:1px solid var(--line);text-align:center;padding:22px}.case-stat strong{font:34px var(--serif);color:#7187b5}.case-stat span{display:block;color:#888;font-size:max(var(--pc-min-font,0px),12px);margin-top:8px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 38px}.case-card{border:1px solid #ccc;box-shadow:0 3px 8px #0003}.case-card img{width:100%;aspect-ratio:1.65;object-fit:cover}.case-card-body{padding:20px}.case-card h3{font-size:16px;line-height:1.7;margin:10px 0}.case-card p{font-size:max(var(--pc-min-font,0px),12px);color:#888}.case-card .text-link{font-size:max(var(--pc-min-font,0px),12px);color:#7187b5;border:0;margin:18px 0 0}.article{max-width:1100px;margin-inline:auto;padding-bottom:110px}.article-header{text-align:center;border-bottom:1px solid #c9c9c9;padding-bottom:20px;margin-bottom:50px}.article-header h2{font:36px/1.8 var(--serif);letter-spacing:.1em}.article-header p{font-size:max(var(--pc-min-font,0px),12px);color:#999;margin:12px 0}.article-body{max-width:800px;margin:auto;line-height:2.15;color:#666;font-size:15px}.article-body h3{font-size:16px;margin:30px 0 15px}.article-body p{margin:20px 0}.article-body>img{max-width:700px;width:100%;margin:24px auto}.article-body .image-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.image-pair img{height:220px;width:100%;object-fit:cover}.article-navigation{display:flex;justify-content:space-between;border-block:1px solid #ccc;padding:18px 0;margin:75px 0 25px;font-size:max(var(--pc-min-font,0px),12px)}.comment-note{color:#999;font-size:max(var(--pc-min-font,0px),12px);padding-top:18px}.comment-note form{display:flex;gap:12px;margin-top:20px}.comment-note input{flex:1;width:0;border:1px solid #ddd;padding:10px}.comment-note button{border:0;background:var(--blue);color:white;padding:10px 20px}.comment-list li{border-bottom:1px solid #eee;padding:15px 0;color:#666}.news-tabs{display:flex;gap:32px;border-bottom:1px solid #aaa;margin:18px 0 55px}.news-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;font-size:22px;padding:10px 0;color:#888}.news-tabs button.active{color:#555;border-color:var(--gold)}.news-row{display:grid;grid-template-columns:250px 1fr 110px;gap:30px;padding:32px 0;border-top:1px solid #bdbdbd;align-items:start}.news-row img{width:100%;aspect-ratio:1.45;object-fit:cover}.news-row h2{font-size:18px;margin:4px 0 14px}.news-row p{color:#999;font-size:max(var(--pc-min-font,0px),13px)}.news-row time{font-size:max(var(--pc-min-font,0px),13px);color:#aaa;text-align:right}.news-row .tag{margin-top:35px;background:var(--gold);color:white;border-radius:12px}.pagination{display:flex;justify-content:center;gap:8px;margin:45px 0 80px}.pagination button{border:1px solid #ddd;background:white;min-width:36px;min-height:36px;color:#888}.pagination button.active{background:var(--gold);color:white;border-color:var(--gold)}.pagination button:disabled{opacity:.45}.empty-results{text-align:center;color:#888;padding:60px 10px} .service-steps{display:flex;justify-content:space-between;position:relative;margin:110px auto 75px;max-width:1360px}.service-steps:before{content:'';position:absolute;left:20px;right:20px;top:44px;border-top:2px dashed #ccc}.service-step{position:relative;text-align:center;background:white;padding:0 18px}.service-step span{display:flex;align-items:center;justify-content:center;border:2px solid #819bcd;border-radius:100%;height:90px;width:90px;background:white;font:30px var(--serif);color:#819bcd}.service-step:nth-child(2) span{border-color:var(--gold);color:var(--gold)}.service-step:nth-child(3) span{border-color:#b6c5bb;color:#b6c5bb}.service-step:nth-child(4) span{border-color:#d5b7b7;color:#d5b7b7}.service-step:nth-child(5) span{border-color:#b5c4df;color:#b5c4df}.service-step p{margin-top:20px;color:#777}.service-intro{text-align:center;padding-bottom:42px}.service-intro h2{font:35px var(--serif);margin-bottom:26px}.service-intro p{letter-spacing:.14em;color:#888}.team-banner{width:100%;aspect-ratio:3.83;object-fit:cover}.service-section{padding:65px 0 40px;text-align:center}.service-heading{position:relative;display:inline-flex;align-items:end;gap:4px;font:35px var(--serif);margin-bottom:22px}.service-heading span{font:100px/1 var(--serif);color:#4563a6;letter-spacing:-.1em}.service-section .prose{text-align:left;margin:0 auto 36px;max-width:1370px;font-size:16px;line-height:2.15}.service-gallery{display:flex;justify-content:center;gap:6%;flex-wrap:wrap}.service-gallery figure{margin:0}.service-gallery img{width:100%;object-fit:cover}.service-gallery figcaption{font:18px/2.2 var(--serif);color:#777;letter-spacing:.15em}.service-gallery.design figure{width:29.3%}.service-gallery.design img{aspect-ratio:2/3;border-radius:8px}.service-gallery.production{gap:22px;align-items:end}.service-gallery.production figure{width:18.5%}.service-gallery.production img{aspect-ratio:1.5}.service-gallery.install figure{width:36%}.service-gallery.install img{aspect-ratio:1.6}.service-section.blue{background:var(--blue);color:#fff}.service-section.blue .prose,.service-section.blue figcaption{color:#c1cce1}.service-section.blue .service-heading span{color:#d6dcec}.service-large{width:100%;max-width:1370px;margin:auto;max-height:650px;object-fit:cover}.chevrons{display:block;font-size:35px;line-height:.55;color:var(--gold);margin:40px 0 8px}.service-section:last-child{padding-bottom:110px} .about-tabs{display:flex;justify-content:center;gap:12px;margin:0 0 70px;flex-wrap:wrap}.about-copy{padding:10px 0 80px;font-size:15px}.about-copy h2{color:var(--gold);font-size:18px;margin-bottom:25px}.about-factory{width:100%;max-height:850px;object-fit:cover}.base-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:70px 0 100px}.base-grid img{width:100%;height:300px;object-fit:cover}.base-grid figcaption{font-size:14px;margin-top:10px}.base-grid figure{margin:0}.company-principle{text-align:center;padding:0 0 70px}.company-principle h2{font:40px var(--serif);color:var(--gold);margin-bottom:24px}.company-principle p{font:18px/2.4 var(--serif)}.culture-stage{background:url('../images/image-053.webp') center/cover;padding:80px 0 350px}.culture-cards{display:flex;min-height:430px;gap:2px}.culture-card{border:0;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(#fffffff0,#e4e9f0f0);padding:24px 16px;color:#555;text-align:left;transition:flex .35s}.culture-card.active{flex:2.5;background:linear-gradient(#123c7750,#0b225d80),url('../images/image-054.webp') center/cover;color:white}.culture-card>span{font:28px var(--serif)}.culture-card h3{font:24px/1.5 var(--serif)}.culture-card p{font-size:15px;line-height:1.8;display:none;margin-top:12px}.culture-card.active p{display:block}.team-profile{background:#f0f5f8 url('../images/image-056.webp') center/cover;padding:40px 0 0}.team-profile-inner{display:grid;grid-template-columns:44% 1fr;gap:70px;align-items:center;min-height:520px}.team-person{height:500px;width:100%;object-fit:contain;object-position:bottom}.team-info h2{font:36px var(--serif);letter-spacing:.1em}.team-info .roman{font-family:var(--serif);letter-spacing:.15em;margin:5px 0 25px}.team-info h3{font-size:25px}.team-info .prose{font-size:16px;margin-top:40px}.team-thumbnails{display:flex;gap:14px;justify-content:center;padding:20px 0;background:#e9ecee;border-bottom:18px solid var(--gold)}.team-thumbnails button{border:2px solid transparent;background:white;padding:0;width:130px}.team-thumbnails button.active{border-color:var(--gold)}.team-thumbnails img{height:160px;width:100%;object-fit:contain;object-position:bottom}.qualifications{display:grid;grid-template-columns:230px 1fr;min-height:750px;border-top:1px solid var(--line);margin-bottom:100px}.qualification-tabs{border-right:1px solid var(--line)}.qualification-tabs button{border:0;background:#eee;width:100%;padding:16px 10px;border-bottom:2px solid white;text-align:center;letter-spacing:.12em;font-size:17px}.qualification-tabs button.active{background:var(--gold);color:#fff}.qualification-display{padding:50px}.qualification-display button{display:block;border:1px solid var(--gold);padding:15px;background:white;max-width:450px}.qualification-display p{color:var(--gold);margin-top:16px;text-align:center}.recruit-banner{background:#081132 url('../images/image-061.webp') center/cover;min-height:400px;display:flex;align-items:center;padding:60px 12%;color:#fff}.recruit-banner h2{font:64px var(--serif);letter-spacing:.25em}.recruit-tabs{display:flex;justify-content:center;gap:120px;padding:35px 0}.recruit-tabs button{border:0;background:white;font:30px var(--serif);padding:16px;color:#555}.recruit-tabs button.active{color:var(--gold)}.job-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:15px 0}.job-filters strong{font-weight:400;margin-right:12px}.job-filters button{border:0;background:white;padding:4px 8px;font-size:max(var(--pc-min-font,0px),13px)}.job-filters button.active{color:var(--gold)}.job-search{display:flex;width:600px;max-width:100%;margin:30px 0}.job-search input{border:1px solid #ddd;width:0;flex:1;padding:10px 16px}.job-search button{border:0;background:var(--blue);color:white;padding:10px 35px}.job-table{width:100%;border-collapse:collapse;margin-bottom:100px}.job-table th{background:#f4f4ef;font-weight:400;border-top:2px solid var(--gold);font-size:16px}.job-table th,.job-table td{padding:22px 18px;text-align:center;border-bottom:1px solid #ddd}.job-table button{border:0;background:none}.job-table button:hover{color:var(--gold)} .module-section{background:var(--blue);padding:85px 0;color:#fff}.module-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:35px}.module-left h2{font:32px var(--serif);color:#b9cadf;margin-bottom:20px}.module-left>p{font-size:max(var(--pc-min-font,0px),13px);color:#9fb3d7;margin-bottom:32px}.module-tabs{display:grid;gap:12px}.module-tabs button{border:1px solid #ddd;border-radius:5px;background:white;padding:20px;text-align:left;display:flex;gap:20px;color:#777;align-items:center}.module-tabs button.active{border-color:var(--gold);box-shadow:inset 5px 0 var(--gold)}.module-tabs button>span{color:#9eafce;font:24px var(--serif)}.module-tabs strong{font-size:15px;font-weight:400}.module-tabs small{display:block;font-size:max(var(--pc-min-font,0px),10px);color:#aaa;line-height:1.6;margin-top:4px}.module-panel{background:#fff;border-radius:6px;color:#555;padding:30px;display:flex;flex-direction:column}.module-number{color:#aaa;font-size:max(var(--pc-min-font,0px),12px)}.module-panel h3{font-size:23px;margin:12px 0 20px}.module-panel p{font-size:14px;line-height:2}.module-panel ul{font-size:max(var(--pc-min-font,0px),13px);margin:25px 0;line-height:2.2}.module-panel li:before{content:'·';margin-right:10px;color:var(--gold)}.module-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#0b1027;padding:16px;margin-top:auto}.metric{background:#13253e;color:#abb8ce;border:1px solid #314258;padding:16px;font-size:max(var(--pc-min-font,0px),12px)}.metric b{display:block;font-size:20px;font-weight:400;color:#d1dced}.module-panel .text-link{margin-left:auto;font-size:max(var(--pc-min-font,0px),13px)}.demo-section{padding:130px 0}.demo-heading{text-align:center;font:40px var(--serif);margin-bottom:20px}.demo-en{color:var(--gold);font:clamp(30px,3.4vw,65px) var(--serif);letter-spacing:.14em;text-align:center;margin-bottom:40px}.dashboard{background:#080e23;color:#aebcd4;border:3px solid #34477b;border-radius:24px;box-shadow:0 6px 12px #15245470;padding:26px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dashboard-stats .metric{background:#090f18}.dashboard-stats .metric b{font-size:30px}.dashboard-main{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;margin-top:25px}.bridge-scene{background:radial-gradient(at top,#293d65,#131f42);min-height:430px;position:relative;perspective:500px;overflow:hidden;display:flex;align-items:center;justify-content:center}.conveyor{width:85%;height:110px;background:linear-gradient(#648ec7,#32659e);box-shadow:0 18px 0 #132640,0 35px 30px #0008;transform:rotateX(20deg) rotateY(-12deg);position:relative;border:1px solid #678ec0}.conveyor:before{content:'';position:absolute;inset:60% 0 0;background:repeating-linear-gradient(90deg,#081326 0 8px,#34455e 8px 20px);animation:belt 6s linear infinite}.sensor{position:absolute;border:2px solid #d3be3c;background:#ecd956;color:#152341;border-radius:50%;height:25px;width:25px;padding:0;line-height:1;font-size:max(var(--pc-min-font,0px),11px);box-shadow:0 0 18px #e7d84580}.sensor.active{outline:7px solid #e9d54320}.sensor.alert{background:#e34643;color:white;border-color:#ef7e6f;box-shadow:0 0 18px #e3464380}.sensor:nth-of-type(1){left:12%;top:56%}.sensor:nth-of-type(2){left:35%;top:66%}.sensor:nth-of-type(3){left:48%;top:29%}.sensor:nth-of-type(4){left:70%;top:70%}.sensor:nth-of-type(5){left:87%;top:59%}.sensor-label{position:absolute;bottom:20px;left:20px;font-size:max(var(--pc-min-font,0px),12px);color:#c2cbe0}.sensor-detail{padding:22px;border:1px solid #3e4268;background:#101d36;display:flex;flex-direction:column}.sensor-detail h3{font-size:18px;margin-bottom:15px}.status-ok{font-size:max(var(--pc-min-font,0px),11px);color:#8cd56f;border:1px solid #598a45;padding:2px 8px;float:right}.sensor-detail .module-metrics{background:transparent;padding:0;margin:20px 0}.sensor-detail .log-line{font-size:max(var(--pc-min-font,0px),12px);line-height:1.9;color:#9daacc;margin:12px 0}.demo-actions{display:flex;gap:12px;margin-top:auto}.demo-actions button{flex:1;background:var(--gold);border:0;color:#18324f;padding:10px}.demo-actions button+button{background:#163056;color:#c2cce0;border:1px solid #465a78}.history-chart{margin-top:25px;background:#0b172e;padding:20px;border:1px solid #33436b}.history-chart svg{height:150px;width:100%;display:block}.timeline{display:flex;justify-content:space-between;gap:10px;font-size:max(var(--pc-min-font,0px),10px);color:#7285a4;margin-top:12px}.demo-notice{font-size:max(var(--pc-min-font,0px),12px);color:#8e98ad;text-align:right;margin-top:14px}.search-dialog, .media-dialog{border:0;max-width:900px;width:90%;padding:45px;color:var(--ink);box-shadow:0 20px 90px #0006}.search-dialog::backdrop,.media-dialog::backdrop{background:#06172c9e}.dialog-close{position:absolute;top:10px;right:12px;border:0;background:none;font-size:28px;padding:0 10px}.search-dialog h2,.media-dialog h2{font:30px var(--serif);margin-bottom:24px}.search-dialog input{border:1px solid #ccc;width:100%;padding:14px}.search-results{max-height:50vh;overflow:auto;padding-top:20px}.search-results a{display:block;padding:10px 0;border-bottom:1px solid #eee;color:var(--blue)}.media-dialog img{max-height:65vh;margin:0 auto 24px;object-fit:contain}.media-dialog p{margin:15px 0;color:#777}.toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:#fff;color:var(--blue);box-shadow:0 5px 30px #001b5260;border-left:4px solid var(--gold);padding:18px 30px;max-width:90%;z-index:60}.project-page-section{padding-bottom:110px} .hero:not(.hero-home){background-size:cover,100% 115%;background-position:center,center top} .module-layout>*{min-width:0}.module-tabs{max-width:100%}.dashboard-main>*{min-width:0} .service-gallery.production{column-gap:1%}.service-large{height:clamp(220px,34.3vw,657px);object-fit:fill} @keyframes belt{to{background-position:100px 0}} @media(min-width:1921px){.hero-home{height:1080px}}@media(max-width:1550px){.site-header{height:82px}.brand{width:185px}.main-nav{gap:25px}.nav-link{font-size:15px}.header-inner{gap:25px}.header-tools{gap:14px}.section{padding:65px 0}.section-title{margin-bottom:50px}.section-title h2{font-size:30px}.section-title h2:before,.section-title h2:after{width:110px}.home-about{gap:45px}.home-about .prose{font-size:max(var(--pc-min-font,0px),12px)}.product-grid{gap:28px}.product-card h3{font-size:17px}.footer-main{gap:4%;grid-template-columns:28% 1fr}.footer-links{gap:15px}.footer-contact{padding-right:25px}.news-row{grid-template-columns:200px 1fr 100px}.module-tabs button{padding:15px}.module-left h2{font-size:26px}.module-panel h3{font-size:20px}.module-panel{padding:25px}.service-section .prose{font-size:14px}} @media(max-width:1100px){.container{width:84%}.wide{width:90%}.main-nav{gap:16px}.nav-link{font-size:max(var(--pc-min-font,0px),13px)}.brand{width:150px}.header-inner{gap:14px}.header-tools{gap:8px}.language{padding-left:10px;font-size:max(var(--pc-min-font,0px),12px)}.home-about{grid-template-columns:35% 1fr;gap:30px}.section-title h2{gap:25px}.section-title h2:before,.section-title h2:after{width:90px}.footer-main{grid-template-columns:1fr;gap:50px}.footer-contact{border-right:0;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:start}.footer-logo{grid-column:1/-1}.footer-phone{margin:0}.qr-row{grid-column:2;grid-row:2/5}.footer-links{grid-template-columns:1.2fr 1.5fr repeat(4,.8fr)}.detail-layout{gap:45px;grid-template-columns:2.4fr 1fr}.dashboard{padding:18px}.dashboard-main{gap:15px}.metric{padding:12px}.module-layout{gap:22px}.recruit-banner{min-height:300px}.qualifications{grid-template-columns:180px 1fr}.team-profile-inner{gap:35px}.culture-card h3{font-size:20px}.case-grid{gap:30px}.case-card h3{font-size:14px}.news-row{grid-template-columns:160px 1fr 90px}.inquiry{padding:90px 0 75px}} @media(max-width:800px){html{scroll-padding-top:74px}.container,.wide{width:90%}body{font-size:14px}.site-header{height:74px}.brand{width:165px}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;color:var(--blue);height:auto;padding:16px 5% 28px;box-shadow:0 20px 30px #06204530;max-height:calc(100dvh - 74px);overflow:auto}.main-nav.open{display:block}.nav-item{display:block;border-bottom:1px solid #eee}.nav-link{font-size:16px;padding:14px 0;height:auto;display:block}.nav-dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 12px;display:flex;flex-wrap:wrap;gap:3px 16px}.nav-dropdown a{font-size:max(var(--pc-min-font,0px),13px);padding:5px 0;color:#7e8ea4}.menu-toggle{display:block}.language{display:none}.header-tools{gap:15px}.hero{height:360px;background-position:53% center}.hero .container{padding:10px 12px 0}.hero h1{font-size:43px;letter-spacing:.04em}.hero-en{font-size:14px}.hero-desc{font-size:max(var(--pc-min-font,0px),13px);letter-spacing:.05em;line-height:1.9;margin-top:18px;max-width:90%}.hero-home{height:650px;min-height:0;background-position:47% center}.hero-home .container{padding-top:70px}.hero-home h1{font-size:43px;line-height:1.45}.hero-home .hero-en{font-size:max(var(--pc-min-font,0px),10px);max-width:100%}.hero-actions{margin-top:28px;gap:10px}.hero-actions .button{padding:9px 20px;font-size:max(var(--pc-min-font,0px),13px)}.hero-dots{right:5%;bottom:20px}.hero-dot{height:9px;width:9px}.breadcrumb{padding:30px 0 35px;font-size:max(var(--pc-min-font,0px),11px)}.section{padding:48px 0}.section-title{margin-bottom:35px}.section-title h2{font-size:26px;gap:20px}.section-title h2:before,.section-title h2:after{width:55px}.section-title p{font-size:max(var(--pc-min-font,0px),10px)}.home-about{display:flex;flex-direction:column;gap:30px}.home-about>img{width:70%;max-height:400px;object-fit:contain}.home-about .prose{font-size:max(var(--pc-min-font,0px),13px);line-height:2.1}.stats{padding:40px 0}.stats .container{grid-template-columns:repeat(2,1fr);gap:35px 0}.stat strong{font-size:42px}.stat p{font-size:max(var(--pc-min-font,0px),12px);margin-top:12px}.stat:nth-child(3){border-left:0}.product-grid{grid-template-columns:repeat(2,1fr);gap:22px}.product-card .card-body{padding:13px}.product-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}.product-card p{font-size:max(var(--pc-min-font,0px),12px)}.tags{gap:4px}.tag{font-size:max(var(--pc-min-font,0px),10px);padding-inline:5px}.center-action{margin-top:35px}.home-modules{padding:45px 0}.module-icons{grid-template-columns:repeat(4,1fr);row-gap:30px}.module-icon{padding:10px}.module-icon svg{width:45px;height:45px;margin-bottom:15px}.module-icon p{font-size:max(var(--pc-min-font,0px),12px)}.case-mosaic{grid-template-columns:repeat(2,1fr)}.case-mosaic p{font-size:max(var(--pc-min-font,0px),11px);padding:7px 10px;line-height:1.6}.home-news{grid-template-columns:1fr}.home-news-list a{padding:17px 0}.home-news-feature{max-width:420px;margin:auto}.inquiry{padding:60px 0 50px}.inquiry h2{font-size:25px}.inquiry p{font-size:max(var(--pc-min-font,0px),11px);margin:12px 0 35px}.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.inquiry-form input,.inquiry-form select{width:100%;font-size:max(var(--pc-min-font,0px),12px);min-height:46px;max-width:none;background:#ffffff0c}.inquiry-form select{background:white;color:#777}.inquiry-form button{grid-column:1/-1;min-height:46px}.site-footer{padding-top:50px}.footer-main{padding-bottom:50px;gap:40px}.footer-contact{display:block;padding:0}.footer-logo{width:180px;margin-bottom:24px}.footer-phone{font-size:23px;margin:18px 0}.qr-row img{width:85px;height:85px}.footer-links{grid-template-columns:repeat(3,1fr);gap:28px 15px}.footer-links h3{font-size:max(var(--pc-min-font,0px),13px);margin-bottom:10px}.footer-links a{font-size:max(var(--pc-min-font,0px),10px);line-height:2.1}.footer-bottom .wide{display:block}.footer-bottom span{display:block;line-height:2}.back-top{right:14px;bottom:16px;width:40px;height:40px}.detail-layout{display:flex;flex-direction:column;gap:55px;padding-bottom:60px}.detail-layout h2{font-size:28px}.detail-layout .prose{font-size:14px}.related{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.related h3{grid-column:1/-1;font-size:24px}.related a{margin:0}.detail-gallery{gap:10px}.detail-gallery img{height:160px}.case-stats{grid-template-columns:repeat(2,1fr);gap:12px}.case-stat{padding:18px}.case-stat strong{font-size:29px}.filter-bar{gap:10px;margin-bottom:28px}.pill{font-size:max(var(--pc-min-font,0px),12px);padding:6px 17px}.case-grid{grid-template-columns:repeat(2,1fr);gap:25px 18px}.case-card-body{padding:13px}.case-card h3{font-size:14px}.case-card p{font-size:max(var(--pc-min-font,0px),11px)}.article{padding-bottom:55px}.article-header{padding-bottom:18px;margin-bottom:30px}.article-header h2{font-size:25px;letter-spacing:.04em}.article-header p{font-size:max(var(--pc-min-font,0px),11px)}.article-body{font-size:14px;line-height:2.1}.article-body .image-pair img{height:150px}.article-navigation{margin-top:45px}.comment-note form{flex-direction:column}.comment-note input{width:100%}.news-tabs{margin-bottom:25px;gap:25px}.news-tabs button{font-size:19px}.news-row{grid-template-columns:110px 1fr;gap:16px;padding:24px 0;position:relative}.news-row h2{font-size:15px;margin:0 0 8px}.news-row p{font-size:max(var(--pc-min-font,0px),11px)}.news-row time{grid-column:2;font-size:max(var(--pc-min-font,0px),10px);text-align:left}.news-row .tag{margin-top:12px}.pagination{margin-bottom:50px;gap:6px}.pagination button{min-width:32px;min-height:32px}.service-steps{margin:45px 0 40px}.service-steps:before{top:24px;left:10px;right:10px}.service-step{padding:0 4px}.service-step span{width:48px;height:48px;font-size:22px;border-width:1px}.service-step p{font-size:max(var(--pc-min-font,0px),12px);margin-top:12px}.service-intro{padding-bottom:30px}.service-intro h2{font-size:26px;margin-bottom:18px}.service-intro p{font-size:max(var(--pc-min-font,0px),12px);letter-spacing:.04em}.team-banner{min-height:180px;object-position:center}.service-section{padding:40px 0 25px}.service-heading{font-size:25px;margin-bottom:22px}.service-heading span{font-size:68px}.service-section .prose{font-size:max(var(--pc-min-font,0px),13px);line-height:2;margin-bottom:25px}.service-gallery{gap:4%}.service-gallery.design figure{width:30.6%}.service-gallery figcaption{font-size:max(var(--pc-min-font,0px),12px);letter-spacing:0}.service-gallery.production{gap:14px 3%}.service-gallery.production figure{width:31%}.service-gallery.install figure{width:46%}.service-large{max-height:360px}.chevrons{font-size:28px;margin-top:30px}.service-section:last-child{padding-bottom:55px}.about-tabs{gap:8px;margin-bottom:40px}.about-tabs .pill{padding:6px 12px;font-size:max(var(--pc-min-font,0px),11px)}.about-copy{padding:0 0 40px;font-size:max(var(--pc-min-font,0px),13px);line-height:2}.about-copy h2{font-size:17px}.about-factory{min-height:230px;object-fit:cover}.base-grid{gap:10px;margin:35px 0 55px;grid-template-columns:1fr}.base-grid img{height:auto;max-height:300px}.base-grid figcaption{font-size:max(var(--pc-min-font,0px),12px);margin-bottom:15px}.company-principle{padding-bottom:45px}.company-principle h2{font-size:30px}.company-principle p{font-size:15px}.culture-stage{padding:35px 0 200px}.culture-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;min-height:0}.culture-card{min-height:150px;padding:17px}.culture-card.active{grid-column:1/-1;min-height:230px}.culture-card h3{font-size:21px}.culture-card p{font-size:max(var(--pc-min-font,0px),13px)}.team-profile-inner{display:flex;flex-direction:column-reverse;gap:25px;padding-top:20px}.team-info{padding:0 10px}.team-info h2{font-size:29px}.team-info h3{font-size:21px}.team-info .prose{font-size:max(var(--pc-min-font,0px),13px);margin-top:20px}.team-person{height:360px}.team-thumbnails{justify-content:start;overflow:auto;gap:10px;padding:15px 5%;border-bottom-width:10px}.team-thumbnails button{min-width:90px}.team-thumbnails img{height:120px}.qualifications{grid-template-columns:1fr;min-height:500px;margin-bottom:55px}.qualification-tabs{border-right:0;display:flex;overflow-x:auto}.qualification-tabs button{min-width:150px;font-size:max(var(--pc-min-font,0px),13px);padding:12px}.qualification-display{padding:30px 10px}.recruit-banner{min-height:220px;padding-inline:7%}.recruit-banner h2{font-size:42px;letter-spacing:.15em}.recruit-tabs{gap:30px;padding:15px 0}.recruit-tabs button{font-size:23px}.job-filters{gap:6px}.job-filters strong{font-size:max(var(--pc-min-font,0px),12px);width:100%}.job-filters button{font-size:max(var(--pc-min-font,0px),12px)}.job-table{margin-bottom:55px}.job-table th{font-size:max(var(--pc-min-font,0px),13px)}.job-table td,.job-table th{padding:16px 6px;font-size:max(var(--pc-min-font,0px),12px)}.module-section{padding:45px 0}.module-layout{grid-template-columns:1fr}.module-left h2{font-size:25px}.module-tabs{display:flex;overflow-x:auto;gap:9px;padding-bottom:15px}.module-tabs button{min-width:215px;padding:13px;gap:12px}.module-tabs strong{font-size:max(var(--pc-min-font,0px),13px)}.module-tabs small{font-size:max(var(--pc-min-font,0px),9px)}.module-panel{padding:24px 20px}.module-panel h3{font-size:21px}.module-metrics{gap:6px;padding:10px}.metric{padding:10px;font-size:max(var(--pc-min-font,0px),10px)}.metric b{font-size:17px}.demo-section{padding:65px 0}.demo-heading{font-size:25px}.demo-en{font-size:31px;letter-spacing:.06em}.dashboard{border-radius:14px;padding:12px}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:8px}.dashboard-stats .metric b{font-size:25px}.dashboard-main{grid-template-columns:1fr;gap:14px;margin-top:14px}.bridge-scene{min-height:300px}.sensor-detail{padding:16px}.sensor-detail .module-metrics{margin:14px 0}.history-chart{padding:10px;margin-top:15px}.history-chart svg{height:100px}.timeline{font-size:max(var(--pc-min-font,0px),8px);gap:4px}.timeline span:nth-child(even){display:none}.search-dialog,.media-dialog{padding:40px 23px 28px}.search-dialog h2,.media-dialog h2{font-size:24px}.toast{font-size:max(var(--pc-min-font,0px),13px);padding:13px 20px;width:85%;bottom:70px}.project-page-section{padding-bottom:60px}} @media(max-width:800px){.hero:not(.hero-home){background-size:cover;background-position:53% center}.service-large{height:auto;max-height:360px;object-fit:cover}} @media(max-width:420px){.product-grid{grid-template-columns:1fr;gap:25px}.product-card h3{font-size:20px}.product-card p{font-size:max(var(--pc-min-font,0px),13px);min-height:0}.case-grid{grid-template-columns:1fr}.case-card h3{font-size:17px}.case-card-body{padding:20px}.hero-home h1{font-size:38px}.hero h1{font-size:38px}.hero-desc{max-width:100%}.hero-home{height:600px}.footer-links{grid-template-columns:repeat(2,1fr)}.header-tools{gap:9px}.brand{width:150px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.case-stat strong .stat-value { display: inline; margin: 0; font: inherit; color: inherit; } .zy-hero-veil { position: absolute; inset: 0; background: #102a59; pointer-events: none; opacity: 0; } @media (prefers-reduced-motion: reduce) { .zy-hero-veil { display: none; } }
:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
:root { --pc-min-font: 0px; --ui-ease: cubic-bezier(.23, 1, .32, 1); } @media (min-width: 801px) { :root { --pc-min-font: 14px; } small { font-size: max(14px, .833333em); } } .main-nav { gap: 12px; } .nav-link { font-weight: 400; padding-inline: 14px; } .nav-dropdown a { font-weight: 400; } .nav-item:last-child .nav-dropdown { left: auto; right: 0; } .text-link:hover, .text-link:focus-visible { text-decoration: none; } .home-news-list a { padding-inline: 18px; } .home-news-list a > div { min-width: 0; } .language { position: relative; display: flex; align-items: center; padding-left: 16px; } .language-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 5px 7px; border: 0; background: transparent; color: inherit; font-size: 14px; } .language-globe { width: 19px; height: 19px; flex-shrink: 0; } .language-chevron { width: 12px; height: 12px; transition: transform 180ms ease; } .language-toggle[aria-expanded="true"] .language-chevron { transform: rotate(180deg); } .language-menu { position: absolute; top: calc(100% + 15px); right: 0; z-index: 32; width: 166px; padding: 7px; border: 1px solid #e1e7ee; background: white; color: var(--blue); box-shadow: 0 10px 28px #06204526; } .language-option { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: 100%; min-height: 42px; padding: 8px 13px; border: 0; background: transparent; text-align: left; color: #526075; font-size: 14px; } .language-option.is-current { color: var(--blue); background: #f1f5fb; } .language-option svg { width: 15px; height: 15px; color: var(--gold); } .language-toggle:focus-visible, .language-option:focus-visible { outline-offset: 1px; } @media (hover: hover) and (pointer: fine) { .language-toggle:hover { color: var(--blue); background: #edf2fa; } .home-header .language-toggle:hover { color: var(--gold); background: #ffffff24; } .language-option:hover { background: #e9f0fa; color: var(--blue); } } @media (max-width: 1550px) { .main-nav { gap: 8px; } .nav-link { padding-inline: 12px; } } @media (max-width: 1100px) { .main-nav { gap: 6px; } .nav-link { padding-inline: 10px; } .language { padding-left: 10px; } } @media (min-width: 1001px) and (max-width: 1250px) { .header-inner { gap: 16px; } .brand { width: 160px; } .main-nav { gap: 4px; } .nav-link { padding-inline: 9px; font-size: 14px; } .header-tools { gap: 10px; } .language { padding-left: 10px; } } @media (max-width: 1000px) { .site-header { height: 74px; } .main-nav { display: none; position: absolute; top: 74px; left: 0; right: 0; height: auto; max-height: calc(100dvh - 74px); overflow: auto; padding: 16px 5% 28px; background: white; color: var(--blue); box-shadow: 0 20px 30px #06204530; } .main-nav.open { display: block; } .nav-item { display: block; border-bottom: 1px solid #eee; } .nav-link { display: block; height: auto; padding: 14px 12px; font-size: 16px; } .nav-dropdown { display: flex; flex-wrap: wrap; position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; padding: 0 12px 12px; gap: 3px 16px; } .nav-dropdown a { padding: 5px 0; white-space: normal; } .menu-toggle { display: block; } .language { display: flex; } .header-tools { gap: 10px; } } @media (max-width: 800px) { .home-news-list a { padding-inline: 12px; } } @media (max-width: 480px) { .language { padding-left: 8px; } .language-label { display: none; } .language-toggle { gap: 4px; padding: 5px 3px; } .header-tools { gap: 8px; } } .hero-home > .hero-slides { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; } .hero-home:not(.banner-ready) > .hero-slides { visibility: hidden; } .hero-home.banner-ready { background-image: none; background-color: #102e65; } .hero-home .hero-slide { background-size: cover; background-position: center 39%; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .hero-home > .zy-hero-veil { z-index: 1; } .hero-home > .container { z-index: 2; pointer-events: none; } .hero-home .hero-actions { pointer-events: auto; } .hero-home > .hero-dots { z-index: 3; } .hero-home .hero-dot { cursor: pointer; } @media (max-width: 800px) { .hero-home .hero-slide { background-position: 47% center; } } a, button, [role="button"] { transition-property: color, background-color, border-color, box-shadow, opacity; transition-duration: 200ms; transition-timing-function: var(--ui-ease); } input, select, textarea { transition: border-color 180ms ease, background-color 180ms ease; } .brand img { transition: opacity 180ms ease; } .home-news-list h3, .home-news-list p, .news-row h2, .news-row p, .product-card h3, .case-card h3, .service-step p { transition: color 200ms ease; } .product-card, .case-card { transition: border-color 220ms ease, box-shadow 220ms ease; } .module-icon { perspective: 700px; } .module-icon svg { transform-origin: center; transition: transform 550ms var(--ui-ease), stroke 200ms ease; } .service-step span { transition: color 200ms ease, border-color 200ms ease, background-color 200ms ease, box-shadow 200ms ease; } .case-mosaic p { transition: background-color 200ms ease; } .related img { transition: filter 220ms ease; } .culture-card { transition: flex 350ms ease, box-shadow 200ms ease, color 200ms ease; } @media (hover: hover) and (pointer: fine) { a:hover { color: var(--blue); text-decoration: underline; text-underline-offset: 5px; } :where(button:not(:disabled), [role="button"]):hover { color: var(--blue); background-color: #eef3fa; } .brand:hover, .nav-link:hover, .button:hover, .pill:hover, .module-icon:hover, .case-mosaic a:hover, .home-news-list a:hover, .service-step:hover { text-decoration: none; } .brand:hover img { opacity: .78; } .nav-link:hover { color: var(--gold); background-color: #103b820b; } .home-header .nav-link:hover { background-color: #ffffff14; } .nav-dropdown a:hover { color: var(--blue); background: #f0f4fb; } .icon-button:hover { background: #edf2fa; color: var(--blue); } .home-header .icon-button:hover { background: #ffffff24; color: var(--gold); } .hero-dot:hover { background: var(--gold); opacity: 1; box-shadow: 0 0 0 4px #ffffff25; } .button:hover { color: white; background: #b4a12c; border-color: #b4a12c; box-shadow: 0 4px 14px #173f781c; } .button.primary:hover { color: white; background: #082b66; border-color: #082b66; } .button.light:hover { background: #ffffff22; color: white; border-color: white; } .button.gold:hover, .inquiry-form button:hover { background: #dcc748; color: #15396e; } .text-link:hover { color: var(--blue); border-color: var(--blue); } .breadcrumb a:hover { color: var(--blue); } .product-card:hover, .product-card:focus-within, .case-card:hover, .case-card:focus-within { border-color: #6385b7; box-shadow: 0 5px 18px #103b8230; } .product-card:hover h3, .case-card:hover h3, .home-news-list a:hover h3, .news-row:hover h2, .news-row:hover h2 a { color: var(--blue); } .card-link:hover { background: #edf3fc; color: var(--blue); } .case-mosaic a:hover p { background: #103b82dd; } .home-news-list a:hover { background: #f6f8fc; } .home-news-list a:hover p, .news-row:hover p { color: #52719e; } .module-icon:hover { color: var(--blue); background: #edf2fa; } .module-icon:hover svg { transform: rotateY(360deg); stroke: var(--gold); } .module-icon:focus-visible svg { stroke: var(--gold); } .service-step:hover span { color: var(--blue); border-color: var(--blue); background: #f1f5fc; box-shadow: 0 4px 12px #103b821a; } .service-step:hover p { color: var(--blue); } .related a:hover img { filter: brightness(1.08); } .pill:hover { border-color: var(--blue); } .pill.active:hover { color: white; background: #082b66; } .pill.gold.active:hover { color: white; background: #b09d27; border-color: #b09d27; } .news-tabs button:hover { color: var(--blue); border-bottom-color: var(--blue); background: transparent; } .pagination button:hover:not(:disabled) { border-color: var(--blue); } .pagination button.active:hover { background: #af9c27; border-color: #af9c27; color: white; } .culture-card:hover { box-shadow: inset 0 -5px var(--gold); background-color: transparent; } .culture-card.active:hover { color: white; } .team-thumbnails button:hover { border-color: var(--blue); background: #f5f8fc; } .qualification-tabs button:hover { background: #e9eff8; color: var(--blue); } .qualification-tabs button.active:hover { background: #b09d27; color: white; } .qualification-display button:hover { border-color: var(--blue); box-shadow: 0 4px 18px #103b8220; } .recruit-tabs button:hover { color: var(--blue); background: transparent; box-shadow: inset 0 -2px var(--blue); } .job-filters button:hover { color: var(--blue); background: #edf3fc; } .job-table button:hover { color: var(--blue); text-decoration: underline; text-underline-offset: 5px; } .job-search button:hover, .comment-note button:hover { background: #082b66; color: white; } .module-tabs button:hover { background: #f0f4fa; border-color: var(--gold); } .sensor:hover { background: #f8e66d; color: #152341; border-color: white; box-shadow: 0 0 0 4px #e9d54330, 0 0 18px #e7d84580; } .sensor.alert:hover { background: #f36d66; color: white; } .demo-actions button:hover { background: #e0cb4b; color: #18324f; } .demo-actions button + button:hover { background: #244679; color: white; border-color: #8197b7; } input:hover, select:hover, textarea:hover { border-color: #718fbd; } .inquiry-form input:hover { background: #ffffff12; border-bottom-color: #d7c55b; } .inquiry-form select:hover { background: #fbf8e9; } .dialog-close:hover { background: #edf3fc; color: var(--blue); } .search-results a:hover { background: #eef3fa; border-color: #9fb4d2; } .back-top:hover { background: #0b2b61; color: var(--gold); box-shadow: 0 5px 16px #103b8240; } .site-footer a:hover { color: #e1ce63; } } @media (prefers-reduced-motion: reduce) { .module-icon:hover svg { transform: none; } .hero-home .swiper-slide { transition-duration: 0ms !important; } } .culture-stage { background-image: linear-gradient(110deg, #071d3bde, #071d3b99), url('../images/image-053.webp'); } :root { --header-height: 100px; } html { scroll-padding-top: calc(var(--header-height) + 18px); } .site-header { position: sticky; top: 0; z-index: 40; height: var(--header-height); } .site-header.home-header { position: fixed; } .home-header:not(.header-ready), .home-header.is-scrolled { background: white; color: var(--blue); border-bottom-color: #e7edf4; box-shadow: 0 3px 14px #103b8212; } @media (hover: hover) and (pointer: fine) { .home-header.is-scrolled .nav-link:hover { background-color: #103b820b; } .home-header.is-scrolled .icon-button:hover, .home-header.is-scrolled .language-toggle:hover { color: var(--blue); background: #edf2fa; } } .company-principle .principle-word { color: var(--gold); } .culture-icon { display: block; width: 38px; height: 38px; margin-bottom: 14px; color: #555; } .culture-card.active .culture-icon { display: none; } .certificate-image { rotate: 180deg; } .qualification-display .certificate-open { padding: 0; overflow: hidden; width: min(100%, 450px); } .qualification-display .certificate-image { width: 100%; padding: 15px; } .qualification-display .certificate-open p { margin: 0; padding: 9px 14px; background: var(--gold); color: white; } .service-heading { gap: 0; align-items: flex-end; isolation: isolate; } .service-heading .service-number { font: 700 100px/.95 Arial, sans-serif; letter-spacing: -.07em; color: #173a82; background: linear-gradient(#173a82 25%, #6673a0 58%, #f4f3f6 98%); background-clip: text; -webkit-text-fill-color: transparent; } .service-heading .service-name { position: relative; z-index: 1; margin-left: -24px; padding-bottom: 4px; font: 500 35px/1.2 var(--serif); letter-spacing: 0; color: inherit; } .blue .service-heading .service-number { background-image: linear-gradient(#f3f4fb 20%, #b2bdd9 62%, #103b82 100%); } .module-panel { gap: 0; } .module-panel li { position: relative; padding-left: 18px; } .module-panel li::before { content: ''; position: absolute; left: 0; top: 1.05em; width: 9px; height: 2px; background: var(--gold); } .module-preview { background: #0d0a26; border-radius: 7px; padding: 15px; margin-top: auto; } .preview-toolbar { display: flex; align-items: center; justify-content: space-between; min-height: 24px; margin-bottom: 12px; padding-bottom: 6px; border-bottom: 1px solid #8c8146; color: #a9adc2; font-size: max(var(--pc-min-font), 12px); } .preview-live-dot { width: 6px; height: 6px; margin-left: 2px; border-radius: 50%; background: #d6c940; box-shadow: 0 0 7px #e8d44c; } .module-preview .module-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(6, auto); gap: 8px; margin: 0; padding: 0; background: transparent; } .module-preview .metric { padding: 7px 9px; border-radius: 5px; border-color: #45465e; background: #20263f; font-size: max(var(--pc-min-font), 12px); line-height: 1.55; } .module-preview .metric b { font-size: max(var(--pc-min-font), 15px); line-height: 1.6; } .preview-temperature { grid-area: 2 / 1; } .preview-tension { grid-area: 3 / 1; } .preview-current { grid-area: 3 / 2; } .preview-inspection { grid-area: 3 / 3; } .preview-alarm { grid-area: 4 / 1; } .preview-model { grid-area: 5 / 1; } .preview-reuse { grid-area: 5 / 2; } .preview-fps { grid-area: 5 / 3; } .preview-zoom { grid-area: 6 / 1; } @media (max-width: 1550px) { :root { --header-height: 82px; } } @media (max-width: 1100px) { .module-preview { padding: 10px; } .module-preview .metric { padding: 7px; } } @media (max-width: 1000px) { :root { --header-height: 74px; } } @media (min-width: 801px) { .culture-card { padding-inline: clamp(12px, .8vw, 16px); } .culture-card h3 { font-size: clamp(18px, 1.4vw, 24px); } } @media (max-width: 800px) { .culture-icon { width: 30px; height: 30px; margin: 18px 0 9px; } .service-heading .service-number { font-size: 76px; } .service-heading .service-name { margin-left: -18px; padding-bottom: 3px; font-size: 26px; } .module-preview { margin-top: 10px; } .module-preview .module-metrics { gap: 6px; } .preview-toolbar { font-size: 12px; } .module-preview .metric { font-size: 12px; padding: 6px; } .module-preview .metric b { font-size: 14px; } }
:root { --blue: #21469d; --deep: #21469d; } .hero h1 { font-family: var(--serif); letter-spacing: .035em; } .hero:not(.hero-home) { background: #546a97 url('../images/design-inner-banner.webp') center/100% 100% no-repeat; } .hero-home { background-image: url('../images/design-home-banner.webp'); background-position: center; } .module-section, .service-section.blue { background-color: #274281; } .site-footer { background-color: #0b0e12; } .footer-links h3 > a { color: inherit; font-size: inherit; } .module-icon svg.module-symbol { stroke: none; color: #21469d; } .inquiry { background: #21469d url('../images/design-inquiry-background.webp') center/100% 100% no-repeat; } .home-modules { background: linear-gradient(#ffffffd9, #ffffffd9), url('../images/modules-photo.webp') center/cover no-repeat; } .home-modules .module-icon { border-left: 0; border-right: 0; } .product-card > img { object-fit: contain; background-color: #ededed; } .service-large { object-fit: cover; } .headquarters { margin: 0; } .headquarters figcaption, .base-grid figcaption { padding: 6px 16px; margin: 0; background: #e9e9e9; color: #757575; line-height: 1.3; } .headquarters figcaption span { display: block; } .home-news-list .news-category { border: 1px solid #e4dfbd; border-radius: 16px; padding: 2px 10px; color: #a69b68; white-space: nowrap; text-align: center; } .chevrons { width: 40px; height: 38px; margin-inline: auto; } .chevrons svg { display: block; width: 100%; height: 100%; } .section-title h2::before, .section-title h2::after { height: 5px; background: radial-gradient(circle at right, var(--gold) 0 2px, transparent 2.3px), linear-gradient(var(--gold),var(--gold)) left center/calc(100% - 3px) 1px no-repeat; box-shadow: none; } .section-title h2::after { rotate: 180deg; } @media (min-width: 1101px) { .hero:not(.hero-home) { height: min(35.576vw, 683.05px); min-height: 360px; } .hero:not(.hero-home) .container { justify-content: flex-end; padding: 0 0 min(6.56vw,126px); } .hero:not(.hero-home) h1 { font-size: min(4vw,76.7px); line-height: 1.4; } .hero:not(.hero-home) .hero-desc { margin-top: 22px; font-size: max(14px,min(1.023vw,19.64px)); letter-spacing: .06em; } .hero-home > .container { position: absolute; left: 50%; top: 44.4%; translate: -50% 0; height: auto; padding-top: 0; justify-content: flex-start; } .hero-home h1 { line-height: 1.2; } .hero-home .hero-en { width: min(100%,440px); margin: 0 0 32px; padding: 6px 18px; border: 1px solid #ffffff90; border-radius: 24px; background: #ffffff16; font-size: 14px; } .hero-home .hero-desc { margin-top: 7px; font-size: 14px; } .hero-home .hero-actions { margin-top: 28px; } .breadcrumb { padding: 94px 0 56px; } .section-title { margin-bottom: 70px; } .section-title h2 { font-size: 35px; gap: 42px; } .section-title h2::before, .section-title h2::after { width: 150px; } .section-title.compact h2 { font-size: 35px; } .about-intro-surface { background: radial-gradient(ellipse at 90% 100%, #ccdfed, #edf4f8 44%, #fff 80%); } [data-page="index"] .home-introduction { padding: 118px 0; } .home-about { grid-template-columns: 38.35% 1fr; gap: 38px; } .home-about > img { max-height: 633px; } .home-about .prose { font-size: 15px; } .stats { background: #21469d; padding: 148px 0; } .stats .stat { min-height: 200px; } .stat strong { font-size: 100px; line-height: 1.2; } .stat p { font-size: 20px; margin-top: 24px; } [data-page="index"] .home-products { padding: 140px 0; } .home-products > .container, [data-page="products"] .product-list > .container { width: min(83.333333%,1600px); } .product-grid { gap: 45px 50px; } .product-card { border-color: #c3c3c3; border-radius: 2px; box-shadow: 0 1px 9px #0005; } .product-card > img { aspect-ratio: 1.5; } .product-card h3 { font-size: 20px; } .product-card .card-body { padding: 20px 22px; } .home-modules { padding: 130px 0 180px; } .home-modules > .wide { width: min(94.8%,1820px); } .home-modules .section-title { margin-bottom: 90px; } .module-icon { padding: 20px 10px; } .module-icon svg.module-symbol { width: 110px; height: 129px; margin-bottom: 22px; } .module-icon p { font-size: 18px; line-height: 1.75; letter-spacing: .08em; } .case-mosaic { gap: 4px; } .case-mosaic img { aspect-ratio: 1.782; } .case-mosaic p { padding: 4px 20px; line-height: 1.6; } .home-cases .section-title { margin-bottom: 44px; } .home-news { grid-template-columns: 55.7% 1fr; gap: 1.9%; } .home-news-feature { width: 100%; max-width: 554px; } .home-news-list a { grid-template-columns: 70px minmax(0,1fr) auto; gap: 16px; min-height: 100px; padding-block: 18px; } .home-news-list a:last-child { border-bottom: 1px solid var(--line); } .home-news-list .news-category { font-size: 14px; } .article { max-width: 1368px; } .article-header { padding-top: 30px; padding-bottom: 0; border-bottom: 0; margin-bottom: 75px; } .article-header h2 { border-bottom: 1px solid #c9c9c9; padding-bottom: 12px; } .article-body { max-width: 816px; } .article-navigation { margin-top: 110px; } .detail-layout { width: min(77.1%,1480px); margin-left: 14.3%; margin-right: 0; grid-template-columns: minmax(0,930px) minmax(0,380px); gap: 170px; padding-top: 30px; } .detail-layout .prose { font-size: 14px; } .detail-gallery { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; } .detail-gallery img { height: auto; aspect-ratio: 1.333; object-fit: cover; } .related h3 { font-size: 30px; padding: 9px; } .related img { aspect-ratio: 1.45; } [data-page="cases"] .section-title { margin-bottom: 145px; } .case-stats { margin-bottom: 42px; } .filter-bar { gap: 16px; } .case-card { border-radius: 6px; overflow: hidden; } .news-tabs { margin-top: 30px; margin-bottom: 64px; } .news-row { padding-block: 30px; } [data-page="about"] .about-tabs { margin-bottom: 130px; } [data-page="about"] .about-copy { padding-bottom: 130px; } .headquarters .about-factory { height: min(46.12vw,885.4px); max-height: none; object-fit: cover; } .headquarters figcaption { font-size: 20px; padding-left: 40px; } .base-strip { width: 100%; } .base-grid { grid-template-columns: 18.96% 40.99% 1fr; gap: 4px; margin: 105px 0 125px; } .base-grid img { height: min(22.875vw,439.2px); } .base-grid figcaption { font-size: 20px; padding-left: 40px; } .company-principle { padding: 24px 0 147px; } .company-principle p { font-size: 15px; line-height: 25px; } .company-principle .principle-word { margin-top: 35px; } .company-principle h2 { margin-bottom: 40px; } .culture-stage { padding: 60px 0 565px; } .culture-cards { min-height: 445px; } .culture-card.active { flex: 1.87; } .culture-card { padding: 22px 16px; } .culture-icon { width: 40px; height: 40px; } [data-page="team"] .about-tabs { margin-bottom: 48px; } .team-profile { padding-top: 0; } .team-profile-inner { position: relative; grid-template-columns: 39.3% minmax(0,1fr); gap: 0; min-height: 775px; align-items: start; } .team-person { position: absolute; left: -10.3%; top: -112px; width: min(32.95vw,632.6px); height: 949px; max-width: none; object-position: center bottom; } .team-info { grid-column: 2; padding-top: 125px; } .team-info h2 { font-size: 35px; } .team-info h3 { font-size: 30px; } .team-info .prose { max-width: 670px; margin-top: 55px; } .team-thumbnails { position: relative; margin-top: -14px; padding: 0 5.9%; gap: 14px; justify-content: space-between; border-bottom-width: 30px; } .team-thumbnails button { width: min(9.1vw,174.5px); flex-shrink: 0; } .team-thumbnails img { height: min(13.64vw,261.8px); } [data-page="team"] .team-after-space { height: 136px !important; } [data-page="qualifications"] .about-tabs { margin-bottom: 137px; } .qualifications { min-height: 950px; margin-bottom: 190px; grid-template-columns: 250px 1fr; } .qualification-tabs button { font-size: 17px; padding-block: 17px; } .qualification-display { padding: 60px 75px; } .qualification-display .certificate-open { width: min(100%,400px); } [data-page="careers"] .about-tabs { margin-bottom: 160px; } .recruit-banner { min-height: 456.9px; } .recruit-banner h2 { font-size: min(5.04vw,96.8px); } .recruit-banner + .container { width: min(60%,1140px); } .recruit-tabs { position: relative; margin: -72px -90px 30px; background: #fff; padding: 16px 0; gap: 0; justify-content: stretch; } .recruit-tabs button { flex: 1; font-size: 30px; padding: 14px; } .recruit-tabs button + button { border-left: 1px solid #ddd; } .job-table th, .job-table td { padding-block: 18px; } .service-section { padding: 45px 0 12px; } .service-heading .service-name { font-family: var(--sans); font-weight: 700; } .service-section .prose { max-width: 1200px; font-size: 19.3px; line-height: 2; letter-spacing: 0; margin-bottom: 26px; } .service-gallery.production { gap: 32px 1%; } .service-gallery.production figure { width: 19.2%; } .service-gallery.install { gap: 4.2%; } .service-gallery.install figure { width: 28.5%; } .service-gallery figcaption { font-size: 18px; line-height: 2; } .service-large { height: min(34.6vw,664.3px); max-height: none; } #service-5 .service-large { height: min(31.23vw,599.6px); } .chevrons { width: 40px; height: 38px; margin: 16px auto 8px; } .chevrons svg { display: block; width: 100%; height: 100%; } .service-section:last-child { padding-bottom: 110px; } .module-layout { grid-template-columns: minmax(0,600px) minmax(0,728px); gap: 36px; min-height: 817px; } .module-section { padding-block: 110px; } .module-tabs { gap: 12px; } .module-tabs button { padding: 12px 18px; } .module-left > p { margin-bottom: 28px; } .module-tabs strong { font-size: 16px; } .module-panel { padding: 24px; } .module-panel .module-number { line-height: 1.5; } .module-panel h3 { font-size: 20px; line-height: 1.4; margin: 10px 0 16px; } .module-panel p { line-height: 1.8; } .module-panel ul { line-height: 1.7; margin: 18px 0; } .module-preview { padding: 13px; } .module-preview .preview-toolbar { margin-bottom: 8px; } .module-preview .module-metrics { gap: 6px; } .module-preview .metric { line-height: 1.4; padding: 6px 8px; } .module-preview .metric b { line-height: 1.5; } .demo-section { padding-top: 316px; } .demo-heading { font-size: 50px; } .demo-en { font-size: min(5.1vw,98px); margin-bottom: 0; } .footer-contact { padding-right: 34px; } .footer-logo { width: 218px; } .qr-row img { width: 109px; height: 109px; } .inquiry { padding-bottom: 102px; } .inquiry h2 { font-size: min(3.125vw,60px); } } @media (min-width: 1101px) and (max-width: 1550px) { .hero-home > .container { top: 39%; } [data-page="index"] .home-introduction { padding-block: 88px; } .home-about .prose { font-size: 14px; } .stats { padding-block: 90px; } .stats .stat { min-height: 165px; } .stat strong { font-size: 75px; } .stat p { font-size: 16px; } [data-page="index"] .home-products { padding-block: 95px; } .product-grid { gap: 35px; } .product-card h3 { font-size: 18px; } .home-modules { padding: 95px 0 120px; } .module-icon svg.module-symbol { width: 82px; height: 96px; } .module-icon p { font-size: 14px; } .home-news-list a { grid-template-columns: 60px minmax(0,1fr); } .home-news-list .news-category { display: none; } .detail-layout { grid-template-columns: minmax(0,2.45fr) minmax(0,1fr); gap: 80px; } .service-section .prose { font-size: 16px; max-width: 90%; } .company-principle { padding-bottom: 110px; } .culture-stage { padding-bottom: 380px; } .culture-cards { min-height: 360px; } .team-profile-inner { min-height: 600px; } .team-person { top: -84px; height: 712px; } .team-info { padding-top: 94px; } .team-info h2 { font-size: 30px; } .team-info h3 { font-size: 25px; } .team-info .prose { margin-top: 35px; font-size: 14px; } .qualifications { grid-template-columns: 210px 1fr; min-height: 800px; margin-bottom: 130px; } .qualification-display { padding: 45px; } .demo-section { padding-top: 175px; } .demo-heading { font-size: 38px; } } @media (max-width: 1100px) { .hero:not(.hero-home) .container { justify-content: flex-end; padding-bottom: 65px; } .hero-home .hero-en { margin: 12px 0 0; padding: 0; border: 0; } .hero-home h1 { order: -1; } .home-news-list .news-category { display: none; } .detail-gallery { grid-template-columns: repeat(3,minmax(0,1fr)); } .headquarters figcaption { padding-inline: 5%; font-size: 14px; } .module-icon svg.module-symbol { width: 62px; height: 73px; } } @media (max-width: 800px) { .hero:not(.hero-home) { background-size: auto 100%; background-position: 36% center; } .hero:not(.hero-home) .container { padding-bottom: 56px; } .hero-home { background-size: cover; } .home-modules, .inquiry { background-size: cover; } .module-icon svg.module-symbol { width: 45px; height: 53px; margin-bottom: 15px; } .headquarters .about-factory { min-height: 0; height: auto; max-height: none; } .base-grid figcaption { padding: 6px 10px; } .detail-gallery img { height: 150px; } .hero-home .hero-en { order: 0; } .chevrons { width: 30px; height: 30px; } } @media (hover:hover) and (pointer:fine) { .module-icon:hover svg.module-symbol { color: var(--gold); } } .brand-artwork { display: block; height: auto; background: transparent; padding: 0; transition: opacity 180ms ease; } .brand .brand-artwork { width: 100%; } .logo-wordmark-light { display: none; } .home-header.header-ready:not(.is-scrolled) .logo-wordmark-dark, .site-footer .logo-wordmark-dark { display: none; } .home-header.header-ready:not(.is-scrolled) .logo-wordmark-light, .site-footer .logo-wordmark-light { display: block; } @media (hover: hover) and (pointer: fine) { .brand:hover .brand-artwork { opacity: .78; } } @media (prefers-reduced-motion: reduce) { .brand-artwork { transition: none; } } .footer-bottom .company-english { font-family: Arial, "Helvetica Neue", sans-serif; font-weight: 400; font-style: normal; letter-spacing: normal; text-transform: none; } @media (max-width: 800px) { .home-about > img { width: 100%; height: auto; max-height: none; } .home-news-feature { width: 100%; max-width: none; } } @media (max-width: 600px) { .product-grid, .case-grid, .detail-gallery, .article-body .image-pair, .related { grid-template-columns: minmax(0, 1fr); } .home-cases .case-mosaic { width: 90%; margin-inline: auto; grid-template-columns: minmax(0, 1fr); } .detail-gallery img, .article-body .image-pair img { height: auto; } .service-gallery { row-gap: 24px; } .service-gallery.design figure, .service-gallery.production figure, .service-gallery.install figure { width: 100%; } .headquarters { width: 90%; margin-inline: auto; } .qualification-display { padding-inline: 0; } .qualification-display .certificate-open { width: 100%; max-width: none; } .article-body .news-figure { width: 100%; max-width: none; } .article-body .news-gallery { grid-template-columns: minmax(0, 1fr); } } .footer-bottom .technical-support { white-space: nowrap; } .footer-bottom .technical-support a { text-underline-offset: 4px; } .footer-bottom .technical-support a:hover, .footer-bottom .technical-support a:focus-visible { color: var(--gold); text-decoration: underline; } .certificate-image.document-image { rotate: 0deg; } .qualification-display { min-width: 0; } .certificate-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; align-items: start; } .qualification-display .certificate-grid .certificate-open { width: 100%; max-width: none; } .certificate-preview { display: grid; place-items: center; aspect-ratio: 4 / 3; padding: 12px; background: #fff; } .qualification-display .certificate-preview .document-image { width: 100%; height: 100%; max-height: 100%; min-height: 0; object-fit: contain; padding: 0; } .qualification-display .certificate-open p { min-height: 52px; display: grid; place-items: center; font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; } .qualification-tabs button { min-height: 52px; line-height: 1.6; } .qualification-tabs button:focus-visible, .certificate-open:focus-visible, .certificate-page-controls button:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; } .certificate-viewer { min-width: 0; } .media-dialog:has(.certificate-viewer) h2 { padding-right: 22px; font-size: clamp(20px, 2vw, 28px); line-height: 1.5; overflow-wrap: anywhere; } .media-dialog .certificate-document-page { display: block; width: 100%; height: auto; max-height: 60vh; margin: 0 auto; object-fit: contain; } .certificate-page-controls { display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 18px; font-size: 14px; } .certificate-page-controls span { min-width: 50px; text-align: center; font-variant-numeric: tabular-nums; } .certificate-page-controls button { min-height: 44px; padding: 8px 16px; border: 1px solid var(--blue); background: #fff; color: var(--blue); font: inherit; transition: color .2s, background-color .2s; } .certificate-page-controls button:hover:not(:disabled), .certificate-page-controls button:focus-visible { background: var(--blue); color: #fff; } .certificate-page-controls button:disabled { opacity: .45; cursor: default; } .certificate-original-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; margin-top: 12px; } .certificate-original-link { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; color: var(--blue); text-decoration: underline; text-underline-offset: 4px; font-size: 14px; } .certificate-original-link:hover, .certificate-original-link:focus-visible { color: var(--gold); } @media (max-width: 800px) { .certificate-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; } .qualification-tabs button { flex: 0 0 auto; width: auto; } .qualification-display .certificate-open p { font-size: 15px; } .media-dialog .certificate-document-page { max-height: 55vh; } .certificate-page-controls { gap: 10px; } }
.news-row h2, .news-row h2 a, .home-news-list h3, .home-news-feature h3, .news-article .article-header h2 { font-family: var(--sans); font-weight: 400; font-style: normal; font-synthesis: none; } .news-figure { max-width: 700px; margin: 28px auto; } .news-figure img { display: block; width: 100%; height: auto; } .news-poster { max-width: 420px; } .news-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin: 28px 0; align-items: start; } .news-gallery .news-figure { min-width: 0; max-width: none; margin: 0; } .news-topics { list-style: disc; padding-left: 1.5em; margin: 28px 0; } .news-article .news-source { margin-top: 50px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 14px; } .news-source a { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; } .news-source a:hover, .news-source a:focus-visible { color: var(--deep); text-decoration-color: var(--gold); } .home-news-list h3, .news-row h2 { overflow-wrap: anywhere; } .home-news-list h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .home-news-list p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-row > div { min-width: 0; } .news-row p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 650px) { .news-gallery { grid-template-columns: minmax(0,1fr); gap: 20px; } .news-figure { margin-block: 22px; } .news-poster { max-width: 330px; } }
.site-header.home-header { position: sticky; background: #fff; color: var(--blue); border-bottom-color: #e7edf4; } .home-header .logo-wordmark-dark, .home-header.header-ready:not(.is-scrolled) .logo-wordmark-dark { display: block; } .home-header .logo-wordmark-light, .home-header.header-ready:not(.is-scrolled) .logo-wordmark-light { display: none; } .header-inner { gap: 18px; } .header-contact { display: flex; align-items: center; gap: 10px; flex-shrink: 0; color: var(--blue); } .header-contact > svg { width: 26px; height: 26px; } .header-contact-numbers { display: grid; gap: 3px; } .header-contact a { display: flex; align-items: baseline; gap: 8px; font: 500 16px/1.6 Arial, sans-serif; white-space: nowrap; text-decoration: none; } .header-contact a span { font: 400 14px/1.6 var(--serif); color: #58667d; } .header-contact a:hover, .header-contact a:focus-visible { color: #9a831e; text-decoration: underline; text-underline-offset: 4px; } .home-header .nav-link:hover { background-color: #103b820b; } .hero-home { height: clamp(460px, 37.5vw, 680px); min-height: 0; } .hero-home > .container { position: relative; left: auto; top: auto; translate: none; width: min(86%, 1600px); height: 100%; padding: 36px 0; justify-content: center; } .hero-home h1 { font-size: clamp(38px, 3.5vw, 66px); line-height: 1.28; } .hero-home .hero-en { width: max-content; max-width: 100%; margin: 0 0 22px; padding: 0; border: 0; border-radius: 0; background: transparent; font-size: 14px; line-height: 1.6; } .hero-home .hero-desc { margin-top: 16px; font-size: 16px; } .hero-home .hero-actions { margin-top: 28px; } .home-statistics { padding: 58px 0; background: #f4f6fa; color: #394c69; } .home-statistics .container { width: min(86%, 1600px); gap: 0; } .home-statistics .stat { min-width: 0; min-height: 150px; padding: 12px 18px 24px; position: relative; } .home-statistics .stat + .stat { border-left: 1px solid #d6deea; } .home-statistics .stat::after { content: ''; display: block; width: 28px; height: 2px; margin: 20px auto 0; background: var(--gold); } .home-statistics .stat strong { font: 400 clamp(46px, 3.8vw, 72px)/1.2 var(--serif); color: var(--blue); font-variant-numeric: tabular-nums; letter-spacing: -.02em; white-space: nowrap; } .home-statistics .stat strong sup { color: #9a831e; font-size: .38em; margin-left: 4px; top: .12em; } .home-statistics .stat p { margin-top: 14px; font-size: 17px; line-height: 1.7; } .service-subnav { display: flex; justify-content: center; gap: 42px; border-bottom: 1px solid #dce2eb; margin: 0 0 60px; } .service-subnav a { display: block; padding: 0 14px 20px; color: #526075; font-size: 20px; border-bottom: 2px solid transparent; } .service-subnav a[aria-current], .service-subnav a:hover, .service-subnav a:focus-visible { color: var(--blue); border-bottom-color: var(--gold); text-decoration: none; } .download-section { padding-bottom: 100px; } .download-empty { padding: 70px 24px; text-align: center; background: #f4f6fa; } .download-empty > svg { width: 76px; height: 76px; margin-bottom: 20px; color: var(--blue); } .download-empty h3 { color: var(--blue); font-size: 28px; font-weight: 400; margin-bottom: 16px; } .download-empty p { font-size: 16px; line-height: 1.9; color: #526075; } .download-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 26px; margin-top: 30px; } .certificate-preview { position: relative; } .certificate-preview::after { content: '查看原图'; position: absolute; right: 10px; bottom: 10px; padding: 5px 10px; background: #fff; color: var(--blue); border: 1px solid #dce2eb; font-size: 14px; opacity: 0; transition: opacity .2s; } .certificate-open:hover .certificate-preview::after, .certificate-open:focus-visible .certificate-preview::after { opacity: 1; } .certificate-image-frame { position: relative; display: grid; place-items: center; height: min(54vh, 560px); background: #f4f6fa; } .media-dialog .certificate-image-frame .certificate-document-page { width: 100%; height: 100%; max-height: min(54vh, 560px); margin: 0; object-fit: contain; } .media-dialog .certificate-load-status { position: absolute; bottom: 12px; left: 12px; right: 12px; margin: 0; padding: 9px 12px; background: #fff; color: var(--blue); font-size: 14px; line-height: 1.6; text-align: center; } .certificate-retry { display: block; margin: 12px auto 0; min-height: 44px; padding: 8px 18px; border: 1px solid var(--blue); background: white; color: var(--blue); font-size: 14px; } .certificate-retry:hover, .certificate-retry:focus-visible { background: var(--blue); color: white; } @media (min-width: 1201px) and (max-width: 1600px) { .header-inner { width: 94%; gap: 12px; } .header-inner .brand { width: 172px; flex-shrink: 0; } .header-inner .main-nav { gap: 2px; } .header-inner .nav-link { padding-inline: 7px; font-size: 15px; } .header-contact { gap: 7px; } .header-contact > svg { width: 22px; height: 22px; } .header-contact a { font-size: 15px; } .header-tools { gap: 10px; } .language { padding-left: 10px; } } @media (max-width: 1200px) { :root { --header-height: 108px; } .site-header { background: #fff; } .header-inner { position: relative; display: grid; grid-template-columns: 1fr auto; grid-template-rows: 68px 40px; gap: 0 12px; width: 90%; } .header-inner .brand { width: 174px; grid-column: 1; grid-row: 1; } .header-tools { grid-column: 2; grid-row: 1; } .header-contact { grid-column: 1 / -1; grid-row: 2; justify-content: center; gap: 10px; border-top: 1px solid #e7edf4; align-self: stretch; } .header-contact > svg { width: 18px; height: 18px; } .header-contact-numbers { display: flex; gap: 18px; } .header-contact a { font-size: 14px; line-height: 1.6; } .header-contact a span { display: none; } .menu-toggle { display: inline-flex; } .main-nav { display: none; position: absolute; top: 108px; left: -5.56%; right: -5.56%; max-height: calc(100dvh - 108px); overflow-y: auto; height: auto; padding: 15px 6%; background: #fff; color: var(--blue); box-shadow: 0 10px 24px #103b8220; } .main-nav.open { display: flex; flex-direction: column; align-items: stretch; gap: 0; } .main-nav .nav-item { width: 100%; } .main-nav .nav-link { height: auto; padding: 12px 10px; justify-content: flex-start; font-size: 16px; } .main-nav .nav-dropdown { position: static; display: grid; width: 100%; box-shadow: none; padding: 0 0 10px 18px; background: #fff; opacity: 1; visibility: visible; transform: none; } .main-nav .nav-dropdown a { padding: 7px 10px; font-size: 14px; } .hero-home { height: 500px; } } @media (max-width: 800px) { .hero-home { height: 440px; } .hero-home > .container { width: 90%; padding: 30px 0; } .hero-home h1 { font-size: 36px; letter-spacing: .01em; } .hero-home .hero-en { order: 0; font-size: 12px; margin: 15px 0 0; letter-spacing: .035em; } .hero-home .hero-desc { font-size: 14px; margin-top: 12px; } .hero-home .hero-actions { margin-top: 22px; gap: 12px; } .hero-home .hero-actions .button { font-size: 14px; padding: 11px 16px; } .hero-home h1 { order: -1; } .home-statistics { padding: 32px 0; } .home-statistics .container { width: 90%; gap: 24px 0; } .home-statistics .stat { padding: 10px 8px; min-height: 125px; } .home-statistics .stat:nth-child(3) { border-left: 0; } .home-statistics .stat strong { font-size: 42px; } .home-statistics .stat p { font-size: 14px; margin-top: 10px; } .home-statistics .stat::after { margin-top: 14px; width: 24px; } .service-subnav { gap: 28px; margin-bottom: 40px; } .service-subnav a { font-size: 18px; padding: 0 12px 16px; } .download-section { padding-bottom: 60px; } .download-empty { padding: 45px 18px; } .download-empty h3 { font-size: 24px; } .download-empty p { font-size: 15px; } .download-actions { flex-direction: column; gap: 20px; } } @media (max-width: 360px) { .header-inner .brand { width: 148px; } .header-tools { gap: 8px; } .header-contact-numbers { gap: 12px; } .hero-home h1 { font-size: 33px; } .home-statistics .stat strong { font-size: 36px; } } @media (hover: none) { .certificate-preview::after { opacity: 1; } } .home-modules .module-icons { background: #ffffff99; } .home-modules .module-icon { position: relative; border: 0; } .home-modules .module-icon::before, .home-modules .module-icon:last-child::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: #c7b55d; pointer-events: none; } .home-modules .module-icon:last-child::after { left: auto; right: 0; } .home-modules .module-icon p { position: relative; } .home-modules .module-icon p::before { content: ''; position: absolute; left: 50%; top: -26px; translate: -50% 0; width: 64px; height: 4px; background: #29333d4d; filter: blur(3px); pointer-events: none; } body { font-family: var(--sans); } .download-empty h3, .download-empty p { font-family: var(--sans); font-weight: 400; } @media (max-width: 800px) { .home-modules .module-icon:nth-child(4)::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: #c7b55d; pointer-events: none; } .home-modules .module-icon p::before { top: -18px; width: 34px; height: 3px; filter: blur(2px); } } [data-page="culture"] .culture-stage { padding: clamp(64px, 7vw, 132px) 0; } .team-introduction-surface { display: flow-root; background: #f0f5f8 url('../images/image-056.webp') center/cover no-repeat; } .team-introduction-surface > .about-intro-surface, .team-introduction-surface > .team-profile { background: transparent; } [data-page="team"] .about-intro-surface, [data-page="careers"] .about-intro-surface { display: flow-root; padding-bottom: 48px; } [data-page="team"] .about-tabs, [data-page="careers"] .about-tabs { margin-bottom: 0; } @media (max-width: 800px) { [data-page="culture"] .culture-stage { padding-block: 40px; } [data-page="team"] .about-intro-surface, [data-page="careers"] .about-intro-surface { padding-bottom: 32px; } }
[data-page="news"] .news-row[data-category="industry"] .tag, [data-page="index"] .home-news-list .news-category[data-news-category="industry"] { background: #21469d; border-color: #21469d; color: #fff; } [data-page="news"] .news-row[data-category="company"] .tag, [data-page="index"] .home-news-list .news-category[data-news-category="company"] { background: #c6b331; border-color: #c6b331; color: #203454; } :is([data-page="index"], [data-page="products"]) .product-card > .card-image-frame { flex: 0 0 auto; overflow: hidden; aspect-ratio: 1.48; background: #ededed; } [data-page="cases"] .case-card > .card-image-frame { overflow: hidden; aspect-ratio: 1.65; } :is([data-page="index"], [data-page="products"]) .product-card > .card-image-frame > img, [data-page="cases"] .case-card > .card-image-frame > img { display: block; width: 100%; height: 100%; min-height: 0; max-height: none; aspect-ratio: auto; transform-origin: center; } :is([data-page="index"], [data-page="products"]) .product-card > .card-image-frame > img { object-fit: contain; } [data-page="cases"] .case-card > .card-image-frame > img { object-fit: cover; } @media (min-width: 1101px) { :is([data-page="index"], [data-page="products"]) .product-card > .card-image-frame { aspect-ratio: 1.5; } } @media (hover: hover) and (pointer: fine) { :is([data-page="index"], [data-page="products"], [data-page="cases"]) .card-image-frame > img, [data-page="index"] .case-mosaic img { transition: transform .4s cubic-bezier(.2,.65,.25,1); } :is([data-page="index"], [data-page="products"]) .product-card:is(:hover, :focus-within) > .card-image-frame > img, [data-page="cases"] .case-card:is(:hover, :focus-within) > .card-image-frame > img, [data-page="index"] .case-mosaic a:is(:hover, :focus-visible) > img { transform: scale(1.05); } } @media (hover: none), (pointer: coarse) { :is([data-page="index"], [data-page="products"], [data-page="cases"]) .card-image-frame > img, [data-page="index"] .case-mosaic a:hover > img { transform: none; transition: none; } } @media (prefers-reduced-motion: reduce) { :is([data-page="index"], [data-page="products"], [data-page="cases"]) .card-image-frame > img, [data-page="index"] .case-mosaic a:is(:hover, :focus-visible) > img { transform: none !important; transition: none !important; } }
[data-page="index"] { --home-blue: #163e82; --home-ink: #173b70; --home-muted: #53657d; --home-border: #b8c9dd; } [data-page="index"] #main .section-title h2 { color: var(--home-ink); } [data-page="index"] #main .section-title > p { color: #596980; } [data-page="index"] .home-introduction .text-link { color: var(--home-blue); border-bottom-color: #ae902e; } [data-page="index"] .home-statistics { background: #123b7a; color: #e2ebf7; } [data-page="index"] .home-statistics .stat strong { color: #fffdf6; } [data-page="index"] .home-statistics .stat strong sup { color: #e4ce65; } [data-page="index"] .home-statistics .stat + .stat { border-left-color: #5272a1; } [data-page="index"] .home-statistics .stat::after { background: #e4ce65; } [data-page="index"] .home-products { background: #edf2f8; } [data-page="index"] .home-products .product-card, [data-page="index"] .home-news-feature { border-color: var(--home-border); border-radius: 0; box-shadow: none; } [data-page="index"] .home-products .card-kicker, [data-page="index"] .home-news-feature .card-kicker { color: #536b8e; } [data-page="index"] .home-products .product-card h3, [data-page="index"] .home-news-feature h3 { color: var(--home-ink); } [data-page="index"] .home-products .product-card p, [data-page="index"] .home-news-feature p { color: #566274; } [data-page="index"] .home-products .tag { background: #f4edcf; color: #705a16; } [data-page="index"] .home-products .card-link, [data-page="index"] .home-news-feature .card-link { background: #edf3fa; color: var(--home-blue); border-top-color: #c3d1e3; transition: background-color .25s ease, color .25s ease; } [data-page="index"] .home-products .center-action .button { min-width: 176px; min-height: 48px; background: var(--home-blue); border-color: var(--home-blue); color: #fff; } [data-page="index"] .home-news-section { background: #f3f6fb; } [data-page="index"] .home-news-section > .container { width: min(83.333333%, 1600px); } [data-page="index"] .home-news-list a { background: #fff; border-top-color: #c2d0e1; padding-inline: 20px; transition: background-color .25s ease; } [data-page="index"] .home-news-list a:last-child { border-bottom-color: #c2d0e1; } [data-page="index"] .home-news-list time { color: #244982; } [data-page="index"] .home-news-list time small { color: #64748b; } [data-page="index"] .home-news-list h3 { color: #203e68; } [data-page="index"] .home-news-list p { color: #5c6c80; } [data-page="index"] .home-news-feature { max-width: none; } [data-page="index"] :is(.home-products, .home-news-section, .home-introduction) :is(a, button):focus-visible { outline-color: #896b15; } [data-page="index"] :is(.home-products, .home-news-section) .product-card:focus-within { border-color: var(--home-blue); box-shadow: none; } [data-page="index"] :is(.home-products, .home-news-section) .card-link:focus-visible { background: var(--home-blue); color: #fff; } @media (min-width: 1101px) { [data-page="index"] .home-news { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 36px; } [data-page="index"] .home-news-list h3 { font-size: 17px; line-height: 1.75; } [data-page="index"] .home-news-list p { font-size: 14px; line-height: 1.8; margin-top: 6px; } } @media (hover: hover) and (pointer: fine) { [data-page="index"] :is(.home-products, .home-news-section) .product-card:hover { border-color: var(--home-blue); box-shadow: none; } [data-page="index"] :is(.home-products, .home-news-section) .card-link:hover { background: var(--home-blue); color: #fff; } [data-page="index"] .home-products .center-action .button:hover { background: #0b2c62; border-color: #0b2c62; box-shadow: none; } [data-page="index"] .home-news-list a:hover { background: #e7eef8; } [data-page="index"] .home-news-list a:hover h3 { color: var(--home-blue); } [data-page="index"] .home-news-list a:hover p { color: #465e7d; } } @media (max-width: 1100px) { [data-page="index"] .home-news-section > .container { width: 90%; } } @media (max-width: 800px) { [data-page="index"] .home-statistics .stat:nth-child(3) { border-left-color: transparent; } [data-page="index"] .home-news-list a { padding-inline: 12px; } } @media (prefers-reduced-motion: reduce) { [data-page="index"] :is(.home-products, .home-news-section) :is(.product-card, .card-link, .button, .home-news-list a) { transition: none; } }
/* Maintain readable text throughout entrance motion and enlarge native controls. */
img { height:auto; }
html.zy-lazy-backgrounds [data-page="index"] .home-modules:not(.zy-background-ready) { background-image:linear-gradient(#ffffffd9,#ffffffd9); }
html.zy-lazy-backgrounds [data-page="index"] .inquiry:not(.zy-background-ready) { background-image:none; }
.site-header .nav-link[aria-current="page"],.site-header .nav-link:hover { color:#796717; }
.inquiry-form select { color:#595959; }
.inquiry-form button { color:#15365c; }
.inquiry-form input::placeholder { color:#e2e8f0; opacity:1; }
.hero-dots { gap:4px; }
.hero-home .hero-dot { width:32px;height:32px;min-width:32px;min-height:32px;border-radius:0;background:transparent;opacity:1;display:grid;place-items:center;box-shadow:none; }
.hero-home .hero-dot::after { content:'';display:block;width:11px;height:11px;border-radius:50%;background:#fff; }
.hero-home .hero-dot.active::after { width:22px;border-radius:9px;background:var(--gold); }
.hero-home .hero-dot:hover { background:transparent;box-shadow:none; }
.hero-home .hero-dot:focus-visible { outline:2px solid #fff;outline-offset:2px; }
.hero-home,.hero-home.banner-ready { background-image:none;background-color:#102e65; }
.hero-home:not(.banner-ready)>.hero-slides { visibility:visible; }
.hero-home:not(.banner-ready) .hero-slide:not(:first-child) { display:none; }
.hero-slide { position:relative; }
.hero-slide-image { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 39%;background-size:cover;background-position:center 39%; }
.hero-slide:not(:first-child)::after { content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#203d826b,#142a6880 68%,#071d5ab3); }
.site-footer [data-motion-type="footer"] { opacity:1!important;visibility:visible!important; }
@media(max-width:800px) { .hero-slide-image { object-position:47% center;background-position:47% center; } }
@media(max-width:800px) { .footer-links a { min-height:32px;padding-block:5px;line-height:1.8; } }

/* Sized CSS backgrounds, retaining originals for media editing. */
.home-modules{background-image:linear-gradient(#ffffffd9,#ffffffd9),url('../optimized/bef1c83f349698716573-1600.webp');}
@media(max-width:800px){.home-modules{background-image:linear-gradient(#ffffffd9,#ffffffd9),url('../optimized/bef1c83f349698716573-480.webp');}}
.hero:not(.hero-home){background-image:url('../optimized/f400889936e3d0c43000-1600.webp');}
@media(max-width:800px){.hero:not(.hero-home){background-image:url('../optimized/f400889936e3d0c43000-960.webp');}}
.inquiry{background-image:url('../optimized/1ac496656ca8f13608a7-1600.webp');}
@media(max-width:800px){.inquiry{background-image:url('../optimized/1ac496656ca8f13608a7-480.webp');}}