/* Zhuohuang corporate identity: open composition, navy, white and brand orange. */
:root{--ink-900:#062b49;--ink-800:#073758;--ink-700:#134d70;--body:#425569;--surface:#f3f5f7;--wrap:1400px}
.topbar{background:#f1f4f6;color:#586a7a;border-bottom:1px solid #e3e8ec;font-size:11px}.topbar .tb-claim,.topbar a{color:#556978;font-weight:500}.topbar a:hover{color:#073758}.topbar-inner{max-width:1400px;padding:7px 48px}.header-inner{max-width:1400px;padding:0 48px;min-height:90px}.logo img{height:43px}.site-header{box-shadow:none;border-bottom:1px solid #e9eef1}.nav{gap:3px}.nav a{font-size:13px}.nav .btn{border-radius:0;font-size:12px;min-height:44px}.site-footer{background:#052842}.footer-brand p{font-size:13px}.page-hero{background:#073758}.page-hero h1{font-weight:600}.page-hero .rd-two{padding-block:15px}.brand-home{color:#425569;background:white}.brand-home h1,.brand-home h2,.brand-home h3{font-family:Arial,"Helvetica Neue",sans-serif}.brand-home section{padding:100px 0}.brand-container{width:100%;max-width:1400px;margin-inline:auto;padding-inline:64px}.brand-home h2{font-size:clamp(30px,3.3vw,46px);line-height:1.13;letter-spacing:-.035em;font-weight:500;color:#073758}.brand-overline{font-size:11px;letter-spacing:.13em;font-weight:700;color:#b35308;margin-bottom:22px;text-transform:uppercase}.brand-home .brand-hero{padding:0;position:relative;min-height:610px;height:calc(100svh - 122px);max-height:850px;background:#062b49;color:white;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.brand-hero-image{position:absolute;inset:0;z-index:-2}.brand-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 54%}.brand-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,27,48,.88) 0%,rgba(3,34,59,.68) 44%,rgba(3,32,51,.16) 100%);z-index:-1}.brand-hero-content{padding-top:20px;padding-bottom:75px}.brand-hero .brand-overline{color:#fff;font-size:11px;letter-spacing:.15em;margin-bottom:26px;display:flex;align-items:center;gap:14px}.brand-hero .brand-overline:before{content:'';width:35px;height:2px;background:#fc7800}.brand-hero h1{color:#fff;font-size:clamp(46px,5.6vw,80px);font-weight:500;line-height:1.07;letter-spacing:-.04em;margin:0 0 26px}.brand-hero h1 em{font-style:normal;color:#fff}.brand-hero-description{font-size:18px;line-height:1.65;max-width:590px;color:#e5edf3;margin-bottom:30px}.brand-actions{display:flex;flex-wrap:wrap;gap:14px}.brand-button{padding:16px 24px;display:inline-flex;gap:35px;align-items:center;justify-content:space-between;background:#ef7200;color:white;font-size:13px;font-weight:650;min-height:51px;text-decoration:none;border:1px solid #ef7200;transition:background .18s}.brand-button:hover{color:white;background:#bc5700;border-color:#bc5700}.brand-button-outline{background:transparent;border-color:#9daebb}.brand-button-outline:hover{background:white;border-color:white;color:#073758}.brand-hero-bottom{position:absolute;bottom:25px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#dae5ed}.brand-hero-bottom a{color:white;letter-spacing:0;font-size:11px;text-decoration:none}.brand-hero-bottom a span{margin-left:28px;font-size:23px}.brand-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);background:white;padding-top:0;padding-bottom:0;border-bottom:1px solid #dfe6eb}.brand-shortcuts>a{padding:33px 26px;display:flex;align-items:center;gap:20px;text-decoration:none;color:#073758;border-right:1px solid #dfe6eb}.brand-shortcuts>a:first-child{padding-left:0}.brand-shortcuts>a:last-child{border-right:0;padding-right:0}.shortcut-symbol{color:#b3611e;font-size:12px}.brand-shortcuts strong{display:block;font-size:18px;font-weight:600}.brand-shortcuts div>span{display:block;font-size:11px;color:#71818d;margin-top:5px}.brand-shortcuts b{font-size:23px;font-weight:400;margin-left:auto}.brand-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.brand-intro p:not(.brand-overline){font-size:16px;line-height:1.85}.brand-text-link{display:inline-flex;align-items:center;gap:30px;text-decoration:none;font-size:13px;font-weight:700;color:#073758;padding:10px 0;border-bottom:1px solid #a3b4c0}.brand-text-link:hover{color:#b35308;border-color:#b35308}.brand-portfolio{background:#f2f5f7}.brand-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:44px}.brand-section-title h2{margin:0}.brand-section-title .brand-overline{margin-bottom:16px}.brand-product-selector{display:grid;grid-template-columns:260px 1fr;gap:35px}.brand-tabs{display:flex;flex-direction:column;align-items:stretch}.brand-tabs button{font:inherit;font-size:14px;text-align:left;background:transparent;border:0;border-bottom:1px solid #d3dde4;color:#526777;padding:24px 14px;cursor:pointer;display:flex;align-items:center;gap:16px;min-height:75px}.brand-tabs button>span{font-size:10px;color:#7d8d98}.brand-tabs button>b{margin-left:auto;font-size:19px;font-weight:400}.brand-tabs button[aria-selected=true]{background:#073758;color:white;border-color:#073758}.brand-tabs button[aria-selected=true]>span{color:#b8cad7}.brand-product-panel{background:white;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-width:0;padding:30px;gap:35px}.brand-product-panel[hidden]{display:none}.brand-product-photo{min-width:0}.brand-product-photo img{width:100%;height:250px;object-fit:contain}.brand-product-photo>span{display:block;text-align:center;font-size:8px;letter-spacing:.1em;color:#7b8d99;margin-top:30px}.brand-product-info .brand-overline{font-size:10px;margin-bottom:16px}.brand-product-info h3{font-weight:500;font-size:29px;line-height:1.15;letter-spacing:-.03em;color:#073758}.brand-product-info>p:not(.brand-overline){font-size:13px;line-height:1.75}.brand-tags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.brand-tags span{font-size:10px;padding:6px 9px;background:#edf2f5;color:#335774}.brand-product-note{color:#758490}.brand-supporting{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:32px;font-size:11px}.brand-supporting>span{font-size:9px;letter-spacing:.1em;color:#7b8b97}.brand-supporting a{color:#244963;text-decoration:none}.brand-application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.brand-application-grid>a{height:355px;position:relative;overflow:hidden;color:white;background:#073758;text-decoration:none;isolation:isolate}.brand-application-grid>a:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,29,47,.94),transparent 75%);z-index:-1}.brand-application-grid img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:-2;transition:transform .3s}.brand-application-grid a:hover img{transform:scale(1.04)}.brand-application-grid a>div{position:absolute;bottom:26px;left:24px;right:24px}.brand-application-grid h3{color:#fff;font-size:23px;letter-spacing:-.025em;font-weight:500;margin:0}.brand-application-grid h3>span{float:right;font-size:20px}.brand-application-grid p{color:#dce6ec;font-size:10px;margin-bottom:10px}.brand-performance{background:#073758;color:#c8d8e4}.brand-performance .brand-overline{color:#ff9a42}.brand-performance h2{color:white}.brand-performance-heading{display:flex;justify-content:space-between;align-items:center;gap:50px}.brand-performance-heading>p{max-width:400px;font-size:15px;line-height:1.8}.brand-performance .brand-text-link{color:white;font-size:12px;margin-top:15px;border-color:#7491a5}.brand-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:1px solid #456179}.brand-metrics>a{color:white;text-decoration:none;padding:35px 40px;border-right:1px solid #456179}.brand-metrics>a:first-child{padding-left:0}.brand-metrics>a:last-child{border:0}.brand-metrics strong{font-size:58px;line-height:1;font-weight:400;letter-spacing:-.04em;display:block;margin:0 0 24px}.brand-metrics strong span{font-size:18px;margin-left:8px;letter-spacing:0}.brand-metrics h3{color:white;font-size:17px;font-weight:500}.brand-metrics p{font-size:11px;color:#b8ccd9;margin:0}.brand-partnership{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}.brand-partnership>div>p:not(.brand-overline){max-width:360px;font-size:15px}.brand-partner-list>a{display:flex;align-items:start;gap:24px;text-decoration:none;color:#536a79;border-top:1px solid #d6dfe5;padding:28px 0}.brand-partner-list>a>span{font-size:11px;color:#b65c17;padding-top:4px}.brand-partner-list h3{font-size:21px;font-weight:500;color:#073758;margin-bottom:10px}.brand-partner-list p{font-size:13px;line-height:1.7;margin:0}.brand-partner-list b{font-size:24px;font-weight:400;margin-left:auto;color:#073758}.brand-home .brand-project{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#edf1f4}.brand-project>img{height:475px;width:100%;object-fit:cover}.brand-project>div{align-self:center;padding:60px 80px}.brand-project>div>p:not(.brand-overline){max-width:420px;font-size:15px;line-height:1.8}.brand-project .brand-button{margin-top:15px}.brand-contact{display:flex;justify-content:space-between;align-items:center;gap:60px}.brand-contact>div:last-child{display:flex;flex-direction:column;align-items:start;gap:14px}.brand-contact h2{margin:0}.brand-home a:focus-visible,.brand-home button:focus-visible,.brand-home [role=tabpanel]:focus-visible{outline:3px solid #e97513;outline-offset:5px}
@media(min-width:1600px){.brand-hero-content{padding-bottom:110px}}
@media(max-width:1150px){.brand-container{padding-inline:40px}.header-inner{padding-inline:30px}.brand-product-selector{grid-template-columns:210px 1fr;gap:20px}.brand-tabs button{font-size:12px;padding-inline:12px}.brand-product-panel{gap:20px;padding:25px}.brand-product-info h3{font-size:25px}.brand-intro,.brand-partnership{gap:50px}.brand-project>div{padding:45px}.brand-application-grid{gap:14px}.brand-application-grid h3{font-size:20px}.brand-shortcuts>a{padding:27px 20px;gap:14px}.brand-shortcuts strong{font-size:16px}.brand-shortcuts div>span{font-size:10px}}
@media(max-width:850px){.brand-home section{padding-block:70px}.brand-home .brand-hero{min-height:570px;height:680px;max-height:none}.brand-hero h1{font-size:58px}.brand-hero-bottom>span{max-width:50%;line-height:1.7}.brand-shortcuts{grid-template-columns:1fr}.brand-shortcuts>a,.brand-shortcuts>a:first-child,.brand-shortcuts>a:last-child{padding:22px 0;border-right:0;border-bottom:1px solid #e4e9ed}.brand-shortcuts>a:last-child{border-bottom:0}.brand-shortcuts div>span{font-size:12px}.brand-intro{gap:30px}.brand-product-selector{grid-template-columns:1fr;gap:20px}.brand-tabs{flex-direction:row;overflow-x:auto}.brand-tabs button{flex:1;min-width:145px;min-height:68px;gap:10px;padding:16px;font-size:12px}.brand-tabs button b{display:none}.brand-product-panel{min-height:330px}.brand-application-grid{grid-template-columns:repeat(2,1fr)}.brand-application-grid>a{height:320px}.brand-performance-heading{gap:30px}.brand-partnership{grid-template-columns:1fr;gap:30px}.brand-partner-list{max-width:none}.brand-project>div{padding:35px}.brand-metrics>a{padding-inline:25px}.brand-metrics strong{font-size:45px}.brand-project>img{height:440px}.brand-contact{gap:25px}}
@media(max-width:600px){.topbar .tb-links{justify-content:space-between;width:100%}.topbar-inner{padding:7px 20px}.header-inner{min-height:73px;padding-inline:20px}.logo img{height:35px}.brand-container{padding-inline:24px}.brand-home section{padding-block:54px}.brand-home h2{font-size:32px}.brand-overline{font-size:9px;margin-bottom:18px}.brand-home .brand-hero{height:calc(100svh - 101px);min-height:535px;max-height:740px}.brand-hero-image img{object-position:62% center}.brand-hero::after{background:linear-gradient(90deg,rgba(2,27,48,.84),rgba(3,34,59,.55))}.brand-hero-content{padding-bottom:70px;padding-top:0}.brand-hero .brand-overline{font-size:8px;letter-spacing:.08em;gap:10px;margin-bottom:25px}.brand-hero .brand-overline:before{width:20px}.brand-hero h1{font-size:clamp(38px,10.7vw,51px);line-height:1.12;margin-bottom:23px}.brand-hero-description{font-size:15px;max-width:300px;margin-bottom:25px}.desktop-break{display:none}.brand-actions{gap:10px}.brand-button{font-size:11px;gap:16px;padding:13px 16px;min-height:46px}.brand-hero-bottom{bottom:20px;font-size:8px}.brand-hero-bottom>a{font-size:10px}.brand-hero-bottom>a span{margin-left:10px}.brand-hero-bottom>span{max-width:47%;font-size:7px}.brand-shortcuts strong{font-size:16px}.brand-shortcuts div>span{font-size:11px}.brand-intro{grid-template-columns:1fr;gap:20px}.brand-intro h2{margin:0}.brand-intro p:not(.brand-overline){font-size:14px}.brand-section-title{display:block;margin-bottom:28px}.brand-section-title>.brand-text-link{margin-top:16px}.brand-product-panel{grid-template-columns:1fr;padding:24px;gap:20px}.brand-product-photo img{height:200px}.brand-product-photo>span{margin-top:12px}.brand-product-info h3{font-size:28px}.brand-tabs button{min-width:155px}.brand-supporting{gap:15px}.brand-supporting>span{width:100%}.brand-supporting a{font-size:11px}.brand-application-grid{gap:12px}.brand-application-grid>a{height:265px}.brand-application-grid a>div{left:15px;right:15px;bottom:20px}.brand-application-grid h3{font-size:20px}.brand-application-grid h3>span{display:none}.brand-application-grid p{font-size:9px}.brand-performance-heading{display:block}.brand-performance-heading>p{font-size:14px;margin-top:25px}.brand-metrics{grid-template-columns:1fr;margin-top:30px}.brand-metrics>a,.brand-metrics>a:first-child{padding:25px 0;border-right:0;border-bottom:1px solid #456179}.brand-metrics strong{font-size:48px;margin-bottom:14px}.brand-partner-list>a{gap:16px}.brand-partner-list h3{font-size:19px}.brand-home .brand-project{grid-template-columns:1fr}.brand-project>img{height:300px}.brand-project>div{padding:40px 24px}.brand-contact{display:block}.brand-contact>div:last-child{margin-top:30px}.site-footer{padding-top:50px}}
body[data-page="products"] .page-hero,body[data-page="applications"] .page-hero,body[data-page="company"] .page-hero,body[data-page="export"] .page-hero,body[data-page="downloads"] .page-hero,body[data-page="contact"] .page-hero{padding:70px 0;min-height:320px;background-size:cover;background-position:center}.page-hero .wrap{padding-inline:64px}.page-hero h1{font-family:Arial,"Helvetica Neue",sans-serif;font-size:clamp(34px,3.8vw,54px);line-height:1.1;font-weight:500;max-width:24ch;letter-spacing:-.035em}.page-hero p:not(.breadcrumb){max-width:62ch;font-size:16px;line-height:1.7}.page-hero .breadcrumb{font-size:11px;letter-spacing:.02em;margin-bottom:25px}.page-hero .breadcrumb a{color:#c2d2df}body[data-page="applications"] .page-hero{background-image:linear-gradient(90deg,rgba(4,37,61,.96),rgba(4,37,61,.58)),url('/assets/img/application/Pipeline_Field_Joint-865.webp')}body[data-page="company"] .page-hero{background-image:linear-gradient(90deg,rgba(4,37,61,.96),rgba(4,37,61,.48)),url('/assets/img/application/Production_Facility_Exterior-1200.webp')}body[data-page="export"] .page-hero{background-image:linear-gradient(90deg,rgba(4,37,61,.97),rgba(4,37,61,.52)),url('/assets/img/application/Berth_Loading_Equipment-1400.webp')}body[data-page="products"] .card,body[data-page="applications"] .card{border:0;background:#f3f6f8}body[data-page="products"] .card-figure{background:white}body[data-page="products"] .card-body,body[data-page="applications"] .card-body{padding:28px}.rd-product-hero h1{max-width:18ch}.rd-product-hero .rd-product-visual{box-shadow:none}.brand-home [hidden]{display:none!important}
@media(max-width:600px){.page-hero .wrap{padding-inline:24px}.page-hero h1{font-size:35px}.page-hero p:not(.breadcrumb){font-size:14px}.page-hero .breadcrumb{font-size:10px}body[data-page="products"] .page-hero,body[data-page="applications"] .page-hero,body[data-page="company"] .page-hero,body[data-page="export"] .page-hero,body[data-page="downloads"] .page-hero,body[data-page="contact"] .page-hero{padding:45px 0;min-height:270px}.rd-product-hero .rd-two{padding-block:0}}
@media(max-width:600px){.brand-tabs{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:4px}.brand-tabs button{min-width:0;min-height:55px;padding:12px 10px;font-size:11px;background:#e6edf2;border:0}.brand-tabs button:last-child{grid-column:1/-1}.brand-product-photo img{height:185px}.brand-product-photo>span{margin-top:8px}.brand-product-panel{gap:18px}}
@media(prefers-reduced-motion:reduce){.brand-home *{transition:none!important}}
/* Studio product photography: preserve the complete 3:2 product composition. */
.card-figure.studio-figure{aspect-ratio:3/2;background:#101b29;padding:0}
.card-figure.studio-figure picture,.card-figure.studio-figure img{display:block;width:100%;height:100%;object-fit:cover}
.rd-product-visual.studio-product-hero{padding:0;background:#101b29;overflow:hidden}
.rd-product-visual.studio-product-hero img{display:block;height:auto;aspect-ratio:3/2;object-fit:cover}
.rd-product-visual.studio-product-hero figcaption{color:#d7e4ed;padding:17px 22px;border:0;font-size:9px;letter-spacing:.11em}
#marine-grade,#industrial-grade,#seawater-grade{scroll-margin-top:110px}