@font-face{font-family:Inter;src:url('/fonts/inter-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--navy:#001e46;--deep:#000028;--blue:#005b96;--sky:#00cccc;--ice:#f0f5f8;--ink:#001e46;--text:#495b6a;--line:#d4dfe7;--font:Inter,Arial,sans-serif;--heading:Inter,Arial,sans-serif;--teal:#00cccc}
body{font-size:16px;line-height:1.7}h1,h2,h3{font-family:var(--heading);font-weight:650;letter-spacing:-.025em}h1,.hero h1{letter-spacing:-.035em;font-weight:700;line-height:1.08}h2{line-height:1.17}h3{line-height:1.3}.hero h1 em{color:var(--teal)}.eyebrow{letter-spacing:.12em;font-weight:650}.page-hero h1,.catalogue-heading h1{letter-spacing:-.035em}.hero-text>p:not(.eyebrow){font-weight:400;line-height:1.7}
.site-header{background:var(--deep);border-bottom:1px solid #ffffff20}.topbar{background:var(--deep);border-bottom:1px solid #ffffff18;color:#bdcbdc}.site-header nav{color:#fff;font-weight:500}.site-header nav>a[aria-current=page],.site-header nav>a:hover,.products-menu summary span{color:var(--teal)}.site-header .dropdown{color:var(--ink);border-top-color:var(--teal)}.menu-toggle{color:#fff;border-color:#6a7892}.button{border-radius:0;background:var(--teal);border-color:var(--teal);color:var(--deep);font-weight:650;box-shadow:none}.button:hover{background:#00e2df;border-color:#00e2df;color:var(--deep);box-shadow:none;transform:none}.button.white{background:white;border-color:white;color:var(--ink)}.button.white:hover{background:#e9f5f7;border-color:#e9f5f7}.button.dark{background:var(--blue);border-color:var(--blue);color:#fff}.button.dark:hover{background:#004577;border-color:#004577;color:#fff}.button.secondary{background:white;border-color:#9aafbe;color:var(--ink)}.button.secondary:hover{background:var(--ice);border-color:var(--blue);color:var(--ink)}.button.outline{color:#fff;border-color:#8a9daf;background:transparent}.button.outline:hover{color:var(--teal);border-color:var(--teal);background:transparent}
.hero{background:var(--deep)}.flow-media:after{background:linear-gradient(90deg,#000028,#000028d9 18%,#0000284d 43%,transparent 65%),linear-gradient(0deg,#000028,transparent 40%)}.hero .eyebrow,.page-hero .eyebrow{color:var(--teal)}.hero-text>p:not(.eyebrow),.page-intro{color:#c8d5e4}.hero-note{border-color:#ffffff30}.flow-signature>span,.flow-signature p{color:#bbd5e5}.flow-track{background:#3e5674}.flow-track>span{background:linear-gradient(90deg,transparent,var(--teal))}#motion-toggle{background:transparent;color:#dce9f3;border-color:#647792;border-radius:0}.scene-caption{color:#a9c4d7}
.expertise-bar{background:#f3f6f8}.expertise-bar span{font-size:12px;letter-spacing:.07em;font-weight:600}.catalogue-home{background:var(--navy);border-top:1px solid #ffffff18}.catalogue-home h2{font-weight:600}.catalogue-home p{color:#d0deeb}.page-hero{background:var(--navy)}.page-hero:after{display:none}.procurement-section{background:var(--deep)}.procurement-section .eyebrow,.step{color:var(--teal)}.footer-cta{background:var(--navy)}.footer-cta .eyebrow{color:var(--teal)}footer{background:var(--deep)}.product-card:hover{background:#f1f8f9}.product-card:after{background:var(--teal)}.catalogue-callout{background:var(--ice);border-left-color:var(--teal)}.catalogue-heading{background:#eef3f7}.catalogue-heading h1,.catalogue-card h2,.brand-directory h2{font-family:var(--heading)}.catalogue-filters input,.catalogue-filters select,.catalogue-reset,.catalogue-pagination button{font-family:var(--font)}.catalogue-heading h1 em{color:var(--blue)}.catalogue-manufacturer,.catalogue-enquire,.brand-directory strong{color:var(--blue)!important}.catalogue-card:hover,.brand-directory article:hover{border-color:var(--blue);box-shadow:none}.catalogue-card h2{font-weight:650}.catalogue-card-top{font-size:13px}.catalogue-filters input:focus,.catalogue-filters select:focus{border-color:var(--blue)}input,select,textarea{border-radius:0}.rfq-aside{border-top-color:var(--teal)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#008b95}
@media(max-width:850px){.site-header nav{background:var(--deep)}.site-header .dropdown{color:#fff}.dropdown-links small{color:#b6c8d9}.flow-media:after{background:linear-gradient(90deg,#000028ee,#00002888 60%,#00002844),linear-gradient(0deg,#000028,transparent)}}
@media(max-width:600px){.hero h1{font-size:50px;letter-spacing:-.035em;line-height:1.1}.flow-media:after{background:linear-gradient(90deg,#000028e6,#00002888),linear-gradient(0deg,#000028,transparent)}.expertise-bar span{font-size:11px;letter-spacing:.04em}.catalogue-heading h1{letter-spacing:-.03em}}
.flow-media{left:0;width:100%}.flow-media #process-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;opacity:0;transition:opacity .5s}.flow-media .flow-poster{object-position:62% center;filter:none}.flow-media.video-playing #process-video{opacity:1}.flow-media:after{background:linear-gradient(90deg,#000028f5 0%,#000028e0 28%,#00002875 52%,#00002815 85%),linear-gradient(0deg,#000028cc,transparent 35%)}.scene-caption{font-size:10px;letter-spacing:.1em;color:#d0dce8}.hero-utilities{position:relative;z-index:2}
@media(max-width:850px){.flow-media{left:0;width:100%;opacity:1}.flow-media:after{background:linear-gradient(90deg,#000028ee,#000028aa 65%,#00002866),linear-gradient(0deg,#000028d9,transparent 40%)}}
@media(max-width:600px){.flow-media{opacity:1}.flow-media #process-video,.flow-media .flow-poster{object-position:57% center}.flow-media:after{background:linear-gradient(90deg,#000028e6,#000028b3),linear-gradient(0deg,#000028,transparent 50%)}}
@media(prefers-reduced-motion:reduce){.flow-media #process-video{transition:none}}

/* Process-first homepage: preserve the whole generated frame. */
.refined-hero{min-height:0;padding:76px 0 30px;background:radial-gradient(ellipse at 85% 25%,#073854 0,transparent 52%),var(--deep)}
.refined-hero .hero-content{padding:0;position:relative}.hero-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}.refined-hero .hero-text{max-width:none}.refined-hero h1{font-size:clamp(46px,4.8vw,72px);line-height:1.08;letter-spacing:-.04em}.refined-hero .hero-text>p:not(.eyebrow){font-size:17px;line-height:1.75;margin:26px 0 30px;max-width:470px}.refined-hero .hero-actions{gap:12px;flex-wrap:wrap}.hero-disciplines{display:flex;gap:22px;color:#b7cedd;font-size:14px;margin-top:28px}.hero-disciplines span+span{border-left:1px solid #537085;padding-left:22px}.process-showcase{min-width:0}.process-frame{aspect-ratio:16/9;position:relative;border:1px solid #537085;background:#0a2134;box-shadow:0 22px 65px #00002855;overflow:hidden}.refined-hero .flow-media{position:absolute;inset:0;width:100%;height:100%;opacity:1}.refined-hero .flow-media:after{display:none}.refined-hero .flow-media #process-video,.refined-hero .flow-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.process-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0}.process-caption>div{display:grid;gap:4px}.process-caption .eyebrow{font-size:12px;color:#9fe6e5;letter-spacing:.1em;margin:0}.process-caption .scene-caption{font-size:12px;letter-spacing:0;color:#b0c7d8}.refined-hero #motion-toggle{font-size:14px;min-height:44px;padding:9px 14px;flex-shrink:0}.refined-hero .hero-note{margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#c6d7e4;font-size:14px}.refined-hero .hero-note a{color:var(--teal);border-bottom:1px solid #00cccc70;padding-bottom:3px}.catalogue-home .container{gap:28px}.product-card{border-top:3px solid #d4dfe7}.product-card:hover{border-top-color:var(--teal)}.product-card .card-top{font-size:12px}.expertise-bar span{font-size:12px}.topbar{font-size:13px}.hero-disciplines,.process-caption{line-height:1.5}
@media(min-width:1400px){.refined-hero .container{width:min(1440px,90%)}.hero-layout{gap:64px}.refined-hero{padding-top:90px}}
@media(max-width:1100px){.hero-layout{gap:28px;grid-template-columns:1fr 1fr}.refined-hero .eyebrow{font-size:12px;letter-spacing:.08em}.refined-hero h1{font-size:52px}}
@media(max-width:850px){.refined-hero{padding:44px 0 25px}.hero-layout{grid-template-columns:1fr;gap:34px}.refined-hero h1{font-size:clamp(46px,8vw,66px)}.refined-hero .hero-text>p:not(.eyebrow){max-width:620px;margin:22px 0}.refined-hero .hero-note{margin-top:24px}.process-showcase{width:100%}.hero-disciplines{margin-top:22px}}
@media(max-width:600px){.refined-hero .container{width:90%}.refined-hero h1{font-size:clamp(42px,11vw,60px)}.refined-hero .hero-note{align-items:flex-start;flex-direction:column;gap:10px}.hero-disciplines{gap:14px;font-size:13px}.hero-disciplines span+span{padding-left:14px}.process-caption .eyebrow{font-size:12px}.refined-hero .hero-actions .button{flex:1 1 190px}.process-caption{gap:10px}.catalogue-home .container{align-items:flex-start}.expertise-bar span{font-size:12px}.scene-caption{max-width:190px}}
@media(max-width:600px){.refined-hero .hero-actions .button{flex:none;width:100%;min-height:50px}.refined-hero .hero-text>p:not(.eyebrow){font-size:16px}.refined-hero .hero-actions{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-card,.product-card:after,.feature-photo img,.button{transition:none}.feature-photo:hover img{transform:none}}

/* Consistent readable typography across catalogue and procurement pages. */
body,input,select,textarea,button{font-family:Inter,Arial,sans-serif}body{font-kerning:normal}.feature-copy>p:not(.eyebrow),.catalogue-home p,.catalogue-heading p:not(.eyebrow){font-size:16px}.catalogue-card-top{font-size:13px;line-height:1.5}.catalogue-card summary{min-height:36px;display:list-item;padding:7px 0}.catalogue-card details li{margin-bottom:5px}.catalogue-card details ul{list-style:disc}.catalogue-enquire{min-height:44px;display:flex;align-items:center}.catalogue-pagination button{min-height:44px}.brand-source{min-height:44px;display:flex;align-items:center}.breadcrumb{line-height:1.7}.button,button,input,select,textarea{font-size:14px}input,select,textarea{font-size:16px}.official-brand img{filter:none}.hero-text .eyebrow{line-height:1.7}
@media(min-width:851px) and (max-width:1050px){.header-inner{min-height:84px}.menu-toggle{display:flex;align-items:center;gap:12px;font-size:14px;background:transparent;border:1px solid #647792;padding:9px 13px;color:white}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--deep);padding:20px 5% 28px;border-bottom:1px solid #34495f;align-items:stretch;gap:0;max-height:calc(100dvh - 125px);overflow:auto}.site-header nav[data-open]{display:flex;flex-direction:column}.site-header nav>a:not(.button){padding:14px 0;border-bottom:1px solid #34495f}.site-header nav .button{margin-top:20px;align-self:start}.products-menu summary{padding:14px 0;justify-content:space-between;border-bottom:1px solid #34495f}.site-header .dropdown{position:static;box-shadow:none;padding:20px 0;display:block;border:0;background:var(--deep);color:white}.dropdown-intro{display:none}.dropdown-links{gap:18px 25px}.dropdown-links small{color:#b6c8d9}}
@media(max-width:850px){.feature-copy>p:not(.eyebrow){font-size:16px}.topbar{font-size:12px}.dropdown-links small{font-size:12px}.site-header nav>a:not(.button){border-bottom-color:#34495f}.site-header .dropdown{background:var(--deep)}.menu-toggle{min-height:44px}}
@media(max-width:360px){.official-brand,.logo-window{width:202px;height:47px}.logo-window img{width:276px;height:276px;left:-32px;top:-79px}.header-inner{gap:12px}.menu-toggle{padding:9px 10px}}
.catalogue-pagination{position:static;inset:auto;max-height:none;overflow:visible;box-shadow:none;background:transparent;border:0;padding:0;flex-wrap:wrap}
@media(max-width:400px){.process-caption{flex-wrap:wrap;align-items:flex-start;gap:12px}.process-caption>div{min-width:0}.process-caption .eyebrow{font-size:11px;letter-spacing:.05em}.catalogue-pagination{gap:10px}.catalogue-pagination button{padding:10px 12px}}
@media(max-width:360px){.official-brand,.logo-window{width:180px;height:42px}.logo-window img{width:246px;height:246px;left:-28px;top:-71px}.header-inner{gap:10px}}

/* One intrinsic logo ratio for every placement; keep original silver artwork. */
.official-brand,.footer-main .official-brand{display:block;width:280px;height:auto;flex:0 0 auto;line-height:0;margin:0;letter-spacing:normal}
.official-brand .logo-window,.footer-main .official-brand .logo-window{display:block;position:static;width:100%;height:auto;aspect-ratio:372/79;overflow:visible}
.official-brand .logo-window img,.footer-main .official-brand .logo-window img{display:block;position:static;inset:auto;width:100%;height:auto;max-width:100%;aspect-ratio:372/79;object-fit:contain;filter:none;opacity:1;transform:none}
.footer-main .official-brand{width:300px;max-width:100%;margin:0 0 24px}
.official-brand:hover{opacity:1;filter:none}.official-brand:focus-visible{outline:2px solid var(--teal);outline-offset:8px}
@media(min-width:1051px) and (max-width:1150px){.site-header .official-brand{width:250px}.header-inner{gap:20px}}
@media(max-width:600px){.header-inner{width:92%;gap:14px;min-height:88px}.site-header .official-brand{width:250px;max-width:calc(100% - 58px)}.menu-toggle{font-size:0;display:flex;justify-content:center;align-items:center;width:44px;height:44px;min-width:44px;padding:0;flex:0 0 44px}.menu-toggle span{font-size:20px;line-height:1}.footer-main .official-brand{width:280px;max-width:100%;margin-bottom:24px}.footer-main>div:first-child{min-width:0}}
@media(max-width:360px){.header-inner{width:94%;gap:10px;min-height:82px}.site-header .official-brand{width:230px;max-width:calc(100% - 54px)}.footer-main .official-brand{width:260px;max-width:100%}}

/* Release details: prioritise enquiry completion and stable reading. */
@media(max-width:850px){.rfq-aside{grid-row:auto;margin-top:24px;margin-bottom:0}.rfq-aside h2{font-size:20px;line-height:1.4}}
.enquiry-review pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}.contact-secondary a,footer a{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.flow-poster{transition:none}}

/* Complete equipment framing and restrained industrial typography. */
.feature-photo img,.catalog-feature>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
h1,.hero h1,.page-hero h1,.catalogue-heading h1{font-weight:600;letter-spacing:-.025em;line-height:1.12}
h2{font-weight:600;letter-spacing:-.02em;line-height:1.2}
h3,.catalogue-card h2{font-weight:600;letter-spacing:-.015em}
body{font-feature-settings:"cv11","ss01";text-rendering:optimizeLegibility}