/* HUADA 3.1 — manufacturer-led homepage. All photography comes from the supplied catalogue. */
.hc-site .hm-hero{position:relative;isolation:isolate;background:#09243f;overflow:hidden;color:#fff}
.hc-site .hm-hero-bg{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% 50%}
.hm-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,26,50,.98) 0%,rgba(5,38,69,.89) 41%,rgba(8,50,85,.62) 69%,rgba(3,26,50,.24) 100%),linear-gradient(0deg,rgba(3,24,44,.5),transparent 65%)}
.hm-hero-inner{position:relative;min-height:680px;display:flex;align-items:center;padding-block:70px 60px}
.hm-hero-copy{max-width:850px;position:relative;z-index:2}
.hc-site .hm-brand-line{font-size:clamp(18px,1.75vw,25px);font-weight:600;line-height:1.45;letter-spacing:-.025em;max-width:820px;color:#c4dff7;margin:0 0 28px;padding-inline-start:19px;border-inline-start:3px solid #46a8ff}
.hc-site .hm-hero h1{font-size:clamp(48px,5.05vw,76px);font-weight:700;line-height:1.055;letter-spacing:-.045em;max-width:820px;color:#fff;margin-bottom:24px;text-wrap:balance}
.hc-site .hm-hero h1 em{display:block;font-style:normal;color:#69bfff;margin-top:5px}
.hc-site .hm-hero-lead{font-size:17px;line-height:1.8;color:#d7e5ef;max-width:630px;margin:0 0 30px}
.hm-hero .hc-button{background:#0975e8;border-color:#0975e8;padding:17px 26px;box-shadow:0 4px 22px #0002}
.hm-hero .hc-button:hover{background:#0059b8;border-color:#0059b8}
.hc-site .hm-hero .hm-button-outline{background:#ffffff09;border-color:#c4d3e16e;color:#fff}
.hc-site .hm-hero .hm-button-outline:hover{background:#ffffff20;border-color:#fff}
.hc-site .hm-visit{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:#ccdeeb;margin-top:33px}
.hm-visit span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #a5c7de77;border-radius:50%;font-size:16px}
.hm-visit:hover{color:white!important}
.hm-hero-signature{position:absolute;inset-inline-end:0;bottom:53px;display:flex;flex-direction:column;align-items:flex-end;color:#ffffffa6;border-inline-end:2px solid #ffffff55;padding-inline-end:15px;line-height:1.3}
.hm-hero-signature span{font-size:22px;font-weight:700;letter-spacing:.2em}.hm-hero-signature i{font-size:12px;font-style:normal;letter-spacing:.2em}
.hm-strength{position:relative;background:#f4f7fa;border-bottom:1px solid #e1e7ec}
.hm-strength>.hc-wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.hm-stat{padding:30px 24px 32px;border-inline-start:1px solid #dce5ed;min-width:0}.hm-stat:first-child{border:0;padding-inline-start:0}.hm-stat:last-child{padding-inline-end:0}
.hm-stat strong{display:block;font-size:42px;line-height:1.1;color:#073b69;letter-spacing:-.05em;font-weight:700}
.hm-stat span{display:block;font-size:12px;line-height:1.6;color:#576b7b;margin-top:9px;max-width:170px}
.hc-site .hm-kicker{font-size:11px;font-weight:700;line-height:1.6;letter-spacing:.13em;color:#0667bf;margin-bottom:22px;text-transform:uppercase}
.hc-site .hm-lead{color:#526779;font-size:16px;line-height:1.85;margin-bottom:27px}
.hc-site .hm-manufacturing{background:#fff;padding-block:96px 88px;scroll-margin-top:125px}
.hm-factory-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}
.hc-site .hm-factory-copy h2{font-size:clamp(34px,3.2vw,47px);line-height:1.13;letter-spacing:-.04em;margin-bottom:24px}
.hc-site .hm-range{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0 28px;padding-block:22px;border-block:1px solid #dce5eb}
.hm-range strong{font-size:28px;line-height:1.2;letter-spacing:-.035em;color:#153e60;display:block}
.hm-range span{font-size:10px;line-height:1.5;color:#5b6d7b;display:block;margin-top:7px;max-width:112px}
.hc-site .hm-inline-link{display:inline-flex;align-items:center;gap:26px;font-size:14px;font-weight:700;color:#005fbb}
.hc-site .hm-inline-link:hover{text-decoration:underline}
.hc-site .hm-manufacturing figure,.hc-site .hm-quality figure{margin:0;position:relative;overflow:hidden}
.hc-site .hm-main-workshop>img{width:100%;height:444px;object-fit:cover}
.hm-main-workshop figcaption{position:absolute;inset-inline:0;bottom:0;padding:56px 28px 27px;color:white;background:linear-gradient(transparent,#072842d9)}
.hm-main-workshop figcaption span{display:block;font-size:10px;letter-spacing:.12em;color:#c3dfef;margin-bottom:6px}
.hm-main-workshop figcaption b{display:block;font-size:19px;line-height:1.4}
.hm-factory-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:32px}
.hc-site .hm-factory-pair img{width:100%;height:285px;object-fit:cover;transition:transform .4s}
.hm-factory-pair figure:hover img{transform:scale(1.025)}
.hm-factory-pair figcaption{position:relative;display:flex;align-items:center;gap:18px;padding:20px 0 0;background:white}
.hm-factory-pair figcaption span{font-size:11px;color:#1470c0;border:1px solid #d3e0eb;width:29px;height:29px;display:grid;place-items:center;flex-shrink:0}
.hc-site .hm-factory-pair h3{font-size:18px;line-height:1.4;letter-spacing:-.02em;margin:0}
.hm-manufacturing+.hd-portfolio{background:#f3f6f9;border-block:1px solid #e0e7ed}
.hc-site .hm-quality{background:#0b2b43;color:white;padding-block:84px}
.hm-quality-intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end;margin-bottom:40px}
.hm-quality .hm-kicker{color:#89b9dd}
.hc-site .hm-quality h2{color:#fff;font-size:clamp(32px,3.2vw,46px);line-height:1.15;margin:0;letter-spacing:-.035em}
.hc-site .hm-quality .hm-lead{color:#bdcfdb;font-size:15px;margin-bottom:0}
.hm-quality-grid{display:grid;grid-template-columns:.86fr 1.3fr;gap:56px;align-items:stretch}
.hc-site .hm-quality-image img{width:100%;height:100%;min-height:348px;object-fit:cover}
.hm-quality-image figcaption{position:absolute;inset-inline:0;bottom:0;display:flex;align-items:center;gap:18px;color:#fff;padding:36px 25px 22px;background:linear-gradient(transparent,#001e38ed)}
.hm-quality-image strong{font-size:42px;line-height:1.1;letter-spacing:-.04em}
.hm-quality-image span{font-size:12px;line-height:1.55;max-width:145px}
.hm-quality-steps{display:grid;grid-template-columns:1fr 1fr;gap:30px 32px;align-content:center}
.hm-quality-step{display:flex;gap:13px;border-top:1px solid #d9e7ef3d;padding-top:20px;min-width:0}
.hm-quality-step>span{color:#75b8ec;font-size:11px;flex-shrink:0;line-height:2}
.hc-site .hm-quality-step h3{color:#fff;font-size:17px;line-height:1.35;letter-spacing:-.01em;margin:0 0 10px}
.hc-site .hm-quality-step p{color:#b6cbd9;font-size:13px;line-height:1.75;margin:0}
.hm-quality-contact{display:flex;align-items:center;justify-content:flex-end;gap:28px;border-top:1px solid #d9e7ef2d;padding-top:30px;margin-top:38px}
.hc-site .hm-quality-contact .hc-email{font-size:15px;overflow-wrap:anywhere;color:#cde4f4}
.hc-site .hm-quality-contact .hc-email:hover{color:#fff}
[dir=rtl] .hm-hero:after{background:linear-gradient(270deg,rgba(3,26,50,.98),rgba(5,38,69,.89) 41%,rgba(8,50,85,.62) 69%,rgba(3,26,50,.24))}
[dir=rtl] .hm-hero h1,[dir=rtl] .hm-brand-line{letter-spacing:0;line-height:1.4}
html[lang=ja] .hm-hero h1,html[lang=ko] .hm-hero h1,html[lang=th] .hm-hero h1{font-size:clamp(40px,4.2vw,62px);line-height:1.35;letter-spacing:0}
@media(min-width:1600px){.hm-hero-inner{min-height:740px}.hm-hero-bg{object-position:center 44%}}
@media(max-width:1100px){.hm-hero-copy{max-width:760px}.hm-hero-signature{display:none}.hm-factory-grid,.hm-quality-intro{gap:36px}.hc-site .hm-main-workshop>img{height:470px}.hm-quality-grid{gap:32px}.hm-stat{padding-inline:18px}.hm-stat strong{font-size:37px}.hm-hero-inner{min-height:660px}}
@media(max-width:820px){.hm-hero-inner{min-height:640px;padding-block:55px}.hm-hero:after{background:linear-gradient(90deg,#042340ee,#073256ba 65%,#0b3d6599)}.hc-site .hm-hero h1{font-size:57px;max-width:690px}.hc-site .hm-brand-line{font-size:20px;max-width:620px}.hm-hero-lead{max-width:550px!important}.hm-strength>.hc-wrap{grid-template-columns:repeat(3,minmax(0,1fr));padding-block:10px}.hm-stat{padding:18px 14px;border:0}.hm-stat:first-child{padding-inline-start:14px}.hm-stat:nth-child(n+4){border-top:1px solid #dce5ed}.hm-stat strong{font-size:32px}.hm-factory-grid{grid-template-columns:1fr;gap:30px}.hc-site .hm-manufacturing{padding-block:66px}.hm-factory-copy{max-width:650px}.hc-site .hm-main-workshop>img{height:390px}.hm-factory-pair{gap:20px;margin-top:20px}.hc-site .hm-factory-pair img{height:220px}.hm-quality-intro{grid-template-columns:1fr;gap:25px}.hm-quality-grid{grid-template-columns:.85fr 1fr;gap:26px}.hm-quality-steps{grid-template-columns:1fr;gap:21px}.hm-quality-step{padding-top:15px}.hc-site .hm-quality-image img{min-height:440px}.hm-quality-image figcaption{flex-direction:column;align-items:flex-start;gap:8px}.hm-quality-contact{justify-content:flex-start}.hc-site .hm-quality{padding-block:65px}}
@media(max-width:600px){.hm-hero-inner{min-height:0;padding-block:43px 38px}.hc-site .hm-brand-line{font-size:16px;line-height:1.5;padding-inline-start:13px;margin-bottom:24px;max-width:350px}.hc-site .hm-hero h1{font-size:clamp(38px,10.5vw,55px);line-height:1.1;letter-spacing:-.045em;text-wrap:initial;max-width:500px;margin-bottom:22px}.hm-hero h1 em{margin-top:8px!important}.hc-site .hm-hero-lead{font-size:14px;line-height:1.8;margin-bottom:25px;max-width:500px}.hm-hero .hc-actions{gap:10px;align-items:stretch}.hm-hero .hc-button{font-size:12px;gap:12px;padding:14px 16px;flex:1 1 auto;min-height:48px}.hc-site .hm-visit{font-size:11px;margin-top:24px}.hc-site .hm-hero-bg{object-position:63% center}.hm-hero:after{background:linear-gradient(90deg,#052745f0,#0c365ce0 50%,#07385dc9)}.hm-strength>.hc-wrap{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:5px}.hm-stat{padding:19px 12px!important;display:flex;gap:14px;align-items:center;border:0!important;min-width:0}.hm-stat:nth-child(2n){border-inline-start:1px solid #dce5ed!important}.hm-stat:nth-child(n+3){border-top:1px solid #dce5ed!important}.hm-stat:last-child{grid-column:1/-1;justify-content:center;border-inline:0!important}.hm-stat strong{font-size:29px;flex-shrink:0;min-width:42px}.hm-stat span{font-size:10px;margin:0;line-height:1.55;max-width:130px;overflow-wrap:anywhere}.hc-site .hm-kicker{font-size:9px;letter-spacing:.1em;margin-bottom:17px}.hc-site .hm-factory-copy h2{font-size:34px;margin-bottom:22px}.hc-site .hm-lead{font-size:14px;line-height:1.85}.hc-site .hm-manufacturing{padding-block:52px}.hc-site .hm-range{gap:15px;padding-block:20px;margin-block:24px}.hm-range strong{font-size:27px}.hm-range span{font-size:9px}.hm-inline-link{font-size:13px!important}.hc-site .hm-main-workshop>img{height:auto;aspect-ratio:1.48}.hm-main-workshop figcaption{padding:48px 18px 18px}.hm-main-workshop figcaption b{font-size:16px}.hm-main-workshop figcaption span{font-size:9px}.hm-factory-pair{gap:15px}.hc-site .hm-factory-pair img{height:145px}.hm-factory-pair figcaption{padding:12px 0 0;gap:9px;align-items:flex-start}.hm-factory-pair figcaption span{font-size:9px;width:22px;height:22px}.hc-site .hm-factory-pair h3{font-size:13px;line-height:1.45}.hc-site .hm-quality{padding-block:52px}.hc-site .hm-quality h2{font-size:34px}.hm-quality-intro{gap:22px;margin-bottom:28px}.hc-site .hm-quality .hm-lead{font-size:14px}.hm-quality-grid{grid-template-columns:1fr;gap:29px}.hc-site .hm-quality-image img{min-height:0;aspect-ratio:1.55;max-height:300px}.hm-quality-image figcaption{flex-direction:row;align-items:center}.hm-quality-image strong{font-size:40px}.hm-quality-steps{grid-template-columns:1fr 1fr;gap:25px 20px}.hm-quality-step{flex-direction:column;gap:8px;padding-top:15px}.hc-site .hm-quality-step h3{font-size:16px}.hc-site .hm-quality-step p{font-size:12px;line-height:1.8}.hm-quality-contact{flex-direction:column;align-items:flex-start;gap:20px;padding-top:26px;margin-top:30px}.hm-quality-contact .hc-button{font-size:13px}.hm-quality-contact .hc-email{font-size:14px!important}html[lang=ja] .hm-hero h1,html[lang=ko] .hm-hero h1,html[lang=th] .hm-hero h1{font-size:36px;line-height:1.4}html[lang=ja] .hm-brand-line,html[lang=ko] .hm-brand-line,html[lang=th] .hm-brand-line{font-size:16px}html[lang=de] .hm-stat span,html[lang=ru] .hm-stat span,html[lang=uk] .hm-stat span{font-size:9px}.hm-hero h1,.hm-factory-copy h2,.hm-quality h2{overflow-wrap:anywhere}}
@media(max-width:365px){.hm-stat{gap:10px;padding-inline:8px!important}.hc-site .hm-brand-line{font-size:15px}.hm-hero .hc-actions{flex-direction:column}.hm-hero h1{font-size:38px!important}.hm-quality-steps{gap:24px 16px}.hc-site .hm-factory-pair img{height:127px}.hc-site .hm-quality h2,.hc-site .hm-factory-copy h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.hm-factory-pair img{transition:none}.hm-factory-pair figure:hover img{transform:none}}
@media print{.hm-hero{background:#fff!important}.hm-hero-bg,.hm-hero:after,.hm-visit,.hm-quality-contact,.hm-hero .hc-actions{display:none!important}.hm-hero-inner{min-height:0;padding:20px 0}.hm-hero h1,.hm-hero h1 em,.hm-brand-line,.hm-hero-lead{color:#000!important}.hm-quality{background:#fff!important;color:#000!important}.hm-quality h2,.hm-quality h3,.hm-quality p{color:#000!important}}
@media(min-width:1101px){.hm-hero-copy{max-width:950px}.hc-site .hm-hero h1{max-width:940px}}
.hc-site .hm-quality-contact a.hc-email{color:#d2e8f9!important}
/* Keep the long application names readable on compact phones. */
@media(max-width:365px){.hc-site .hv-application-grid>a{grid-template-columns:1fr}.hc-site .hv-application-grid>a>div{min-width:0;padding:22px}.hc-site .hv-application-grid img{width:100%;height:190px}}