/* Products & Scope reference layout; Elementor Free native content. */
body.sth-site.sth-site .products-reference{background:#f7f5ed;overflow:hidden}
body.sth-site.sth-site .products-reference .ref-container{width:calc(100% - 144px);max-width:1296px}
body.sth-site.sth-site .products-reference .ref-header-inner{width:calc(100% - 110px);max-width:1330px}
body.sth-site.sth-site .products-reference h1{font-size:57px!important;line-height:1.025!important;letter-spacing:-.045em!important;margin-bottom:24px!important}
body.sth-site.sth-site .products-reference h2{font-size:54px!important;line-height:1.055!important;letter-spacing:-.045em!important;margin-bottom:20px!important}
body.sth-site.sth-site .products-reference p{font-size:17px!important;line-height:1.5!important;color:#677068;margin:0 0 12px!important}
body.sth-site.sth-site .products-reference .ref-eyebrow{font-size:13px;letter-spacing:.15em;gap:12px;margin-bottom:23px}
body.sth-site.sth-site .products-reference .ref-eyebrow:after{width:49px;background:#b7a073}
body.sth-site.sth-site .products-reference .ref-button{min-width:0;min-height:45px;font-size:12px!important;letter-spacing:.065em!important;padding:13px 26px!important;border-radius:1px!important;transition:transform .23s ease,box-shadow .23s ease}
body.sth-site.sth-site .products-reference .ref-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #234d3d20!important}
body.sth-site.sth-site .products-reference a:focus-visible{outline:2px solid #947849;outline-offset:5px}
body.sth-site.sth-site .products-reference .ps-hero{padding:55px 0 35px;background:radial-gradient(ellipse at 22% 25%,#faf8ef,#f2f0e6);position:relative}
body.sth-site.sth-site .products-reference .ps-hero-grid{display:grid;grid-template-columns:59% 41%}
body.sth-site.sth-site .products-reference .ps-hero-grid>div:first-child{position:relative;z-index:1}
body.sth-site.sth-site .products-reference .ps-hero-art{position:absolute;right:15px;top:12px;width:650px;height:580px}
body.sth-site.sth-site .products-reference .ps-hero-drawing{width:100%;height:100%;object-fit:contain;opacity:.26}
body.sth-site.sth-site .products-reference .ps-art-note{position:absolute;bottom:38px;right:12px;font-size:10px!important;font-weight:600;letter-spacing:.07em;color:#84947f!important}
body.sth-site.sth-site .products-reference .ps-levels{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:68%;position:relative;margin:25px 0 23px}
body.sth-site.sth-site .products-reference .ps-level{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start}
body.sth-site.sth-site .products-reference .ps-brand-icon{width:53px;height:62px;object-fit:contain}
body.sth-site.sth-site .products-reference .ps-level h3{font-size:14px!important;line-height:1.35!important;letter-spacing:.035em!important;margin-bottom:7px!important}
body.sth-site.sth-site .products-reference .ps-level p{font-size:15px!important;line-height:1.4!important;margin:0!important}
body.sth-site.sth-site .products-reference .ps-hero-foot{font-size:14px!important;margin:0!important;position:relative}
body.sth-site.sth-site .products-reference .ps-focus{padding:43px 0 29px;background:radial-gradient(ellipse at 28% 66%,#efeee2,#faf8f0 70%)}
body.sth-site.sth-site .products-reference .ps-focus-intro{max-width:800px}
body.sth-site.sth-site .products-reference .ps-focus-map{position:relative;display:grid;grid-template-columns:59% 41%;min-height:560px;align-items:center;margin-top:9px}
body.sth-site.sth-site .products-reference .ps-pump-art{position:relative;height:560px}
body.sth-site.sth-site .products-reference .ps-pump{position:absolute;width:110%;max-width:none;height:560px;left:-20px;top:0;object-fit:contain;opacity:.92}
body.sth-site.sth-site .products-reference .ps-connectors{position:absolute;left:0;top:0;width:76%;height:560px;object-fit:fill;z-index:2;pointer-events:none}
body.sth-site.sth-site .products-reference .ps-parts{position:relative;display:grid;gap:33px;z-index:3;margin-top:-22px}
body.sth-site.sth-site .products-reference .ps-part{display:grid;grid-template-columns:180px 1fr;gap:23px;align-items:center}
body.sth-site.sth-site .products-reference .ps-part-image{position:relative;overflow:hidden;isolation:isolate;width:180px;height:132px;background:linear-gradient(135deg,#eaece2,#f6f5ed);border-left:1px solid #c8b48d}
body.sth-site.sth-site .products-reference .ps-part-sprite{position:absolute;width:300%!important;max-width:none!important;height:180px!important;left:0;top:-24px;object-fit:fill}
body.sth-site.sth-site .products-reference .ps-sprite-1 .ps-part-sprite{left:-100%}
body.sth-site.sth-site .products-reference .ps-sprite-2 .ps-part-sprite{left:-200%}
body.sth-site.sth-site .products-reference .ps-part-label{font-size:11px;letter-spacing:.11em;line-height:1.4;color:#728c77;font-weight:600;margin-bottom:8px}
body.sth-site.sth-site .products-reference .ps-part h3{font-size:20px!important;line-height:1.17!important;letter-spacing:-.03em!important;margin-bottom:8px!important}
body.sth-site.sth-site .products-reference .ps-part p{font-size:14px!important;line-height:1.45!important;margin:0!important}
body.sth-site.sth-site .products-reference .ps-caption{font-size:14px!important;margin:9px 0 0!important}
body.sth-site.sth-site .products-reference .ps-scope{padding:32px 0 34px;background:linear-gradient(110deg,#f5f2e8,#faf8f0)}
body.sth-site.sth-site .products-reference .ps-scope h2{font-size:42px!important;margin-bottom:25px!important}
body.sth-site.sth-site .products-reference .ps-scope-grid{display:grid;grid-template-columns:44% 56%;gap:0}
body.sth-site.sth-site .products-reference .ps-scope-grid>div:first-child{padding-right:30px}
body.sth-site.sth-site .products-reference .ps-scope-grid p{font-size:16px!important;line-height:1.5!important}
body.sth-site.sth-site .products-reference .ps-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;position:relative;margin-top:-27px}
body.sth-site.sth-site .products-reference .ps-path:before{content:'';position:absolute;top:6px;left:9%;right:9%;height:52px;background:linear-gradient(90deg,#b3b99d,#dce0cd);clip-path:polygon(0 50%,45% 35%,50% 0,55% 30%,92% 10%,100% 50%,92% 90%,55% 70%,50% 100%,45% 65%);opacity:.5}
body.sth-site.sth-site .products-reference .ps-path-step{position:relative;border-right:1px solid #cfcbb9;padding-right:25px}
body.sth-site.sth-site .products-reference .ps-path-step:last-child{border:0;padding-right:0}
body.sth-site.sth-site .products-reference .ps-path-icon{width:54px;height:64px;object-fit:contain;margin:0 auto 8px;display:block;position:relative}
body.sth-site.sth-site .products-reference .ps-path-step h3{font-size:12px!important;letter-spacing:.025em!important;line-height:1.4!important;text-align:center;margin-bottom:10px!important}
body.sth-site.sth-site .products-reference .ps-path-step p{font-size:13px!important;line-height:1.45!important;margin:0!important}
body.sth-site.sth-site .products-reference .ps-principle{font-size:18px!important;line-height:1.4!important;letter-spacing:-.03em!important;margin-top:20px!important}
body.sth-site.sth-site .products-reference .ps-applications{padding:32px 0 27px;background:linear-gradient(110deg,#f8f6ee,#f3f2e8);position:relative}
body.sth-site.sth-site .products-reference .ps-app-grid{display:grid;grid-template-columns:50% 50%;gap:0}
body.sth-site.sth-site .products-reference .ps-app-grid>div:first-child{position:relative;padding-right:20px}
body.sth-site.sth-site .products-reference .ps-applications h2{font-size:35px!important;line-height:1.1!important;margin-bottom:18px!important}
body.sth-site.sth-site .products-reference .ps-applications p{font-size:15px!important;line-height:1.45!important}
body.sth-site.sth-site .products-reference .ps-pipe-art{position:absolute;bottom:-45px;left:-90px;width:560px;height:210px;opacity:.12;pointer-events:none}
body.sth-site.sth-site .products-reference .ps-apps{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px}
body.sth-site.sth-site .products-reference .ps-app{display:grid;grid-template-columns:52px 1fr;gap:17px;border-left:1px solid #d0bc95;padding-left:25px;align-items:start}
body.sth-site.sth-site .products-reference .ps-icon{width:50px;height:55px;object-fit:contain}
body.sth-site.sth-site .products-reference .ps-app h3{font-size:11px!important;line-height:1.3!important;letter-spacing:.03em!important;margin-bottom:8px!important}
body.sth-site.sth-site .products-reference .ps-app p{font-size:13px!important;line-height:1.4!important;margin:0!important}
body.sth-site.sth-site .products-reference .ps-application-note{font-size:12px!important;text-align:center;line-height:1.4!important;position:relative;margin:27px 0 0!important}
body.sth-site.sth-site .products-reference .ps-enquiry{padding:35px 0 36px;background:#f9f7ef;border-bottom:1px solid #e0dbc9}
body.sth-site.sth-site .products-reference .ps-enquiry-grid{display:grid;grid-template-columns:48% 52%;align-items:center;gap:0}
body.sth-site.sth-site .products-reference .ps-enquiry-grid>div:first-child{padding-right:24px}
body.sth-site.sth-site .products-reference .ps-enquiry h2{font-size:42px!important;line-height:1.08!important;margin-bottom:20px!important}
body.sth-site.sth-site .products-reference .ps-enquiry p{font-size:14px!important;line-height:1.5!important}
body.sth-site.sth-site .products-reference .ps-buttons{display:flex;gap:18px;flex-wrap:wrap;margin-top:23px}
body.sth-site.sth-site .products-reference .ps-checklist{columns:2;column-gap:28px;list-style:none;margin:0 0 22px;padding:0;font-size:14px;line-height:1.5;color:#657469}
body.sth-site.sth-site .products-reference .ps-checklist li{position:relative;padding:0 0 0 30px;margin-bottom:12px;break-inside:avoid}
body.sth-site.sth-site .products-reference .ps-checklist li:before{content:'';position:absolute;left:0;top:2px;width:17px;height:20px;background:url('../assets/technical/products-reference/document.svg') center/contain no-repeat}
body.sth-site.sth-site .products-reference .ref-footer{padding:34px 0 20px}
body.sth-site.sth-site .products-reference .ref-footer-grid{grid-template-columns:40% 22% 22% 16%;margin-bottom:24px}
body.sth-site.sth-site .products-reference .ref-footer .ref-brand{width:285px}
body.sth-site.sth-site .products-reference .ref-footer h3{font-size:11px!important;margin-bottom:7px!important}
body.sth-site.sth-site .products-reference .ref-footer ul{font-size:12px;line-height:1.6}
body.sth-site.sth-site .products-reference .ref-copyright{font-size:10px!important;margin:0!important;padding-top:14px}
@media(prefers-reduced-motion:no-preference){
body.sth-site.sth-site .products-reference .ps-enter{animation:ps-settle .8s cubic-bezier(.2,.6,.3,1) both}
body.sth-site.sth-site .products-reference .ps-enter .ps-connectors{animation:ps-lines 1s .15s both}
body.sth-site.sth-site .products-reference .ps-enter .ps-part{animation:ps-settle .7s .1s both}
body.sth-site.sth-site .products-reference .ps-enter .ps-part-1{animation-delay:.18s}
body.sth-site.sth-site .products-reference .ps-enter .ps-part-2{animation-delay:.26s}
@keyframes ps-settle{from{opacity:.65;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes ps-lines{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
}
@media(max-width:1200px){
body.sth-site.sth-site .products-reference .ref-container{width:calc(100% - 64px)}
body.sth-site.sth-site .products-reference h1{font-size:46px!important}
body.sth-site.sth-site .products-reference h2{font-size:44px!important}
body.sth-site.sth-site .products-reference .ps-hero-art{width:520px;right:-70px}
body.sth-site.sth-site .products-reference .ps-hero-grid{grid-template-columns:65% 35%}
body.sth-site.sth-site .products-reference .ps-levels{width:76%}
body.sth-site.sth-site .products-reference .ps-part{grid-template-columns:128px 1fr;gap:16px}
body.sth-site.sth-site .products-reference .ps-part-image{width:128px;height:110px}
body.sth-site.sth-site .products-reference .ps-part-sprite{height:128px!important;top:-9px}
body.sth-site.sth-site .products-reference .ps-part h3{font-size:17px!important}
body.sth-site.sth-site .products-reference .ps-part p{font-size:12px!important}
body.sth-site.sth-site .products-reference .ps-part-label{font-size:9px}
body.sth-site.sth-site .products-reference .ps-scope h2{font-size:35px!important}
body.sth-site.sth-site .products-reference .ps-path{gap:15px}
body.sth-site.sth-site .products-reference .ps-path-step{padding-right:15px}
body.sth-site.sth-site .products-reference .ps-principle{font-size:15px!important}
body.sth-site.sth-site .products-reference .ps-app{grid-template-columns:36px 1fr;padding-left:15px;gap:12px}
body.sth-site.sth-site .products-reference .ps-app .ps-icon{width:36px;height:42px}
body.sth-site.sth-site .products-reference .ps-applications h2{font-size:30px!important}
body.sth-site.sth-site .products-reference .ps-enquiry h2{font-size:36px!important}
}
@media(max-width:900px){
body.sth-site.sth-site .products-reference .ref-container{width:calc(100% - 48px)}
body.sth-site.sth-site .products-reference .ps-hero-grid{grid-template-columns:1fr}
body.sth-site.sth-site .products-reference .ps-hero-art{position:relative;right:auto;top:auto;width:100%;height:365px;grid-row:2;margin-top:25px}
body.sth-site.sth-site .products-reference .ps-levels{width:100%;margin-top:20px}
body.sth-site.sth-site .products-reference .ps-hero-foot{font-size:14px!important}
body.sth-site.sth-site .products-reference .ps-focus-map{grid-template-columns:1fr;min-height:0;gap:10px}
body.sth-site.sth-site .products-reference .ps-pump-art{height:420px}
body.sth-site.sth-site .products-reference .ps-pump{width:100%;height:420px;left:0}
body.sth-site.sth-site .products-reference .ps-connectors{display:none}
body.sth-site.sth-site .products-reference .ps-parts{margin:0;gap:25px}
body.sth-site.sth-site .products-reference .ps-part{grid-template-columns:180px 1fr;gap:24px}
body.sth-site.sth-site .products-reference .ps-part-image{width:180px;height:140px}
body.sth-site.sth-site .products-reference .ps-part-sprite{height:180px!important;top:-20px}
body.sth-site.sth-site .products-reference .ps-part h3{font-size:22px!important}
body.sth-site.sth-site .products-reference .ps-part p{font-size:16px!important}
body.sth-site.sth-site .products-reference .ps-part-label{font-size:11px}
body.sth-site.sth-site .products-reference .ps-caption{margin-top:25px!important}
body.sth-site.sth-site .products-reference .ps-scope-grid{grid-template-columns:1fr;gap:25px}
body.sth-site.sth-site .products-reference .ps-scope-grid>div:first-child{padding:0}
body.sth-site.sth-site .products-reference .ps-path{margin:0;gap:22px}
body.sth-site.sth-site .products-reference .ps-path-step p{font-size:14px!important}
body.sth-site.sth-site .products-reference .ps-app-grid{grid-template-columns:1fr;gap:28px}
body.sth-site.sth-site .products-reference .ps-pipe-art{display:none}
body.sth-site.sth-site .products-reference .ps-app p{font-size:14px!important}
body.sth-site.sth-site .products-reference .ps-enquiry-grid{grid-template-columns:1fr;gap:28px}
body.sth-site.sth-site .products-reference .ps-enquiry p{font-size:16px!important}
body.sth-site.sth-site .products-reference .ps-enquiry-grid>div:first-child{padding:0}
body.sth-site.sth-site .products-reference .ps-checklist{font-size:15px}
body.sth-site.sth-site .products-reference .ref-footer-grid{grid-template-columns:1fr 1fr;gap:30px}
}
@media(max-width:600px){
body.sth-site.sth-site .products-reference .ref-container{width:calc(100% - 40px)}
body.sth-site.sth-site .products-reference h1{font-size:37px!important}
body.sth-site.sth-site .products-reference h2,body.sth-site.sth-site .products-reference .ps-scope h2,body.sth-site.sth-site .products-reference .ps-applications h2,body.sth-site.sth-site .products-reference .ps-enquiry h2{font-size:31px!important}
body.sth-site.sth-site .products-reference h2 br,body.sth-site.sth-site .products-reference p br{display:none}
body.sth-site.sth-site .products-reference p{font-size:16px!important}
body.sth-site.sth-site .products-reference .ref-eyebrow{font-size:10px;letter-spacing:.11em;margin-bottom:18px}
body.sth-site.sth-site .products-reference .ps-hero{padding:34px 0 26px}
body.sth-site.sth-site .products-reference .ps-hero-art{height:290px;margin-top:5px}
body.sth-site.sth-site .products-reference .ps-hero .ps-art-note{font-size:8px!important;right:0;bottom:0}
body.sth-site.sth-site .products-reference .ps-levels{grid-template-columns:1fr;gap:22px}
body.sth-site.sth-site .products-reference .ps-level{grid-template-columns:42px 1fr;gap:13px}
body.sth-site.sth-site .products-reference .ps-brand-icon{width:42px;height:48px}
body.sth-site.sth-site .products-reference .ps-level h3{font-size:12px!important}
body.sth-site.sth-site .products-reference .ps-level p{font-size:15px!important}
body.sth-site.sth-site .products-reference .ps-focus{padding:32px 0 27px}
body.sth-site.sth-site .products-reference .ps-pump-art,body.sth-site.sth-site .products-reference .ps-pump{height:290px}
body.sth-site.sth-site .products-reference .ps-part{grid-template-columns:105px 1fr;gap:17px}
body.sth-site.sth-site .products-reference .ps-part-image{width:105px;height:100px}
body.sth-site.sth-site .products-reference .ps-part-sprite{height:105px!important;top:-2px}
body.sth-site.sth-site .products-reference .ps-part h3{font-size:18px!important}
body.sth-site.sth-site .products-reference .ps-part p{font-size:14px!important}
body.sth-site.sth-site .products-reference .ps-part-label{font-size:9px;letter-spacing:.055em}
body.sth-site.sth-site .products-reference .ps-caption{font-size:13px!important}
body.sth-site.sth-site .products-reference .ps-path{grid-template-columns:1fr;gap:24px;padding-left:20px}
body.sth-site.sth-site .products-reference .ps-path:before{left:24px;right:auto;top:0;bottom:0;width:1px;height:auto;clip-path:none;opacity:1;background:#bba780}
body.sth-site.sth-site .products-reference .ps-path-step{border:0;padding:0 0 0 50px;min-height:70px}
body.sth-site.sth-site .products-reference .ps-path-icon{position:absolute;left:-17px;top:-3px;width:42px;height:53px;background:#f7f5ed;margin:0}
body.sth-site.sth-site .products-reference .ps-path-step h3{text-align:left;font-size:12px!important}
body.sth-site.sth-site .products-reference .ps-path-step p{font-size:15px!important}
body.sth-site.sth-site .products-reference .ps-principle{font-size:17px!important}
body.sth-site.sth-site .products-reference .ps-apps{grid-template-columns:1fr;gap:24px}
body.sth-site.sth-site .products-reference .ps-app{grid-template-columns:42px 1fr;padding-left:15px;gap:17px}
body.sth-site.sth-site .products-reference .ps-app h3{font-size:12px!important}
body.sth-site.sth-site .products-reference .ps-app p{font-size:15px!important}
body.sth-site.sth-site .products-reference .ps-application-note{font-size:12px!important;text-align:left}
body.sth-site.sth-site .products-reference .ps-buttons{gap:12px}
body.sth-site.sth-site .products-reference .ps-buttons .ref-button{font-size:10px!important;padding:12px 18px!important;min-height:43px}
body.sth-site.sth-site .products-reference .ps-checklist{columns:1;font-size:15px}
body.sth-site.sth-site .products-reference .ref-footer .ref-brand{width:200px;max-width:100%}
}
@media(prefers-reduced-motion:reduce){body.sth-site.sth-site .products-reference *,body.sth-site.sth-site .products-reference *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:901px){
body.sth-site.sth-site .products-reference .ps-connectors{width:100%}
body.sth-site.sth-site .products-reference .ps-pump{width:96%;left:-5px;height:540px;top:10px}
body.sth-site.sth-site .products-reference .ps-parts{gap:70px;margin-top:-82px}
}
