:root{--blue:#0163ba;--ink:#141719;--soft:#f3f6fc;--muted:#68727c;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff}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}button:disabled{cursor:default}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #3f99dc;outline-offset:5px}.site-shell{position:relative;max-width:1920px;margin:auto;container-type:inline-size}.site-header{position:absolute;inset:0 0 auto;height:6.25cqw;min-height:66px;z-index:20;display:flex;align-items:flex-start;padding:1.04167cqw 6.25cqw;justify-content:space-between}.brand{width:7.39583cqw;min-width:88px;flex-shrink:0}.brand img{width:100%;height:auto}.site-header nav{display:flex;align-items:center;gap:3.2cqw;padding-top:1.04cqw}.site-header nav a{font-size:max(12px,.9375cqw);position:relative;padding-bottom:.75cqw;white-space:nowrap}.site-header nav a::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover::after,.site-header nav a[aria-current]::after{transform:scaleX(1)}.light-on-dark{color:#fff}.menu-toggle{display:none}.art-section{position:relative;width:100%;overflow:hidden;container-type:inline-size}.desktop-layout{position:absolute;inset:0;--u:calc(100cqw / 1920)}.layer,.hotspot{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));width:calc(var(--w)*var(--u));height:calc(var(--h)*var(--u));margin:0}.graphic{object-fit:fill;pointer-events:none;max-width:none}.desktop-layout video.layer{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));width:calc(var(--w)*var(--u));height:calc(var(--h)*var(--u));margin:0;object-fit:cover;object-position:100% 50%}.text{font-size:calc(var(--size)*var(--u));line-height:calc(var(--line)*var(--u));white-space:normal;word-break:normal;overflow:visible}.text-link{z-index:2}.hotspot{z-index:5;border:0;background:transparent;display:block}.button-hotspot{transition:background .2s,box-shadow .2s}.button-hotspot:hover{background:#ffffff1c;box-shadow:0 5px 18px #0163ba30}.product-hotspot{border:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s}.product-hotspot span{position:absolute;bottom:0;left:0;right:0;padding:8% 10%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:1.05cqw;opacity:0;transform:translateY(20%);transition:transform .3s,opacity .3s}.product-hotspot b{font-size:1.7em}.product-hotspot:hover,.product-hotspot:focus-visible{border-color:#0163ba44;box-shadow:0 12px 28px #0163ba24}.product-hotspot:hover span,.product-hotspot:focus-visible span{opacity:1;transform:translateY(0)}.mobile-layout,.mobile-hero,.mobile-cta,.mobile-footer{display:none}.primary-button{display:inline-flex;background:var(--blue);color:white;align-items:center;justify-content:space-between;gap:30px;min-height:48px;padding:14px 25px;border:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%);transition:background .2s,transform .2s}.primary-button:hover{background:#004f91;transform:translateY(-2px)}.secondary-button{display:inline-flex;border:1px solid #bad8f1;padding:13px 22px;color:var(--blue);margin:12px 0}.section-heading{text-align:center}.section-heading h2{font-size:clamp(24px,2.6vw,50px);font-weight:700;line-height:1.5}.section-heading>p{font-size:clamp(12px,1.25vw,24px);color:rgba(0,0,0,1);opacity: 1;margin-top:20px}.intro{color:#626b72;font-size:clamp(14px,1.25vw,24px);line-height:1.8;text-align:center;margin:40px auto;max-width:1080px}.catalogue{width:75%;margin:1.04167cqw auto 8.33333cqw}.catalogue-toolbar{display:flex;align-items:center;gap:3.125cqw;margin-bottom:2.604cqw;font-size:max(12px,.9375cqw)}.search-box{position:relative;width:33.333%}.search-box input{width:100%;height:2.604cqw;min-height:38px;border:1px solid #dce1e6;padding:0 2.8cqw 0 1.04cqw;background:#fff;font-size:inherit}.search-box>span:last-child{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:22px;color:#77808a}.sort-label{margin-left:auto}.sort-label select{height:2.604cqw;min-height:38px;border:1px solid #e0e4e8;background:#fff;padding:0 1.2cqw;color:#555}.category-filters,.flange-filters{display:flex;gap:.9375cqw;flex-wrap:wrap;padding:0 0 1.5625cqw}.category-filters button,.flange-filters button{background:transparent;border:0;padding:.72cqw 1.1cqw;font-size:max(12px,.9375cqw);white-space:nowrap;transition:background .2s,color .2s}.category-filters button[aria-pressed=true],.flange-filters button[aria-pressed=true]{background:var(--blue);color:#fff}.category-filters button:hover,.flange-filters button:hover{background:#e6f1fa;color:var(--blue)}.flange-filters{border-top:1px solid #e7e9ed;padding-top:1.05cqw;margin-bottom:.9cqw}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5625cqw}.product-card{position:relative;display:flex;flex-direction:column;min-width:0;aspect-ratio:460/570;background:#f4f7fb;overflow:hidden;transition:background .32s,box-shadow .32s,transform .32s;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.product-picture{display:flex;align-items:center;justify-content:center;height:70%;padding:1.4cqw .5cqw}.product-picture img{width:100%;height:100%;object-fit:contain;transition:transform .45s cubic-bezier(.2,.7,.2,1);mix-blend-mode:multiply}.product-copy{position:relative;padding:.9375cqw 2.604cqw 2cqw;margin-top:auto;min-height:30%;transition:color .3s,background .3s}.product-copy p{font-size:max(10px,.72917cqw);color:#777;line-height:1.6;margin-bottom:.39167cqw}.product-copy h3{font-weight:400;font-size:max(14px,1.25cqw);line-height:1.5}.product-plus{position:absolute;right:1.5625cqw;bottom:1.5625cqw;display:grid;place-content:center;width:1.7cqw;height:1.7cqw;min-width:24px;min-height:24px;border-radius:50%;background:white;color:var(--blue);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.product-card:hover,.product-card:focus-visible{background:var(--blue);box-shadow:0 10px 35px #0163ba26;transform:translateY(-5px)}.product-card:hover .product-picture img,.product-card:focus-visible .product-picture img{transform:scale(1.13);mix-blend-mode:normal}.product-card:hover .product-copy,.product-card:focus-visible .product-copy{color:#fff}.product-card:hover .product-copy p,.product-card:focus-visible .product-copy p{color:#b7d9f1}.product-card:hover .product-plus,.product-card:focus-visible .product-plus{opacity:1;transform:none}.catalogue-grid{row-gap:1.5625cqw}.related-section{width:75%;margin:6.25cqw auto 8.333cqw}.empty-results{text-align:center;padding:5cqw 0 3cqw}.empty-results img{width:18.75cqw;max-width:300px;margin:0 auto 30px}.empty-results h2{font-size:clamp(22px,2vw,36px)}.empty-results p{margin:20px 0 35px;color:#727b85}.faq-section{padding:5.21cqw 12.5cqw 7.2917cqw}.faq-list{margin:3.125cqw auto 0}.faq-list details{border-bottom:1px solid #e6e9ec}.faq-list summary{list-style:none;padding:1.46cqw 1.5625cqw;font-size:clamp(15px,1.25vw,24px);cursor:pointer;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";font-weight:300;color:#8e99a3}.faq-list details[open] summary::after{content:"−";color:var(--blue)}.faq-list details[open]{background:#f4f7fb}.faq-list details p{font-size:clamp(14px,1.25vw,24px);line-height:2;color:#66727d;padding:.7cqw 3.2cqw 2cqw}.floating-actions{position:fixed;right:16px;bottom:100px;z-index:30;background:#f0f2f4d9;border-radius:30px;box-shadow:0 4px 15px #00000009;backdrop-filter:blur(12px);display:flex;flex-direction:column;overflow:hidden}.floating-actions a{width:36px;height:36px;display:grid;place-content:center;color:#737c84;font-size:22px;transition:background .2s}.floating-actions a:hover{background:#d7eafa;color:var(--blue)}.reveal.is-prepared{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-prepared.is-visible{opacity:1;transform:none}.skip-link{position:fixed;top:-70px;left:15px;background:var(--blue);color:#fff;padding:12px;z-index:100}.skip-link:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}dialog{border:0;padding:55px;max-width:min(620px,90vw);color:var(--ink);box-shadow:0 24px 90px #10243b30}dialog::backdrop{background:#15243688;backdrop-filter:blur(3px)}dialog h2{font-size:26px;margin-bottom:20px}dialog p{font-size:15px;line-height:1.9;color:#687480;margin-bottom:30px}.dialog-phone{display:block;margin-top:20px;color:var(--blue)}.close-panel{position:absolute;right:18px;top:12px;width:32px;height:32px;border:0;background:transparent;font-size:28px;color:#222;display:grid;place-content:center;z-index:2}#image-dialog{padding:35px;max-height:95vh}#image-dialog img{max-height:84vh;width:auto}.inquiry-page{position:relative;min-height:100vh;background:linear-gradient(#172638b3,#17263885),var(--inquiry-bg) center/cover;display:grid;place-items:center;padding:8vh 20px}.inquiry-backdrop-title{position:absolute;left:0;right:0;top:9%;text-align:center;color:#fff}.inquiry-backdrop-title h1{font-size:clamp(25px,3.125vw,60px)}.inquiry-backdrop-title p{margin-top:14px}.inquiry-panel{position:relative;z-index:1;background:#fff;width:min(1200px,75vw);padding:32px 30px 45px;box-shadow:0 30px 90px #0002}.inquiry-panel .section-heading h2{font-size:clamp(25px,2.1vw,40px)}.inquiry-panel .section-heading p{font-size:14px;margin-top:8px;color:#929292}#inquiry-form{width:min(600px,90%);margin:26px auto 0}#inquiry-form label{display:grid;grid-template-columns:100px 1fr;align-items:center;margin-bottom:15px;font-size:14px;gap:18px}#inquiry-form input,#inquiry-form textarea{border:0;background:#f7f8fa;padding:13px 17px;width:100%;min-width:0;font-size:14px;border-radius:0;resize:vertical}#inquiry-form input::placeholder,#inquiry-form textarea::placeholder{color:#a5a9ad}#inquiry-form .message-field{grid-template-columns:1fr;gap:10px}#inquiry-form .primary-button{display:flex;margin:25px auto 0;min-width:180px}.form-note{font-size:12px;color:#7e8790;line-height:1.8;text-align:center}.feedback-overlay{position:absolute;inset:0;z-index:5;background:#0008;display:grid;place-content:center;padding:20px}.feedback{position:relative;background:#fff;width:min(650px,85vw);padding:45px 30px;text-align:center}.feedback>img{width:170px;margin:0 auto 22px}.feedback h2{font-size:23px}.feedback p{margin:15px 0 30px;color:#7b858d;font-size:14px}.mobile-footer a{overflow-wrap:anywhere}
/* Original artboard proportions, with independent interactive controls. */
.product-card{aspect-ratio:460/560}
.product-picture{padding:0;height:70%}
.product-picture img{width:var(--picture-width,87%);height:auto;max-height:100%;object-fit:contain}
.product-copy{padding:1.146cqw 2.604cqw 2.604cqw}
.product-copy p{margin-bottom:1.042cqw}
.catalogue-grid{position:relative;isolation:isolate;padding-top:3.125cqw;padding-bottom:10.417cqw;row-gap:2.0833cqw}
.catalogue-grid::before{content:"";position:absolute;inset:0;left:50%;width:100cqw;transform:translateX(-50%);background:#f5f8fd;z-index:-1}
.catalogue-grid .product-card{background:#fff}
.catalogue-grid .product-card:hover,.catalogue-grid .product-card:focus-visible{background:var(--blue)}
.catalogue{margin-bottom:0}
.related-section{margin-bottom:10.417cqw}
.gallery-control,.certificate-control{transition:box-shadow .25s,background .25s}
.gallery-control:hover,.gallery-control[aria-pressed=true],.certificate-control:hover{box-shadow:inset 0 0 0 2px #0163ba66;background:#0163ba08}
.variant-control.is-active{box-shadow:inset 0 0 0 1px #0163ba88}
.image-changed{animation:product-in .35s ease}
@keyframes product-in{from{opacity:.35;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.spec-section{padding:3.125cqw 0 2.604cqw}
.spec-section>.section-heading{margin:0 8.333cqw;text-align:left;position:relative}
.spec-section>.section-heading h2{font-size:2.0833cqw;line-height:2.5cqw}
.spec-section>.section-heading>p{margin:0.5208cqw 0 0 2.0833cqw;font-size:1.04167cqw;line-height:1.25cqw;color:#191919}
.spec-section>.section-heading::after{content:"";position:absolute;height:1px;background:#e9edf2;left:0;right:0;top:2.5cqw}
.spec-accordion{width:75%;margin:3.073cqw auto 0}
.spec-accordion details{margin-bottom:.5208cqw}
.spec-accordion details:last-child{margin:0}
.spec-accordion summary{height:4.167cqw;background:#f4f6fd;display:flex;align-items:center;justify-content:space-between;padding:0 1.5625cqw;font-size:1.25cqw;list-style:none;cursor:pointer}
.spec-accordion summary::-webkit-details-marker{display:none}
.spec-accordion summary::after{content:"⌄";color:#77808b}
.spec-accordion details[open] summary{color:var(--blue);font-weight:700}
.spec-accordion details[open] summary::after{content:"⌃"}
.spec-scroll{overflow-x:auto}
.spec-scroll table{width:100%;border-collapse:collapse;font-size:1.25cqw;text-align:left}
.spec-scroll td{height:4.167cqw;border-bottom:1px solid #edf0f4;padding:0 1.5625cqw}
.spec-scroll td:first-child{width:21%}.spec-scroll td:nth-child(2){width:17%}.spec-scroll td:nth-child(3){width:21%}
.model-request{padding:2cqw 1.5625cqw;font-size:1.1cqw;line-height:2;color:#6a7580}
.model-request a{color:var(--blue);display:inline-block;margin-top:12px}
.benefit-icon{height:54px;width:60px;object-fit:contain;margin-bottom:20px;object-position:left center}
.mobile-gallery{display:flex;gap:10px;margin:0 0 26px}
.mobile-gallery button{padding:0;border:1px solid transparent;background:#f3f6fc;width:25%}
.mobile-gallery button[aria-pressed=true]{border-color:var(--blue)}
@media(min-width:1921px){.site-shell{max-width:1920px}}
@media(max-width:800px){html{scroll-padding-top:74px}.site-header{position:relative;min-height:72px;height:72px;padding:11px 22px;align-items:center;background:#fff;color:var(--ink)}.brand{width:86px;min-width:86px}.brand img{max-height:50px;object-fit:contain}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px;border:0;background:transparent}.menu-toggle span{display:block;width:24px;height:2px;background:#334150;transition:transform .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-header nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;box-shadow:0 16px 24px #1023351a;padding:10px 22px 22px;gap:0}.site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch}.site-header nav a{padding:15px 8px;font-size:15px;border-bottom:1px solid #eef0f3}.site-header nav a::after{height:1px}.site-header nav a[aria-current]{color:var(--blue)}.art-section{aspect-ratio:auto!important;overflow:visible}.desktop-layout{display:none}.mobile-layout,.mobile-hero,.mobile-cta,.mobile-footer{display:block}.mobile-section{padding:50px 22px}.mobile-section>.primary-button{display:flex;width:fit-content;margin:30px auto 0}.mobile-hero{position:relative;min-height:300px;background:linear-gradient(90deg,#071526d9,#07152635),var(--hero) 60% center/cover;color:#fff;padding:72px 26px 50px}.mobile-hero h1{font-size:32px;line-height:1.5;letter-spacing:1px}.mobile-hero p{font-size:14px;line-height:1.9;margin-top:14px;max-width:285px}.home-mobile-hero{height:520px;padding:42px 24px;background:var(--hero) 62% bottom/auto 320px no-repeat,#e4e7ec;color:#171e23;display:flex;align-items:flex-start}.home-mobile-hero h1{font-size:38px}.home-mobile-hero p{max-width:100%;font-size:13px;margin:7px 0 23px}.home-mobile-hero .primary-button{min-height:43px;padding:11px 20px;font-size:13px;gap:25px}.section-heading h2{font-size:25px;line-height:1.5}.section-heading>p{font-size:12px;margin-top:8px}.intro{font-size:14px;margin:20px 0 28px;line-height:1.9}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 22px;margin-top:35px}.benefit-grid h3{font-size:17px;font-weight:500;line-height:1.5;margin-bottom:12px}.benefit-grid p{font-size:12px;line-height:1.9;color:#6c7882}.outline-symbol{display:block;color:#74b7ed;font-size:43px;font-weight:300;margin-bottom:18px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-card{aspect-ratio:164/260;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.product-picture{height:58%;padding:15px 6px}.product-copy{min-height:42%;padding:10px 14px 30px}.product-copy p{font-size:10px;margin-bottom:8px;line-height:1.6}.product-copy h3{font-size:13px;line-height:1.7}.product-plus{right:10px;bottom:10px;width:20px;height:20px;min-width:20px;min-height:20px;opacity:1;transform:none;background:#e2eff9;font-size:14px}.product-card:hover{transform:none}.mobile-cta{padding:55px 24px;text-align:center;background:#f2f5fb}.mobile-cta h2{font-size:24px;line-height:1.8}.mobile-cta p{font-size:13px;line-height:2;margin:20px 0 28px;color:#78828b}.mobile-cta .section-heading p{font-size:10px;margin:10px 0}.photo-cta{background:linear-gradient(#142030c7,#071624c2),var(--cta-image) center/cover;color:#fff}.photo-cta p{color:#c1c8d0}.stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:0 0 38px;padding:20px 0 35px;border-bottom:1px solid #e6e9ed}.stats b{font-family:Arial,sans-serif;font-size:32px;font-weight:400}.stats b span{font-size:16px}.stats p{font-size:13px;line-height:1.8;margin-top:6px}.company-mobile>img{width:100%;aspect-ratio:5/4;object-fit:cover}.company-mobile h2{font-size:23px;line-height:1.7;margin:30px 0 23px}.company-mobile p{font-size:13px;line-height:2.1;color:#66717b;margin-bottom:15px}.company-mobile .primary-button{margin-top:8px}.mobile-footer{background:#040707;color:#fff;padding:40px 24px 25px}.mobile-footer>img{width:100px;margin-bottom:25px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px}.footer-links a{font-size:13px}.mobile-footer>p,.mobile-footer>a{font-size:12px;color:#909aa3;line-height:2.2;display:block}.mobile-footer>small{display:block;font:10px Arial,sans-serif;color:#626a70;border-top:1px solid #222;margin-top:25px;padding-top:20px}.catalogue{width:auto;margin:28px 22px 50px}.catalogue-toolbar{flex-wrap:wrap;gap:16px;font-size:12px;margin-bottom:22px}.search-box{width:100%}.search-box input{height:45px;padding:0 40px 0 15px}.sort-label select{height:34px;font-size:12px;padding:0 10px}.category-filters{gap:8px;margin-bottom:15px;padding:0;max-height:174px;overflow:auto}.category-filters button,.flange-filters button{font-size:12px;white-space:normal;padding:8px 10px;line-height:1.5;background:#f3f6f9}.flange-filters{gap:5px;padding:15px 0;margin:0 0 18px}.catalogue-grid{gap:15px 12px}.empty-results{padding:45px 0}.empty-results img{width:190px}.empty-results h2{font-size:22px}.empty-results p{font-size:13px;line-height:1.8}.case{margin-top:35px;padding-bottom:28px;border-bottom:1px solid #e5e8ec}.case>img{width:100%;aspect-ratio:6/5;object-fit:cover}.case h3{font-size:21px;line-height:1.7;margin:25px 0 15px}.case h4{font-size:15px;margin-top:18px;margin-bottom:6px}.case p{font-size:13px;color:#697681;line-height:1.95}.process-list{list-style:none;counter-reset:steps;margin:30px 0 0;padding:0 0 0 18px;border-left:1px solid #b4d6ef;display:grid;gap:30px}.process-list li{display:flex;align-items:center;gap:20px}.process-list span{font:32px Arial;color:var(--blue)}.process-list h3{font-size:16px;font-weight:400}.timeline{margin-top:32px;border-left:1px solid #b4d6ef;padding-left:22px}.timeline article{padding:0 0 30px;position:relative}.timeline article::before{content:"";position:absolute;left:-27px;top:10px;width:9px;height:9px;background:#0163ba;border:2px solid #dbefff;border-radius:50%}.timeline b{font:27px Arial;color:var(--blue)}.timeline h3{font-size:17px;margin:10px 0}.timeline p{color:#6c7780;font-size:13px;line-height:1.9}.certificate-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 18px;margin-top:32px}.certificate{background:transparent;border:0;padding:0;text-align:center}.certificate img{width:100%}.certificate span{display:block;font-size:11px;line-height:1.8;margin-top:13px}.contact-cards{display:grid;gap:16px;margin:32px 0}.contact-cards article{padding:22px;background:#f4f7fb}.contact-cards h3{font-size:17px;margin-bottom:10px}.contact-cards p,.contact-cards a{font-size:13px;line-height:2;color:#6c7882;display:block;overflow-wrap:anywhere}.contact-cards small{font-size:11px;color:#89939b}.contact-map{width:calc(100% + 44px);max-width:none;margin:0 -22px -50px;min-height:220px;object-fit:cover}.document-cards{display:grid;gap:14px}.document-cards button{display:flex;align-items:center;gap:15px;padding:22px 14px;background:#f5f8fc;border:0;text-align:left;font-size:14px;line-height:1.7}.document-cards button>span:last-child{margin-left:auto;color:var(--blue)}.file-icon{font:10px Arial;color:var(--blue);border:1px solid #b9d8ef;padding:8px 4px}.faq-section{padding:50px 22px}.faq-list{margin-top:28px}.faq-list summary{padding:20px 13px;font-size:14px;line-height:1.7}.faq-list details p{font-size:13px;line-height:1.9;padding:0 18px 25px}.team-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.team-grid h3{font-size:14px;font-weight:400;padding:12px;background:#edf5fc;color:#1266a4}.detail-mobile .main-product-image{width:80%;margin:0 auto 25px}.detail-mobile>p{font-size:12px;color:#83909a}.detail-mobile h1{font-size:27px;line-height:1.6;margin:15px 0 24px}.variant-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.variant-options button{border:1px solid #dce4eb;background:#f4f7fb;font-size:10px;padding:9px}.variant-options button.is-active{background:var(--blue);color:white;border-color:var(--blue)}.detail-mobile .primary-button{width:100%;justify-content:center}.secondary-button{width:100%;justify-content:center;font-size:13px}.diagram{margin-top:30px;width:100%}.spec-scroll{overflow:auto;margin-top:25px}.spec-scroll table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}.spec-scroll caption{text-align:left;font-size:16px;background:#eef4fa;padding:14px;color:#0163ba}.spec-scroll th,.spec-scroll td{padding:13px 10px;text-align:left;border-bottom:1px solid #e4e9ee}.spec-scroll th{background:#f6f8fa;font-weight:400;color:#697581}.related-section{width:auto;margin:30px 22px 50px}.floating-actions{right:8px;bottom:24px}.floating-actions a{width:33px;height:33px;font-size:19px}.inquiry-page{padding:30px 16px;min-height:100svh}.inquiry-panel{width:100%;padding:42px 18px 28px}.inquiry-backdrop-title{display:none}#inquiry-form{width:100%;margin-top:30px}#inquiry-form label{grid-template-columns:1fr;gap:9px;font-size:13px;margin-bottom:19px}#inquiry-form input,#inquiry-form textarea{font-size:16px;padding:13px}#inquiry-form .message-field{gap:9px}.feedback{width:calc(100vw - 42px);padding:40px 22px}.feedback h2{font-size:22px}.feedback p{font-size:13px;line-height:1.9}dialog{padding:45px 25px;max-width:calc(100vw - 36px)}dialog h2{font-size:22px}.reveal.is-prepared{transform:translateY(12px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.is-prepared{opacity:1;transform:none}}
@media print{.site-header,.floating-actions,.primary-button,.hotspot,.menu-toggle{display:none!important}.reveal.is-prepared{opacity:1;transform:none}.site-shell{width:100%;max-width:none}}
@media(max-width:800px){
 .home-mobile-hero{background-blend-mode:multiply}
 .product-picture{padding:15px 6px}
 .product-picture img{width:var(--picture-width,87%);min-width:48%;max-height:100%;height:auto}
 .catalogue-grid{padding:20px 0 40px}
 .catalogue-grid::before{width:100vw}
 .product-copy p{margin-bottom:8px}
 .spec-section{padding:50px 22px}
 .spec-section>.section-heading{margin:0;text-align:center}
 .spec-section>.section-heading h2{font-size:25px;line-height:1.5}
 .spec-section>.section-heading>p{font-size:12px;line-height:1.5;margin:8px 0 0;color:#929ba4}
 .spec-section>.section-heading::after{display:none}
 .spec-accordion{width:100%;margin:30px 0 0}
 .spec-accordion details{margin-bottom:8px}
 .spec-accordion summary{height:48px;font-size:14px;padding:0 16px}
 .spec-scroll{margin:0}.spec-scroll table{font-size:12px}
 .spec-scroll td{padding:13px 10px;height:43px}
 .model-request{font-size:13px;padding:20px 14px}
 #features .mobile-section{background:#0163ba;color:white}
 #features .benefit-grid p{color:#c3e1f7}
 .related-section{margin:30px 22px 50px}
}
@media(prefers-reduced-motion:reduce){.image-changed{animation:none}}
.floating-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.faq-expand{display:flex;margin:30px auto 0}
@media(min-width:801px){
 .faq-section{padding:5.2083cqw 12.5cqw 3.333cqw}
 .faq-section .section-heading h2{font-size:2.604cqw;line-height:2.604cqw}
 .faq-section .section-heading>p{margin-top:1.927cqw;font-size:1.25cqw;line-height:1.25cqw}
 .faq-section .intro{margin:4.167cqw 0 3.073cqw;font-size:1.25cqw;line-height:1.875cqw;color:#222}
 .faq-list{margin:0}
 .faq-list details{border:0;margin:0 0 .5208cqw;background:transparent}
 .faq-list details:first-child{margin-bottom:0}.faq-list details:last-child{margin-bottom:0}
 .faq-list summary{height:4.167cqw;padding:0 1.5625cqw;align-items:center;font-size:1.25cqw;background:#f4f6fd}
 .faq-list details[open] summary{color:var(--blue);font-weight:700}
 .faq-list details[open] summary::after{content:'⌃'}
 .faq-list summary::after{content:'⌄'}
 .faq-list details p{font-size:1.25cqw;line-height:2.5cqw;background:#fff;color:#222;padding:1.615cqw 3.229cqw 1.51cqw}
 .faq-expand{width:15.625cqw;height:4.167cqw;min-height:0;margin:2.969cqw auto 0;font-size:1.25cqw;padding:0 2.08cqw}
 .inquiry-panel{width:62.5cqw;max-width:none;padding:2.0833cqw 2.0833cqw 3.125cqw}
 .inquiry-panel .section-heading h2{font-size:2.0833cqw;line-height:2.0833cqw}
 .inquiry-panel .section-heading p{font-size:.9375cqw;line-height:.9375cqw;margin-top:1.5625cqw}
 #inquiry-form{width:29.375cqw;max-width:90%;margin:2.0833cqw auto 0}
 #inquiry-form label{grid-template-columns:4.6875cqw 1fr;gap:1.5625cqw;margin-bottom:1.04167cqw;font-size:.9375cqw}
 #inquiry-form input{height:2.604cqw;font-size:.9375cqw;padding:0 1.04cqw}
 #inquiry-form textarea{height:7.29cqw;font-size:.9375cqw;padding:.833cqw .52cqw}
 #inquiry-form .primary-button{width:15.625cqw;height:4.167cqw;min-height:0;font-size:1.25cqw;margin-top:1.25cqw;padding:0 2.0833cqw}
 .form-note{font-size:.729cqw}
}
@media(max-width:800px){
 .home-mobile-hero{background-position:right bottom;background-size:auto 300px}
 #team .mobile-section{background:#0163ba;color:white}
 #team .mobile-section .intro{color:#c3e1f7}
 #team .mobile-section .section-heading>p{color:#a3c5e1}
 #team .primary-button{background:white;color:#0163ba}
}
@media(max-width:800px){.home-mobile-hero{background-size:auto clamp(240px,77vw,300px)}}
.product-hotspot span{height:37.2%;padding:7% 10% 10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1.2cqw;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.product-hotspot span small{font-size:.9375cqw;color:#c1dff5}
.product-hotspot span strong{font-size:1.25cqw;line-height:1.6;font-weight:400;padding-right:1cqw}
.product-hotspot span b{position:absolute;right:1.6cqw;bottom:1.3cqw;width:1.7cqw;height:1.7cqw;display:grid;place-content:center;background:#fff;color:#0163ba;border-radius:50%;font-size:1.25cqw;line-height:1}

/* Lanhu 1:1 desktop corrections */
@media(min-width:801px){
 .catalogue-toolbar{gap:4cqw}
 .search-box{width:23.95833cqw}
 .sort-label{position:relative}
 .sort-label select{appearance:none;width:6.25cqw;height:2.604cqw;padding:0 1.25cqw 0 .625cqw;border:0;background:transparent;color:#17191b;cursor:pointer}
 .sort-label::after{content:"";position:absolute;right:.625cqw;top:50%;width:.8333cqw;height:.8333cqw;border:solid #202326;border-width:0 1.5px 1.5px 0;transform:translateY(-70%) rotate(45deg);pointer-events:none}
 .category-filters button[aria-pressed=true]{clip-path:polygon(0 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%)}
 .flange-filters{padding-bottom:.76667cqw;margin-bottom:0}
 .flange-filters button{position:relative}
 .flange-filters button[aria-pressed=true],.flange-filters button:hover{background:transparent!important;color:var(--blue)}
 .flange-filters button[aria-pressed=true]::after{content:"";position:absolute;left:50%;bottom:0;width:3.22917cqw;height:2px;background:var(--blue);transform:translateX(-50%)}
 .category-filters .is-preview{color:var(--blue)}
 .catalogue--products .catalogue-grid{padding-top:2.8125cqw}
 .product-card.is-selected,.product-card.is-selected:hover,.product-card.is-selected:focus-visible{background:var(--blue);color:#fff}
 .product-card.is-selected .product-picture img{transform:none;mix-blend-mode:normal}
 .product-card.is-selected .product-copy{color:#fff}
 .product-card.is-selected .product-copy p{color:#c1dff5;margin-top:-3.85417cqw;margin-bottom:3.80208cqw}
 .product-card.is-selected .product-copy::before{content:"";position:absolute;left:2.39583cqw;top:-1.71875cqw;width:1px;height:3.64583cqw;background:#ffffff66}
 .product-card.is-selected .product-plus{opacity:1;transform:none}
 .product-card.is-selected:hover .product-picture img,.product-card.is-selected:focus-visible .product-picture img{transform:scale(1.06)}
 .catalogue--empty .category-filters{padding-bottom:1.707cqw}
 .catalogue-empty-grid{height:41.66667cqw;padding:9.375cqw 0 0;row-gap:0}
 .catalogue-empty-grid .empty-results{padding:0}
 .empty-results img{width:18.75cqw;max-width:none;height:auto;margin:0 auto 2.13542cqw}
 .empty-results p{margin:0 auto 2.91667cqw;color:#1d2023;font-size:.9375cqw;line-height:1.5cqw}
 .empty-results .primary-button{width:12.5cqw;height:3.64583cqw;min-height:0;padding:0 2.0833cqw;gap:0;font-size:.9375cqw}
 .inquiry-page{min-height:100vh;padding:0}
 .inquiry-panel{width:62.5cqw;height:41.66667cqw;padding:0;box-shadow:0 18px 55px #0002}
 .inquiry-panel>.close-panel,.feedback .close-panel{right:.9375cqw;top:.9375cqw;width:2.0833cqw;height:2.0833cqw;border-radius:50%;background:#0d0f11;color:#fff;font-size:1.5625cqw;line-height:1}
 .inquiry-panel .section-heading{position:absolute;left:0;right:0;top:2.13542cqw}
 .inquiry-panel .section-heading h2{font-size:2.0833cqw;line-height:2.0833cqw;font-weight:700}
 .inquiry-panel .section-heading h2::after{content:"";display:block;width:.15625cqw;height:.88542cqw;margin:.3125cqw auto 0;background:var(--blue)}
 .inquiry-panel .section-heading>p{display:flex;align-items:center;justify-content:center;gap:2.0833cqw;width:36.77083cqw;height:1.25cqw;margin:.41667cqw auto 0;color:#111;font-size:.9375cqw;line-height:1.25cqw}
 .inquiry-panel .section-heading>p::before,.inquiry-panel .section-heading>p::after{content:"";width:11.25cqw;height:1px;background:#d6d9dc;flex:none}
 #inquiry-form{position:absolute;left:15.26042cqw;top:8.75cqw;width:32.5cqw;margin:0}
 #inquiry-form label{grid-template-columns:7.03125cqw 25.46875cqw;gap:0;align-items:center;margin-bottom:1.09375cqw;font-size:.9375cqw;line-height:1.25cqw}
 #inquiry-form .field-label{position:relative;display:flex;justify-content:flex-start;align-items:center;padding-left:1.30208cqw;white-space:nowrap}
 #inquiry-form .field-label i{position:absolute;left:0;margin-right:0;color:#ff7417;font-style:normal}
 #inquiry-form input,#inquiry-form textarea{width:25.46875cqw;border:1px solid #c9cccf;background:#fff;border-radius:0;color:#202326}
 #inquiry-form input{height:2.55208cqw;padding:0 .78125cqw;font-size:.9375cqw}
 #inquiry-form textarea{height:6.19792cqw;padding:.8333cqw .78125cqw;font-size:.9375cqw;line-height:1.35;resize:none}
 #inquiry-form input::placeholder,#inquiry-form textarea::placeholder{color:#6f7479;opacity:1}
 #inquiry-form .message-field{display:grid;grid-template-columns:1fr;gap:.41667cqw;margin-top:.72917cqw}
 #inquiry-form .message-field .field-label{justify-content:flex-start}
 #inquiry-form .primary-button{position:absolute;left:8.17708cqw;top:34.47917cqw;width:15.625cqw;height:4.16667cqw;min-height:0;margin:0;padding:0 3.125cqw;gap:0;font-size:1.04167cqw}
 .feedback-overlay{background:#00000070}
 .feedback{width:50cqw;height:25cqw;padding:0;box-shadow:none}
 .feedback>img{width:13.22917cqw;height:auto;margin:4.16667cqw auto 3.28125cqw}
 .feedback h2{font-size:1.5625cqw;line-height:1.875cqw;font-weight:700}
 .feedback p{margin:.78125cqw 0 0;color:#686d73;font-size:.9375cqw;line-height:1.25cqw}
 .feedback .close-panel{font-size:1.35417cqw}
}

/* Exact Lanhu pass: products, inquiry and motion */
@media(min-width:801px){
 .catalogue-toolbar{gap:3.125cqw}
 .search-box{width:25cqw}
 .search-box>span:last-child{right:1.04167cqw;width:1.25cqw;height:1.25cqw;font-size:0}
 .search-box svg{display:block;width:100%;height:100%;fill:none;stroke:#17191b;stroke-width:1.5;stroke-linecap:round}
 .sort-label select{width:6.25cqw}
 .product-card.is-selected .product-picture{align-items:flex-start}
 .product-card.is-selected .product-picture img{width:53.69565%;height:66.07143%;max-height:none;margin-top:.15625cqw;object-fit:fill}
 .inquiry-page{background:linear-gradient(rgba(0,0,0,.78),rgba(0,0,0,.70)) center top/100% 45.3125cqw no-repeat,var(--inquiry-bg) center top/100% auto no-repeat,#7f7f7f}
 .inquiry-panel>.close-panel,.feedback .close-panel{right:1.04167cqw;top:1.04167cqw}
 #inquiry-form .message-field{padding-left:1.30208cqw;margin-top:1.35417cqw}
 #inquiry-form textarea{width:31.25cqw;height:6.92708cqw}
 #inquiry-form .primary-button{top:25.72917cqw;padding:0 2.0833cqw;font-size:1.25cqw}
 .inquiry-backdrop-title{top:10.3%;color:#7f7f7f}
 .inquiry-backdrop-title h1{transform:scaleX(.99)}
 .feedback-overlay{inset:auto;left:18.75cqw;top:7.29167cqw;width:62.5cqw;height:41.66667cqw;padding:0;background:rgba(0,0,0,.5);place-content:center}
}

.reveal.is-prepared{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1);
  transition-delay:var(--reveal-delay,0ms);
  will-change:opacity,transform
}
.reveal.is-prepared.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .reveal.is-prepared{opacity:1;transform:none;transition:none;transition-delay:0ms;will-change:auto}
}

/* Lanhu fidelity: product cards */
@media(min-width:801px){
  .product-copy{padding:.8333cqw 2.604cqw 2.604cqw}
  .product-copy p{margin-bottom:.8333cqw}
  .product-card.is-selected .product-picture img{height:auto;margin-top:-1.61458cqw;transform:translateX(2.03125cqw);object-fit:contain}
}
/* Lanhu fidelity: product filters */
@media(min-width:801px){
  .category-filters{gap:.76172cqw;padding:.4948cqw 0 1.3594cqw}
  .flange-filters{padding:.9583cqw 0 .76667cqw}
  .category-filters button,.flange-filters button{display:inline-flex;align-items:center;justify-content:center;height:3.125cqw;padding:.67708cqw 1.1cqw;line-height:1.3333}
  .category-filters button[aria-pressed=true]{padding-left:1.5629cqw;padding-right:1.5629cqw;margin-right:-.9896cqw}
}
@media(min-width:801px){.category-filters button,.flange-filters button{height:2.60417cqw}}

/* Lanhu fidelity: filter geometry calibration */
@media(min-width:801px){
  .category-filters{column-gap:.9375cqw;row-gap:.70964cqw;padding:.54688cqw 0 1.3594cqw}
  .flange-filters{padding:.85417cqw 0 .76667cqw}
  .catalogue--products .catalogue-grid{padding-top:3.16146cqw}
}

/* Lanhu 1:1 exact page calibration */
@media(min-width:801px){
  .catalogue-empty-grid{grid-template-columns:1fr}
  .inquiry-page{background:var(--inquiry-bg) center top/100% 56.25cqw no-repeat,#7f7f7f}
  .inquiry-panel{box-shadow:none}
}

/* Lanhu 1:1 final calibration */
@media(min-width:801px){
  .catalogue-grid::before{background:#f5f8fd}
  .category-filters button:not([aria-pressed=true]){padding-left:1.5167cqw;padding-right:.6833cqw}
  .category-filters button[aria-pressed=true]{padding-left:1.5629cqw;padding-right:1.5629cqw;margin-right:-.9896cqw}

  .catalogue--empty .category-filters{padding-bottom:1.55cqw}
  .catalogue--empty .empty-results img{margin-bottom:1.7361cqw}
  #related .product-card{aspect-ratio:460/600}
  #related .product-picture{height:20.41667cqw}
  #related .product-copy{padding-top:1.875cqw;margin-top:0;height:10.8333cqw;min-height:0}
  #related.related-section{margin-bottom:8.333cqw}
}




/* Lanhu fidelity: 50/75 heading line-box calibration */
@media(min-width:801px){.desktop-layout h2.layer.text[style*='--line:75']{line-height:calc(var(--size)*var(--u))}}


/* 2026-09-19 1:1 correction pass */
.result-count-number{color:var(--blue)}
.contact-phone-lines{display:inline}
@media(min-width:801px){
  .sort-label select{width:6.61458cqw;padding:0 1.77083cqw 0 .625cqw;font-size:.9375cqw;line-height:1}
  .sort-label::after{right:0;top:50%;width:1.25cqw;height:1.04167cqw;border:0;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20' fill='none' stroke='%2317191b' stroke-linecap='square'%3E%3Cpath stroke-width='1.4' d='M2 2.5h10.5M2 9.5h10.5M2 16.5h10.5'/%3E%3Cpath stroke-width='1.6' d='M18.75 2v14m-4-4 4 4 4-4'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}
  .variant-control{display:flex;align-items:center;padding:0 1.04167cqw;border:1px solid #dce5ec;background:#fff;color:#181b1e;font-size:.83333cqw;font-weight:400;line-height:1;white-space:nowrap;text-align:left;transition:background .2s,border-color .2s,color .2s}
  .variant-control.is-active{border-color:#78a9d2;background:#edf5fc;color:var(--blue);box-shadow:none}
  body[data-page="products"] .catalogue--products .product-card:not(.is-selected):hover,
  body[data-page="products"] .catalogue--products .product-card:not(.is-selected):focus-visible{background:#fff;color:inherit;box-shadow:0 10px 30px #0163ba12;transform:none}
  body[data-page="products"] .catalogue--products .product-card:not(.is-selected):hover .product-picture img,
  body[data-page="products"] .catalogue--products .product-card:not(.is-selected):focus-visible .product-picture img{transform:none;mix-blend-mode:multiply}
  body[data-page="products"] .catalogue--products .product-card:not(.is-selected):hover .product-copy,
  body[data-page="products"] .catalogue--products .product-card:not(.is-selected):focus-visible .product-copy{color:inherit}
  body[data-page="products"] .catalogue--products .product-card:not(.is-selected):hover .product-copy p,
  body[data-page="products"] .catalogue--products .product-card:not(.is-selected):focus-visible .product-copy p{color:#777}
  body[data-page="products"] .catalogue--products .product-card:not(.is-selected):hover .product-plus,
  body[data-page="products"] .catalogue--products .product-card:not(.is-selected):focus-visible .product-plus{opacity:0;transform:translateY(8px)}
  body[data-page="products"] .catalogue--products .product-card.is-selected,
  body[data-page="products"] .catalogue--products .product-card.is-selected:hover,
  body[data-page="products"] .catalogue--products .product-card.is-selected:focus-visible{background:var(--blue);color:#fff;box-shadow:none;transform:none}
  body[data-page="products"] .catalogue--products .product-card.is-selected .product-copy{color:#fff}
  body[data-page="products"] .catalogue--products .product-card.is-selected .product-copy p{color:#c1dff5}
  body[data-page="products"] .catalogue--products .product-card.is-selected .product-plus{opacity:1;transform:none}
  body[data-page="products"] .catalogue--products .product-card.is-selected:hover .product-picture img,
  body[data-page="products"] .catalogue--products .product-card.is-selected:focus-visible .product-picture img{transform:translateX(2.03125cqw) scale(1.06)}
}


/* 2026-09-19 follow-up: specification heading and inquiry calibration */
@media(min-width:801px){
  .spec-section>.section-heading::before{content:"";position:absolute;left:2.0833cqw;top:.46875cqw;width:16.25cqw;height:1.875cqw;background:url("images/902b3828e55adb05ff2180e1.webp") center/100% 100% no-repeat;pointer-events:none;z-index:0}
  .spec-section>.section-heading h2,.spec-section>.section-heading>p{position:relative;z-index:1}
  #inquiry-form .message-field{gap:.52083cqw;margin-top:1.61458cqw}
  #inquiry-form .message-field .field-label{padding-left:0}
  #inquiry-form .message-field .field-label i{left:-.98958cqw}
  #inquiry-form textarea{height:6.25cqw}
  #inquiry-form .primary-button{top:25.72917cqw;height:4.16667cqw}
}
/* 2026-09-19 inquiry 1:1 final calibration */
@media(min-width:801px){
  .inquiry-panel{color:#000}
  .inquiry-panel .section-heading{top:1.97917cqw}
  .inquiry-panel .section-heading h2{color:#000}
  .inquiry-panel .section-heading h2::after{margin-top:.36458cqw;height:1.04167cqw;transform:translateX(3px)}
  .inquiry-panel .section-heading>p{font-family:Arial,sans-serif;color:#333;margin-top:.3125cqw}
  .inquiry-panel .section-heading>p::before,
  .inquiry-panel .section-heading>p::after{background:#c3c3c3;transform:translateY(-2px)}
  .inquiry-panel>.close-panel{background:#000}
  #inquiry-form label{color:#000}
  #inquiry-form .field-label{color:#000}
  #inquiry-form .field-label i{color:#ff7d00}
  #inquiry-form input,
  #inquiry-form textarea{border-color:#ddd;color:#000}
  #inquiry-form input{height:2.60417cqw}
  #inquiry-form input::placeholder,
  #inquiry-form textarea::placeholder{color:#888;opacity:1}
  #inquiry-form .message-field{margin-top:1.5625cqw}
  #inquiry-form textarea{padding-top:.3125cqw}
}

@media(min-width:801px){
  .inquiry-panel .section-heading>p>span{display:block;position:relative;transform:translate(1px,-4px)}
  #inquiry-form input{padding-left:.52083cqw;padding-right:.52083cqw}
  #inquiry-form .message-field{margin-top:1.40625cqw}
  #inquiry-form textarea{padding:.3125cqw .52083cqw}
}

/* 2026-09-19 responsive inquiry top alignment */
@media (max-width:800px){
  .inquiry-page{
    display:block;
    padding:30px 16px;
    min-height:100svh;
  }
  .inquiry-panel{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:0;
    margin:0 auto;
    padding:42px 18px 28px;
  }
  .inquiry-panel>.section-heading{
    position:static;
    order:0;
  }
  #inquiry-form{
    position:static;
    order:1;
    width:100%;
    margin:30px auto 0;
  }
  #inquiry-form .primary-button{
    position:static;
    width:auto;
    height:auto;
    min-height:48px;
    margin:25px auto 0;
  }
}

/* 2026-09-19 medium-width inquiry layout bridge */
@media (min-width:801px) and (max-width:960px){
  .inquiry-page{
    display:block;
    padding:32px 24px;
    min-height:100svh;
  }
  .inquiry-panel{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    margin:0 auto;
    padding:36px 24px 32px;
  }
  .inquiry-panel>.section-heading{
    position:static;
    top:auto;
    left:auto;
    right:auto;
    order:0;
  }
  #inquiry-form{
    position:static;
    top:auto;
    left:auto;
    order:1;
    width:min(600px,100%);
    margin:28px auto 0;
  }
  #inquiry-form label{
    grid-template-columns:7.2rem minmax(0,1fr);
    gap:0;
    font-size:14px;
  }
  #inquiry-form input,
  #inquiry-form textarea{
    width:100%;
    height:42px;
    font-size:14px;
  }
  #inquiry-form textarea{height:110px}
  #inquiry-form .primary-button{
    position:static;
    top:auto;
    left:auto;
    width:180px;
    height:48px;
    min-height:48px;
    margin:24px auto 0;
  }
}


/* 2026-09-19 document fixes: carousel, marquee, card lift, video, reveal and inquiry spacing */
.home-hero .desktop-layout{transition:opacity .32s ease,transform .48s cubic-bezier(.22,.61,.36,1);background:linear-gradient(180deg,#e4e4e8 0%,#dedde4 50%,#d0cfd7 89%,#fff 89.2%,#fff 100%)}
.home-hero [data-hero-title],.home-hero [data-hero-subtitle],.home-hero [data-hero-cta],.home-hero [data-hero-image],.home-hero .mobile-hero [data-hero-mobile-title],.home-hero .mobile-hero [data-hero-mobile-subtitle],.home-hero .mobile-hero [data-hero-mobile-cta]{transition:opacity .28s ease,transform .42s cubic-bezier(.22,.61,.36,1)}
.home-hero.is-changing .desktop-layout{opacity:.72;transform:scale(.996)}
.home-hero.is-changing [data-hero-title],.home-hero.is-changing [data-hero-subtitle],.home-hero.is-changing [data-hero-cta],.home-hero.is-changing [data-hero-image]{opacity:.08;transform:translateX(-10px)}
.home-hero.is-changing .mobile-hero [data-hero-mobile-title],.home-hero.is-changing .mobile-hero [data-hero-mobile-subtitle],.home-hero.is-changing .mobile-hero [data-hero-mobile-cta]{opacity:.15;transform:translateY(7px)}
.hero-seam-blend{position:absolute;left:calc(760 * var(--u));top:calc(164 * var(--u));width:calc(140 * var(--u));height:calc(736 * var(--u));background-repeat:no-repeat;background-size:calc(1920 * var(--u)) calc(900 * var(--u));background-position:calc(-760 * var(--u)) calc(-164 * var(--u));-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,transparent 100%);pointer-events:none;z-index:1}
.hero-video-layer{clip-path:inset(0 calc(4 * var(--u)) 0 0);-webkit-mask-image:linear-gradient(to right,#000 94%,transparent 100%);mask-image:linear-gradient(to right,#000 94%,transparent 100%);border:0;outline:0;background:transparent}
.home-hero img[data-hv-image]:not([src]){opacity:0!important}
.hero-arrow,.hero-toggle{z-index:24;border:0;background:transparent;padding:0;display:grid;place-items:center}
.hero-arrow img{width:100%;height:100%;object-fit:contain}
.hero-arrow{transition:transform .25s ease,opacity .25s ease}
.hero-arrow:hover{transform:scale(1.14);opacity:.72}
.hero-toggle{border:1px solid #111;border-radius:50%;background:#ffffffe8;transition:background .25s ease,transform .25s ease}
.hero-toggle:hover{transform:scale(1.06);background:#fff}
.hero-toggle-icon{position:relative;display:block;width:.8333cqw;height:1.0417cqw}
.hero-toggle-icon::before,.hero-toggle-icon::after{content:"";position:absolute;top:0;bottom:0;width:.15625cqw;background:#111;border-radius:1px}
.hero-toggle-icon::before{left:.15625cqw}.hero-toggle-icon::after{right:.15625cqw}
.hero-toggle[aria-pressed="true"] .hero-toggle-icon::before{left:.12cqw;top:0;width:0;height:0;border-top:.52cqw solid transparent;border-bottom:.52cqw solid transparent;border-left:.74cqw solid #111;background:transparent;border-radius:0}
.hero-toggle[aria-pressed="true"] .hero-toggle-icon::after{display:none}

.desktop-marquee{position:absolute;inset:0;--u:calc(100cqw / 1920);display:none}
.marquee-viewport{position:absolute;left:6.25cqw;right:0;top:12.9167cqw;height:42.7083cqw;overflow:hidden}
.marquee-track{display:flex;align-items:flex-start;width:max-content;height:100%;animation:marquee-flow 36s linear infinite;will-change:transform}
.marquee-viewport:hover .marquee-track,.marquee-viewport:focus-within .marquee-track{animation-play-state:paused}
.marquee-card{position:relative;display:block;flex:0 0 28.125cqw;height:33.3333cqw;margin-top:11.5104cqw;background:transparent;color:#111;transition:transform .48s cubic-bezier(.22,.61,.36,1),filter .35s ease;overflow:visible}
.marquee-card:hover,.marquee-card:focus-visible{background:url("images/f96516403b01e5c4baa19cf6.webp") -1.40625cqw 0/100% 100% no-repeat;color:#fff;transform:translateY(-4.21875cqw)}
.marquee-card .marquee-picture{position:absolute;left:12%;top:9%;width:76%;height:46%;display:flex;align-items:center;justify-content:center;transition:left .48s cubic-bezier(.22,.61,.36,1),top .48s cubic-bezier(.22,.61,.36,1),width .48s cubic-bezier(.22,.61,.36,1),height .48s cubic-bezier(.22,.61,.36,1)}
.marquee-card:hover .marquee-picture,.marquee-card:focus-visible .marquee-picture{left:5.6%;top:-21.9%;width:111%;height:62.5%}
.marquee-card .marquee-picture img{width:100%;height:100%;max-width:none;object-fit:contain;mix-blend-mode:multiply;transition:transform .52s cubic-bezier(.2,.72,.22,1),opacity .3s ease}
.marquee-card:hover .marquee-picture img,.marquee-card:focus-visible .marquee-picture img{transform:translateY(-.78cqw) scale(1.025);mix-blend-mode:normal}
.marquee-copy{position:absolute;left:8.6%;top:62%;width:82.8%;display:block;transition:top .48s cubic-bezier(.22,.61,.36,1)}
.marquee-card:hover .marquee-copy,.marquee-card:focus-visible .marquee-copy{top:47%}
.marquee-copy small{display:none;font-size:max(11px,1.0417cqw);line-height:1.40625cqw;font-weight:300;opacity:.92}
.marquee-card:hover .marquee-copy small,.marquee-card:focus-visible .marquee-copy small{display:block}
.marquee-copy strong{display:block;margin-top:0;font-size:1.5625cqw;line-height:2.5cqw;font-weight:400}
.marquee-card:hover .marquee-copy strong,.marquee-card:focus-visible .marquee-copy strong{margin-top:3.6458cqw;font-weight:700}
.marquee-card:hover .marquee-copy::before,.marquee-card:focus-visible .marquee-copy::before{content:"";position:absolute;left:.46875cqw;top:1.6667cqw;width:1px;height:3.125cqw;background:#fff;opacity:.55}
.marquee-card:hover .marquee-copy small,.marquee-card:focus-visible .marquee-copy small{color:#d9efff}
.marquee-card>b{position:absolute;right:5.0521cqw;bottom:14.0625%;width:2.0833cqw;height:2.0833cqw;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--blue);font-size:1.72cqw;font-weight:400;line-height:1;opacity:0;transform:scale(.72);transition:transform .35s ease,opacity .35s ease}
.marquee-card:hover>b,.marquee-card:focus-visible>b{opacity:1;transform:rotate(90deg) scale(1)}
/* 位移量固定为轨道的一半 = 一轮(portal.js 把轨道铺成"两轮"并把宽度写成实测 px)。
   这里刻意不用 var(): 火狐对 @keyframes 里的 var() 支持有缺陷, 会出现"不动"的现象 */
@keyframes marquee-flow{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
/* SLF 区还原静态稿：浅色卡片留间距排列；悬停仅底部淡入蓝色信息块、文字转白，不弹起 */
#slf-products .marquee-background{display:none}
#slf-products .marquee-viewport{top:16.4583cqw;height:39.5833cqw}
#slf-products .marquee-card{height:36.4583cqw;margin:0 .78125cqw;background:url("images/931f50d18ae9e5fd4a60519b.webp") 0 0/100% 100% no-repeat;transition:transform .48s cubic-bezier(.22,.61,.36,1),color .35s ease}
#slf-products .marquee-card .marquee-picture{top:6%;height:44%}
#slf-products .marquee-card .marquee-copy{left:14.8%;top:79%}
#slf-products .marquee-card::before{content:"";position:absolute;left:0;right:0;bottom:0;height:37.1%;background:url("images/993f3f246814b455b1f77362.webp") 0 0/100% 100% no-repeat;opacity:0;transition:opacity .42s ease;pointer-events:none}
#slf-products .marquee-card:hover,#slf-products .marquee-card:focus-visible{background:url("images/931f50d18ae9e5fd4a60519b.webp") 0 0/100% 100% no-repeat;transform:none;color:#fff}
#slf-products .marquee-card:hover::before,#slf-products .marquee-card:focus-visible::before{opacity:1}
#slf-products .marquee-card:hover .marquee-picture,#slf-products .marquee-card:focus-visible .marquee-picture{left:12%;top:6%;width:76%;height:44%}
#slf-products .marquee-card:hover .marquee-picture img,#slf-products .marquee-card:focus-visible .marquee-picture img{transform:none}
#slf-products .marquee-card:hover .marquee-copy,#slf-products .marquee-card:focus-visible .marquee-copy{left:14.8%;top:70%}
#slf-products .marquee-card>b{right:2.0833cqw;bottom:.5208cqw}
.product-card .product-picture{overflow:visible}
.product-card .product-picture img{transform-origin:50% 82%}
.product-card:hover .product-picture img,.product-card:focus-visible .product-picture img{transform:translateY(-.95cqw) scale(1.055)}
body[data-page="products"] .catalogue--products .product-card:not(.is-selected):hover .product-picture img,
body[data-page="products"] .catalogue--products .product-card:not(.is-selected):focus-visible .product-picture img{transform:none;mix-blend-mode:multiply}
body[data-page="products"] .catalogue--products .product-card.is-selected:hover .product-picture img,
body[data-page="products"] .catalogue--products .product-card.is-selected:focus-visible .product-picture img{transform:translate(2.03125cqw,-.72cqw) scale(1.055);mix-blend-mode:normal}
#related .product-card:hover .product-picture img,#related .product-card:focus-visible .product-picture img{transform:translateY(-1.05cqw) scale(1.06);mix-blend-mode:normal}

.video-section{padding:7.2917cqw 8.3333cqw 8.3333cqw;background:#fff}
.video-section .section-heading h2{font-size:2.0833cqw;line-height:1.5}.video-section .section-heading>p{font-size:1.25cqw;margin-top:.5208cqw}
.product-video-frame{position:relative;width:min(78.125cqw,1500px);aspect-ratio:16/9;margin:2.6042cqw auto 0;background:#0c1116;box-shadow:0 1.25cqw 3.75cqw rgba(5,36,61,.16);overflow:hidden}
.product-video-player{display:block;width:100%;height:100%;object-fit:contain;background:#0c1116}
.video-play-overlay{position:absolute;inset:0;margin:auto;width:5.2083cqw;height:5.2083cqw;min-width:64px;min-height:64px;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(1,99,186,.9);display:grid;place-items:center;transition:opacity .28s ease,transform .28s ease,background .28s ease}
.video-play-overlay:hover{background:var(--blue);transform:scale(1.05)}
.video-play-overlay span{display:block;width:0;height:0;margin-left:.35cqw;border-top:.8cqw solid transparent;border-bottom:.8cqw solid transparent;border-left:1.2cqw solid #fff}
.product-video-frame.is-playing .video-play-overlay{opacity:0;pointer-events:none;transform:scale(.88)}

@media(min-width:801px){
  .art-section.has-marquee>.desktop-layout{visibility:hidden;pointer-events:none}
  .art-section.has-marquee>.desktop-marquee{display:block}
  .inquiry-panel .section-heading{top:1.45833cqw}
}

/* Gentle container reveal for the two content-heavy pages. */
body[data-page="about"] .reveal.is-prepared,body[data-page="solutions"] .reveal.is-prepared{opacity:1;transform:none;transition:none}
body[data-page="about"] .reveal.is-prepared>.desktop-layout,body[data-page="about"] .reveal.is-prepared>.mobile-layout,body[data-page="about"] .reveal.is-prepared>.mobile-cta,
body[data-page="solutions"] .reveal.is-prepared>.desktop-layout,body[data-page="solutions"] .reveal.is-prepared>.mobile-layout,body[data-page="solutions"] .reveal.is-prepared>.mobile-cta{opacity:0;transform:translateY(1.25cqw) scale(.998);transition:opacity .78s cubic-bezier(.22,.61,.36,1),transform .78s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
body[data-page="about"] .reveal.is-prepared.is-visible>.desktop-layout,body[data-page="about"] .reveal.is-prepared.is-visible>.mobile-layout,body[data-page="about"] .reveal.is-prepared.is-visible>.mobile-cta,
body[data-page="solutions"] .reveal.is-prepared.is-visible>.desktop-layout,body[data-page="solutions"] .reveal.is-prepared.is-visible>.mobile-layout,body[data-page="solutions"] .reveal.is-prepared.is-visible>.mobile-cta{opacity:1;transform:none}
body[data-page="about"] .reveal.is-prepared.is-visible .timeline article,body[data-page="about"] .reveal.is-prepared.is-visible .certificate,body[data-page="about"] .reveal.is-prepared.is-visible .contact-cards article,
body[data-page="solutions"] .reveal.is-prepared.is-visible .benefit-grid article,body[data-page="solutions"] .reveal.is-prepared.is-visible .process-list li{animation:doc-reveal-item .65s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--item-delay,0ms)}
body[data-page="about"] .reveal.is-prepared.is-visible .timeline article:nth-child(2),body[data-page="about"] .reveal.is-prepared.is-visible .certificate:nth-child(2),body[data-page="about"] .reveal.is-prepared.is-visible .contact-cards article:nth-child(2),body[data-page="solutions"] .reveal.is-prepared.is-visible .benefit-grid article:nth-child(2),body[data-page="solutions"] .reveal.is-prepared.is-visible .process-list li:nth-child(2){--item-delay:70ms}
body[data-page="about"] .reveal.is-prepared.is-visible .timeline article:nth-child(3),body[data-page="about"] .reveal.is-prepared.is-visible .certificate:nth-child(3),body[data-page="about"] .reveal.is-prepared.is-visible .contact-cards article:nth-child(3),body[data-page="solutions"] .reveal.is-prepared.is-visible .benefit-grid article:nth-child(3),body[data-page="solutions"] .reveal.is-prepared.is-visible .process-list li:nth-child(3){--item-delay:140ms}
body[data-page="about"] .reveal.is-prepared.is-visible .timeline article:nth-child(4),body[data-page="about"] .reveal.is-prepared.is-visible .certificate:nth-child(4),body[data-page="solutions"] .reveal.is-prepared.is-visible .benefit-grid article:nth-child(4),body[data-page="solutions"] .reveal.is-prepared.is-visible .process-list li:nth-child(4){--item-delay:210ms}
body[data-page="about"] .reveal.is-prepared.is-visible .timeline article:nth-child(n+5),body[data-page="about"] .reveal.is-prepared.is-visible .certificate:nth-child(n+5),body[data-page="solutions"] .reveal.is-prepared.is-visible .process-list li:nth-child(n+5){--item-delay:280ms}
@keyframes doc-reveal-item{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* Page-load gentle entrance for the hero block of the two content pages. */
body[data-page="about"] main>.art-section:first-of-type .desktop-layout h1,
body[data-page="solutions"] main>.art-section:first-of-type .desktop-layout h1{animation:page-hero-in .9s cubic-bezier(.22,.61,.36,1) .12s both}
body[data-page="about"] main>.art-section:first-of-type .desktop-layout p,
body[data-page="solutions"] main>.art-section:first-of-type .desktop-layout p{animation:page-hero-in .9s cubic-bezier(.22,.61,.36,1) .3s both}
body[data-page="about"] main>.art-section:first-of-type .desktop-layout p~p,
body[data-page="solutions"] main>.art-section:first-of-type .desktop-layout p~p{animation-delay:.46s}
body[data-page="about"] main>.art-section:first-of-type .mobile-hero>div,
body[data-page="solutions"] main>.art-section:first-of-type .mobile-hero>div{animation:page-hero-in .85s cubic-bezier(.22,.61,.36,1) .2s both}
@keyframes page-hero-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

@media(max-width:800px){
  .hero-toggle{min-width:44px;min-height:44px;right:16px!important;left:auto!important;top:calc(100% - 74px)!important;transform:none}
  .hero-arrow{display:none}
  .hero-toggle-icon{width:14px;height:18px}.hero-toggle-icon::before,.hero-toggle-icon::after{width:2.5px}.hero-toggle-icon::before{left:2px}.hero-toggle-icon::after{right:2px}
  .marquee-card>b{right:14px}
  .video-section{padding:54px 18px 64px}.video-section .section-heading h2{font-size:28px}.video-section .section-heading>p{font-size:14px;margin-top:8px}.product-video-frame{width:100%;margin-top:24px;box-shadow:0 12px 34px rgba(5,36,61,.14)}.video-play-overlay{min-width:58px;min-height:58px;width:58px;height:58px}.video-play-overlay span{margin-left:5px;border-top-width:10px;border-bottom-width:10px;border-left-width:15px}
  body[data-page="about"] .reveal.is-prepared>.desktop-layout,body[data-page="about"] .reveal.is-prepared>.mobile-layout,body[data-page="solutions"] .reveal.is-prepared>.desktop-layout,body[data-page="solutions"] .reveal.is-prepared>.mobile-layout{transform:translateY(12px);transition-duration:.62s}
}

@media(prefers-reduced-motion:reduce){
  .home-hero .desktop-layout,.home-hero [data-hero-title],.home-hero [data-hero-subtitle],.home-hero [data-hero-cta],.home-hero [data-hero-image],.home-hero .mobile-hero *{transition:none!important}
  .marquee-track{animation:none!important}
  .marquee-card{transition:none!important}
  .product-card,.product-card .product-picture img,.video-play-overlay{transition:none!important}
  body[data-page="about"] .reveal.is-prepared>.desktop-layout,body[data-page="about"] .reveal.is-prepared>.mobile-layout,body[data-page="solutions"] .reveal.is-prepared>.desktop-layout,body[data-page="solutions"] .reveal.is-prepared>.mobile-layout{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
}

/* 2026-09-19 proportional inquiry scaling */
@media (min-width:961px){
  .inquiry-page{
    display:block;
    min-height:100vh;
    padding:0;
  }
  .inquiry-panel{
    position:absolute;
    left:18.75cqw;
    top:7.29167cqw;
    right:auto;
    bottom:auto;
    width:62.5cqw;
    height:41.66667cqw;
    min-height:0;
    max-height:none;
    margin:0;
    padding:0;
    aspect-ratio:auto;
  }
}
/* 2026-09-19 soft page entrance and navigation transition */
@keyframes page-content-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
body[data-page="about"] main,body[data-page="solutions"] main{animation:page-content-enter .72s cubic-bezier(.22,.61,.36,1) both}
.page-transition{position:fixed;inset:0;z-index:9999;background:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .24s}
html.is-page-leaving .page-transition{opacity:1;visibility:visible;transition:opacity .24s ease,visibility 0s linear 0s}
@media(prefers-reduced-motion:reduce){
  body[data-page="about"] main,body[data-page="solutions"] main{animation:none!important;opacity:1!important;transform:none!important}
  .page-transition{display:none!important}
}