
:root{--gold:#087bbb;--navy:#072e50;--paper:#f1f6fa}body{color:#243e52}.topbar{background:#075e98;color:white;padding:7px 6%;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.topbar>span{letter-spacing:1px}.socials{display:flex;align-items:center;gap:9px}.socials>a,.socials>button{width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffff55;color:#fff;background:transparent;padding:6px}.socials svg{width:19px;height:19px}.socials button:disabled{opacity:.6;cursor:not-allowed}header{height:90px;padding:0 6%;background:white}header .brand small{color:#087bbb;letter-spacing:1px;text-transform:none}.monogram{color:#087bbb}header nav a:hover{color:#087bbb}.navcta{background:#087bbb}.navcta:hover{background:#075e98!important}.productnav{position:relative;font-size:14px}.productnav summary{cursor:pointer}.productnav>div{position:absolute;right:0;top:30px;width:210px;background:white;box-shadow:0 8px 25px #092b4d26;padding:15px;z-index:20;display:grid;gap:10px;border-top:3px solid #087bbb}.productnav>div a{padding:6px}.banner-slider{position:relative;background:#083559}.banner-slide{position:relative;min-height:510px}.banner-slide[hidden]{display:none}.banner-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.banner-shade{position:absolute;inset:0;background:linear-gradient(100deg,#06365af2 0%,#096eadd9 40%,#07345130 72%,#07345120)}.banner-copy{position:relative;padding:70px 8% 100px;color:white;max-width:920px}.banner-copy .overline{color:#bcdef5}.banner-copy h1,.banner-copy h2{font-family:Arial,sans-serif;color:white;font-size:clamp(38px,4.9vw,66px);text-transform:uppercase;letter-spacing:-1.5px;line-height:1.12;margin:20px 0}.banner-copy p{color:#e0eef6;font-size:18px}.banner-copy .button{background:white;color:#075e98}.slidercontrols{position:absolute;bottom:25px;left:8%;right:8%;display:flex;align-items:center;gap:12px}.slidercontrols button{border:1px solid #ffffff60;background:#07345199;color:#fff;padding:8px 12px;font-size:12px;cursor:pointer}.slidedots{display:flex;gap:8px}.slidedots button[aria-pressed=true]{background:white;color:#075e98}.slidepause{margin-left:auto}.categoryhighlights{padding:0 6%;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-bottom:1px solid #d4e0e9}.categoryhighlights a{display:flex;align-items:center;gap:18px;padding:26px 20px;border-right:1px solid #d4e0e9}.categoryhighlights span{color:#087bbb;font-size:13px}.categoryhighlights strong{font-weight:400;font-size:18px}.overline,.number{color:#087bbb}.button{background:#087bbb}.button:hover{background:#075e98}.section{padding:65px 8%}h2{font-size:clamp(30px,3.3vw,43px)}.categorycards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.categorycard{background:white;border:1px solid #dbe5ed;display:block}.categorycard img{width:100%;height:190px;object-fit:cover}.categorycard>div{padding:23px}.categorycard h3{font-size:22px;font-weight:400;margin:14px 0}.categorycard p{font-size:14px;color:#657786}.cardlink{font-size:14px;color:#087bbb;border-bottom:1px solid #087bbb}.page-title{padding:45px 8%;background:#edf4f9;border-bottom:1px solid #dbe5ed}.page-title h1{font-size:44px;letter-spacing:-1px;margin:14px 0;text-transform:none}.page-title p{color:#5d7486}.productlayout{display:grid;grid-template-columns:210px 1fr;gap:40px}.categorysidebar{border:1px solid #dbe5ed;align-self:start;background:#f5f9fc}.categorysidebar h2{margin:0;padding:18px 22px;background:#087bbb;color:white;font-size:21px;font-weight:400;letter-spacing:0}.categorysidebar>a{display:block;padding:15px 22px;border-bottom:1px solid #dbe5ed;font-size:15px}.categorysidebar>a:hover{background:#e5f1f9;color:#075e98}.categorysidebar .sideenquiry{background:#072e50;color:white}.productgroup{margin-bottom:50px;scroll-margin-top:20px}.productgroup>h2{font-size:28px;letter-spacing:0;font-weight:400;margin:0 0 22px}.productgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.producttile{display:block;border:1px solid #dbe5ed;background:white;padding-bottom:20px;transition:box-shadow .2s}.producttile:hover{box-shadow:0 6px 22px #072e501f}.producttile img{width:100%;height:170px;object-fit:cover;background:#eff4f8}.producttile h3{font-size:18px;font-weight:400;margin:16px 16px 8px}.producttile p{font-size:14px;margin:0 16px 15px;color:#647888}.producttile>span{font-size:13px;color:#087bbb;margin:0 16px}.detailhero{padding:40px 8%;background:#edf4f9}.detailhero h1{font-size:clamp(34px,4.3vw,55px);text-transform:none;letter-spacing:-1px}.detailvisual{position:relative;margin:35px 8% 0;height:280px;overflow:hidden}.detailvisual img{width:100%;height:100%;object-fit:cover}.detailvisual span{position:absolute;bottom:0;left:0;padding:12px 20px;background:#072e50d9;color:white;font-size:13px}.checklist b{color:#087bbb}.contactband{background:#eff5fa}.contactband a:hover{color:#087bbb}.step b{color:#8fcef3}.process .eyebrow{color:#8fcef3}.process{background:#072e50}footer{background:#05233e}.detailcta{background:#072e50}.granules a{color:#087bbb}@media(max-width:1050px){.categorycards{grid-template-columns:repeat(2,1fr)}.productgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.topbar>span{display:none}.topbar{padding:7px 5%}.topbar>a{font-size:11px}.banner-slide{min-height:520px}.banner-copy{padding:55px 7% 110px}.banner-shade{background:linear-gradient(90deg,#06365af2,#096eaddb)}.banner-copy h1,.banner-copy h2{font-size:42px}.banner-copy p{font-size:16px}.slidercontrols{left:7%;right:7%;gap:7px}.slidercontrols button{padding:8px;font-size:11px}.categoryhighlights{grid-template-columns:repeat(2,1fr);padding:0}.categoryhighlights a{padding:20px;font-size:14px}.categoryhighlights strong{font-size:16px}.categoryhighlights a:nth-child(-n+2){border-bottom:1px solid #d4e0e9}.productlayout{grid-template-columns:1fr;gap:30px}.categorysidebar{display:flex;flex-wrap:wrap}.categorysidebar h2{width:100%}.categorysidebar>a{padding:12px 16px;border-right:1px solid #dbe5ed}.productnav>div{position:static;box-shadow:none;padding-left:15px;border:0;width:auto}.productnav summary{padding:5px 0}.detailvisual{height:220px}.producttile img{height:150px}.categorycard img{height:150px}}@media(max-width:480px){.productgrid,.categorycards{grid-template-columns:1fr}.producttile img,.categorycard img{height:210px}.socials{gap:5px}.slidercontrols .slideprev,.slidercontrols .slidenext{font-size:0;padding:10px;width:30px}.slideprev:before{content:'‹';font-size:18px}.slidenext:before{content:'›';font-size:18px}.categoryhighlights a{gap:10px;padding:18px 12px}.section{padding:45px 7%}.banner-copy h1,.banner-copy h2{font-size:36px}}

.supplied-brand{gap:12px}.supplied-brand img{display:block;width:245px;height:82px;object-fit:contain}.companylabel{font-size:11px;color:#466376;letter-spacing:1px;border-left:1px solid #d4e0e9;padding-left:15px;max-width:90px}.footer-brand{flex-direction:column;align-items:start;gap:8px}.footer-brand img{width:210px;height:auto;background:white}.footer-brand span{font-size:12px;letter-spacing:2px}@media(max-width:1050px){.companylabel{display:none}}@media(max-width:800px){.supplied-brand img{width:210px;height:70px}header{height:85px}.menu{color:#075e98;border-color:#075e98}header nav{top:131px}}

.topbar{justify-content:flex-end}

.topbar{justify-content:space-between}.topbar time{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:480px){.topbar time{font-size:11px}.socials>a,.socials>button{width:29px;height:29px;padding:5px}}

.topbar{margin:0 6%;padding:7px 0;background:#075e98}.topbar time{padding-left:12px}.socials{padding-right:12px}@media(max-width:800px){.topbar{margin:0 6%;padding:7px 0}}

.company-overview{display:grid;grid-template-columns:1fr 1.5fr;gap:35px 70px;background:white}.overview-title h2{margin:20px 0}.journey-start{display:inline-block;border-top:3px solid #087bbb;padding-top:15px;font-size:14px;letter-spacing:2px;color:#075e98}.overview-story p,.overview-company p,.group-story p{color:#536b7d;font-size:1rem;font-weight:400;line-height:1.85}.overview-story .overview-lead{margin-top:0}.overview-company{grid-column:1/-1;padding:30px 35px;background:#eff5fa;border-left:4px solid #087bbb}.overview-company h3{font-size:28px;font-weight:400;margin:12px 0}.overview-company p{margin-bottom:0}.group-story{grid-column:1/-1}.group-story article{display:grid;grid-template-columns:95px 1fr;gap:25px;padding:28px 0;border-bottom:1px solid #dbe5ed}.story-year{font-size:26px;color:#087bbb}.group-story h3{font-size:23px;font-weight:400;margin:0 0 12px}.group-story p{margin:0}.overview-promise{grid-column:1/-1;display:flex;gap:25px;align-items:center;padding-top:10px}.overview-promise p{font-size:24px;color:#072e50;margin:0}@media(max-width:800px){.company-overview{grid-template-columns:1fr;gap:30px}.overview-company{padding:25px}.group-story article{grid-template-columns:65px 1fr;gap:18px}.story-year{font-size:21px}.overview-promise{display:block}.overview-promise p{font-size:22px;margin-top:12px}}

.office-map{padding:40px 8%;background:#eff5fa}.office-map h2{font-size:1.5rem;color:#243e52;margin:0 0 20px}.office-map iframe{display:block;width:100%;height:320px;border:0;margin-bottom:18px}.office-map>a{color:#087bbb;font-size:1rem}@media(max-width:600px){.office-map{padding:30px 6%}.office-map iframe{height:260px}}

.contact-details{min-width:0}.contact-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.contact-icon{width:22px;height:22px;flex:0 0 22px}.phone-row{white-space:nowrap;gap:8px}.phone-row a{font-size:1rem}@media(max-width:420px){.phone-row{gap:4px}.phone-row a{font-size:.875rem}.phone-row .contact-icon{width:18px;height:18px;flex-basis:18px}}

.gallery-nav{display:inline-flex;align-items:center;gap:7px}.gallery-nav svg{flex:none}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.gallery-grid figure{margin:0;border:1px solid #dbe5ed;background:#eff5fa}.gallery-grid img{display:block;width:100%;height:300px;object-fit:cover}.gallery-grid figcaption{padding:18px 20px;font-size:1.125rem;color:#243e52}@media(max-width:600px){.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:240px}}

.productlayout.category-only{display:block}

/* Readable specification descriptions on the blue product background. */
.product-specs .spec-table td{color:#fff;background:#075e98}

/* Quote form labels and guidance against the blue section. */
.inquiry{background:#075e98}.inquiry h2,.inquiry .overline,.inquiry>div>p,.inquiry #tradeform label,.inquiry #tradeform .formnote,.inquiry #tradeform .status{color:#fff}.inquiry input,.inquiry textarea{background:#fff;color:#173346}.inquiry input::placeholder,.inquiry textarea::placeholder{color:#667784;opacity:1}

#wechat-dialog{max-height:90vh;overflow-y:auto}.wechat-qr{display:block;width:100%;max-width:280px;height:auto;margin:12px auto;background:#fff}.wechat-save{display:inline-block;color:#075e98;text-decoration:underline;margin-bottom:12px}

/* === Journey paragraph alignment correction ===
   Preserves existing font size/wording and fixes inconsistent text boundaries. */
.company-overview .overview-story {
  width: 100%;
  max-width: 760px;
  justify-self: start;
}

.company-overview .overview-story p,
.company-overview .overview-company p,
.company-overview .group-story p {
  text-align: left !important;
  text-align-last: auto !important;
  word-spacing: normal !important;
  letter-spacing: normal;
  hyphens: none;
}

.company-overview .overview-story p {
  width: 100%;
  max-width: 760px;
  margin-left: 0;
  margin-right: 0;
}

.company-overview .overview-company p,
.company-overview .group-story p {
  width: 100%;
  max-width: none;
}

@media(max-width:800px) {
  .company-overview .overview-story,
  .company-overview .overview-story p {
    max-width: none;
  }
}

p {
  text-align: justify;
  text-justify: inter-word;
}

@media (max-width: 600px) {
  p {
    text-align: left;
  }
}

.company-overview p,
.company-overview .overview-story p,
.company-overview .group-story p {
  text-align: justify !important;
  text-justify: inter-word;
}

@media (max-width: 600px) {
  .company-overview .overview-story p,
  .company-overview .overview-company p,
  .company-overview .group-story p {
    text-align: justify !important;
    hyphens: auto;
    -webkit-hyphens: auto;
  }
}