*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e38b2c;outline-offset:4px}img,svg{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}p{line-height:1.65}a{text-underline-offset:4px}.skip{position:absolute;left:20px;top:-100px;z-index:30;background:white;color:black;padding:12px}.skip:focus{top:12px}.wrap{max-width:1320px;margin:auto;padding-inline:clamp(22px,5vw,76px)}header{position:relative;z-index:10}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:100px}nav{display:flex;align-items:center;gap:30px}nav a{text-decoration:none;font-size:14px;font-weight:600}.menu{display:none;background:none;color:inherit;border:1px solid currentColor;padding:10px 15px;min-height:44px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:16px 24px;min-height:50px;text-decoration:none;font-weight:700;border:0}.actions{display:flex;flex-wrap:wrap;gap:12px}.section{padding-block:100px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-head p{max-width:36ch;margin:0}.section-head h2{margin:0}.field{display:flex;flex-direction:column;gap:10px}.field label{font-size:14px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid #bac6cf;padding:14px;background:white;color:#172637;border-radius:0}.field textarea{min-height:120px;resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field.wide{grid-column:1/-1}.form-note{font-size:13px;line-height:1.5}.preview{margin-top:22px;padding:20px;border:1px solid currentColor;line-height:1.6}.notice{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:20px;font-size:12px;border-top:1px solid #cbd2d8}.notice p{margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact-grid h3{font-size:15px;margin-bottom:10px}address{font-style:normal;line-height:1.7}section[id]{scroll-margin-top:20px}[hidden]{display:none!important}@media(max-width:850px){header .wrap{min-height:80px}.menu{display:block}nav{display:none;position:absolute;top:80px;left:0;right:0;padding:24px;background:var(--nav-bg,#fff);color:var(--nav-ink,#172637);flex-direction:column;align-items:stretch;border-bottom:1px solid #cbd2d8}nav.open{display:flex}nav a{padding:10px}.section{padding-block:70px}.section-head{display:block}.section-head p{margin-top:20px}.contact-grid{grid-template-columns:1fr}.notice{align-items:start;flex-direction:column}.fields{gap:18px}}@media(max-width:500px){.fields{grid-template-columns:1fr}.section{padding-block:55px}.actions .btn{flex:1}h1,h2{overflow-wrap:break-word}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
:root{--nav-bg:#07365d;--nav-ink:#fff}body{background:#fff;color:#103550;font-family:Helvetica,Arial,sans-serif}header{background:#07365d;color:white;border-bottom:1px solid #37607f}.wordmark{text-decoration:none;display:flex;flex-direction:column}.brand{font-size:37px;line-height:1;font-weight:800;letter-spacing:-.065em}.brand-symbol{display:inline-block;font-size:27px;color:#f08a4b;vertical-align:top;margin-left:6px}.manufacturer{font-size:10px;letter-spacing:.02em;margin-top:8px;color:#bad0e1}.nav-cta{border-bottom:1px solid #e98648;padding:13px 0}.hero{background:#07365d;color:white}.hero-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:630px;gap:20px;padding-block:50px}.hero-kicker{font-size:13px;color:#acc7df;margin-bottom:27px}h1{font-size:clamp(55px,6.1vw,88px);line-height:1.03;letter-spacing:-.055em;margin-bottom:26px}h2{font-size:clamp(36px,4vw,55px);letter-spacing:-.048em;line-height:1.07}.hero-intro{font-size:20px;max-width:32ch;color:#c6d9e9;margin-bottom:32px}.btn{background:#f18a4b;color:#092b46;gap:25px;font-size:14px}.btn:hover{background:#ffac74}.hero-foot{font-size:12px;margin-top:48px;line-height:1.8;color:#b5ccdf}.hero-foot span{font-size:11px;color:#8aadc8}.valve-visual{margin-right:-25px}.valve-visual img{width:100%;animation:valve-enter 1s ease both}@keyframes valve-enter{from{transform:translateY(10px)}to{transform:none}}.hero-bottom{display:flex;justify-content:space-between;font-size:12px;border-top:1px solid #37607f;padding-block:23px;color:#bed5e7}.hero-bottom a{text-decoration:none}.hero-bottom a span{margin-left:25px;color:#f18a4b}.section-head>p{color:#61788a;font-size:15px}.valve-explorer{display:grid;grid-template-columns:.65fr 1.35fr;border:1px solid #ccd7df}.valve-selector{background:#f4f7f9;display:flex;flex-direction:column}.valve-selector button{display:flex;flex-direction:column;text-align:left;gap:9px;color:#173f5f;background:transparent;border:0;border-bottom:1px solid #ccd7df;padding:26px 30px;font-size:22px;position:relative}.valve-selector button:last-child{border-bottom:0}.valve-selector button span{font-size:12px;color:#658195}.valve-selector button.active{color:#fff;background:#0b446e}.valve-selector button.active:after{content:'↗';position:absolute;right:28px;top:27px;color:#f09256}.valve-selector button.active span{color:#bad2e3}.valve-detail{padding:30px 45px;background:#e7eef3;position:relative}.detail-top{display:flex;align-items:center;gap:24px;font-size:11px;color:#54748c}.detail-line{height:1px;flex:1;background:#b7c8d5}.valve-detail h3{font-size:33px;letter-spacing:-.045em;margin-bottom:14px}.valve-detail>p{font-size:15px;max-width:58ch;color:#4e6e84}.valve-schematic{position:relative;width:250px;height:133px;margin:35px auto 12px}.valve-schematic .pipe{position:absolute;top:63px;width:75px;height:37px;border-block:2px solid #427495;background:repeating-linear-gradient(0deg,transparent 0 14px,#9cb5c7 15px 16px)}.pipe.left{left:0}.pipe.right{right:0}.valve-schematic .body{width:109px;height:96px;border:2px solid #427495;position:absolute;top:32px;left:72px;background:#d1e1ec;border-radius:25px}.flow-core{position:absolute;left:24px;top:27px;width:60px;height:39px;border:2px solid #427495;border-radius:50%;background:#f4f8fb}.flow-core:before{content:'';position:absolute;left:-25px;right:-25px;height:1px;background:#0c71ad;top:17px}.stem{position:absolute;height:30px;width:16px;border:2px solid #427495;top:5px;left:119px}.handle{width:100px;height:6px;position:absolute;left:110px;top:4px;background:#d77134}.illustration-note{text-align:center;font-size:10px!important;color:#71899d!important;margin-bottom:30px}.consider{border-top:1px solid #b7c8d5;padding-top:17px;margin-top:22px;display:grid;grid-template-columns:120px 1fr;gap:20px;font-size:12px;color:#56778f}.consider strong{font-weight:500}.consider p{margin:0;line-height:1.5}.detail-enquire{background:transparent;color:#0c4168;border:0;border-bottom:1px solid #0c4168;padding:14px 0 7px;font-weight:600;font-size:13px}.detail-enquire span{margin-left:25px}.applications{background:#ebf1f5}.application-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:8%}.application-controls{display:flex;flex-direction:column;align-items:stretch}.application-controls button{text-align:left;font-size:17px;border:0;border-bottom:1px solid #bdcfdd;background:transparent;color:#466981;padding:22px 0;min-height:64px}.application-controls button.active{color:#06355c;font-weight:700;box-shadow:inset 3px 0 #d97639;padding-left:20px}.application-body{background:#07365d;color:#fff;padding:40px}.process-symbol{font-size:55px;line-height:1;color:#f18a4b;display:block;margin-bottom:25px}.application-body h3{font-size:29px;line-height:1.15;letter-spacing:-.03em;max-width:24ch}.application-body>p{font-size:15px;color:#bfd3e3;max-width:50ch}.application-info{margin-top:30px;padding-top:20px;border-top:1px solid #466c8b;color:#bed1e2}.application-info span{font-size:11px;color:#e29b6f}.application-info p{font-size:13px;margin:10px 0 0}.engineering-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%}.line-icon{display:flex;gap:8px;width:75px;height:75px;align-items:center;margin-bottom:30px}.line-icon i{width:10px;height:65px;border:2px solid #6387a1;transform:skew(-18deg)}.line-icon i:nth-child(2){height:45px;border-color:#d97639}.line-icon i:nth-child(3){height:25px}.lead{font-size:24px;line-height:1.45;letter-spacing:-.02em;color:#123e5d}.engineering-copy>p:not(.lead){color:#698193;font-size:15px}.engineering-columns{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:35px}.engineering-columns h3{font-size:17px}.engineering-columns p{font-size:13px;color:#657f92}.spec-note{border-top:1px solid #c9d6e0;padding-top:22px;font-size:11px!important}.enquiry{background:#07365d;color:#fff}.enquiry-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%}.enquiry-layout>div>p{max-width:34ch;color:#b2ccdf;font-size:16px}.enquiry-layout .enquiry-caption{font-size:12px;border-left:2px solid #d97639;padding-left:20px;margin-top:35px}.field input,.field select,.field textarea{background:#0a426c;color:#fff;border-color:#4f7491}.field input::placeholder,.field textarea::placeholder{color:#97b5ca}.form-note{color:#a5c2d7}.contact-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:50px}.contact-heading h2{margin:0}.contact-heading a{font-size:12px}.contact-detail{font-size:clamp(20px,2.5vw,30px);line-height:1.6;letter-spacing:-.03em;overflow-wrap:anywhere}.contact-grid h3{color:#628197;font-weight:400}.contact-grid address{font-size:15px}footer{background:#fff;color:#6d8393}@media(max-width:1100px){.hero-layout{min-height:580px}.hero h1{font-size:65px}.valve-detail{padding:30px}.valve-selector button{padding:26px 24px;font-size:20px}.application-layout{gap:5%}}@media(max-width:850px){.hero-layout{min-height:470px}.hero h1{font-size:50px}.hero-intro{font-size:17px}.hero-foot{margin-top:30px}.valve-visual{margin-right:0}.valve-explorer{grid-template-columns:.7fr 1.3fr}.valve-selector button{padding:22px 18px;font-size:18px}.valve-selector button.active:after{display:none}.valve-detail{padding:25px}.valve-schematic{transform:scale(.8);transform-origin:center}.consider{display:block}.consider p{margin-top:8px}.application-layout,.engineering-layout,.enquiry-layout{grid-template-columns:1fr;gap:35px}.application-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.application-controls button{font-size:14px}.engineering-title{display:flex;align-items:center;gap:35px}.line-icon{flex-shrink:0}.contact-heading{display:block}.contact-heading a{display:inline-block;margin-top:20px}}@media(max-width:600px){.hero-layout{grid-template-columns:1fr;padding-top:50px;gap:5px}.hero h1{font-size:62px}.hero-intro{max-width:28ch}.hero-foot{display:none}.valve-visual{margin:0 -15px}.hero-bottom{gap:15px;font-size:10px}.valve-explorer{grid-template-columns:1fr}.valve-selector{display:grid;grid-template-columns:1fr 1fr}.valve-selector button{font-size:17px;border:1px solid #ccd7df;padding:20px}.valve-selector button span{font-size:10px}.valve-selector button:last-child{grid-column:1/-1}.valve-detail{padding:30px}.valve-schematic{transform:none}.application-body{padding:30px}.application-body h3{font-size:27px}.engineering-title{display:block}.engineering-columns{gap:20px}.hero-kicker{font-size:11px}.hero h1{letter-spacing:-.06em}}
@media(max-width:400px){.valve-detail{padding:24px}.valve-schematic{left:50%;margin-left:-125px;transform:scale(.82);transform-origin:center}.hero h1{font-size:54px}.hero-bottom{font-size:9px}.hero-bottom a span{margin-left:7px}}