.solution-global-header{--navy:#08253f;--navy-dark:#061b2c;--white:#fff;--cyan:#39bbc8;--container:1180px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:normal;direction:ltr;text-align:left;position:relative;z-index:80}.solution-global-header *{box-sizing:border-box}.solution-global-header a{text-decoration:none}.solution-global-header button{font:inherit}.solution-global-header [hidden]{display:none!important}
@font-face { font-family: "Realjet Navigation"; src: url("/fonts/inter-latin.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Realjet Navigation"; src: url("/fonts/inter-semibold.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Realjet Navigation"; src: url("/fonts/inter-bold.ttf") format("truetype"); font-style: normal; font-weight: 700; font-display: swap; }
:is(.solution-global-header,.solution-global-footer) .container { width: min(var(--container), calc(100% - 44px)); margin-inline: auto; }
:is(.solution-global-header,.solution-global-footer) .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

:is(.solution-global-header,.solution-global-footer) .site-header { font-family: "Realjet Navigation", ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-weight: 400; font-style: normal; font-synthesis: none; letter-spacing: normal; line-height: normal; direction: ltr; text-align: left; --container: 1180px; --site-header-height: 72px; --site-logo-width: 188px; position: sticky; top: 0; z-index: 80; height: var(--site-header-height); min-height: var(--site-header-height); border-bottom: 1px solid rgba(255,255,255,.1); color: var(--white); background: rgba(8,37,63,.97); backdrop-filter: blur(16px); }
:is(.solution-global-header,.solution-global-footer) .header-inner { display: flex; height: 100%; min-height: 0; align-items: center; justify-content: space-between; gap: 28px; }
:is(.solution-global-header,.solution-global-footer) .brand { display: inline-flex; align-items: center; text-decoration: none; }
:is(.solution-global-header,.solution-global-footer) .brand img { display: block; width: var(--site-logo-width); height: auto; }
:is(.solution-global-header,.solution-global-footer) .site-navigation { display: flex; height: 100%; min-height: 0; align-items: center; gap: 30px; }
:is(.solution-global-header,.solution-global-footer) .site-navigation > a, :is(.solution-global-header,.solution-global-footer) .site-header .submenu-toggle { color: rgba(255,255,255,.76); font-size: 13px; font-weight: 800; text-decoration: none; }
:is(.solution-global-header,.solution-global-footer) .site-navigation > a:hover, :is(.solution-global-header,.solution-global-footer) .site-navigation > a:focus-visible, :is(.solution-global-header,.solution-global-footer) .submenu-toggle:hover, :is(.solution-global-header,.solution-global-footer) .submenu-toggle:focus-visible { color: var(--white); }
:is(.solution-global-header,.solution-global-footer) .navigation-item { position: relative; display: flex; height: 100%; min-height: 0; align-items: center; }
:is(.solution-global-header,.solution-global-footer) .submenu-toggle { display: inline-flex; align-items: center; gap: 7px; padding: 0; border: 0; background: transparent; cursor: pointer; }
:is(.solution-global-header,.solution-global-footer) .submenu-chevron { transition: transform 180ms ease; }
:is(.solution-global-header,.solution-global-footer) .navigation-item-has-submenu.is-open .submenu-chevron { transform: rotate(180deg); }
:is(.solution-global-header,.solution-global-footer) .site-submenu { position: absolute; top: 100%; left: 50%; width: max-content; min-width: 280px; max-width: 360px; padding: 8px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: rgba(6,27,44,.99); box-shadow: 0 18px 48px rgba(0,0,0,.28); opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,-7px); transition: opacity 160ms ease, visibility 160ms ease, transform 160ms ease; }
:is(.solution-global-header,.solution-global-footer) .site-submenu a { display: block; padding: 12px 13px; border-radius: 8px; color: rgba(255,255,255,.76); font-size: 12px; font-weight: 750; line-height: 1.35; text-decoration: none; }
:is(.solution-global-header,.solution-global-footer) .site-submenu a:hover, :is(.solution-global-header,.solution-global-footer) .site-submenu a:focus-visible { color: var(--white); background: rgba(255,255,255,.08); }
:is(.solution-global-header,.solution-global-footer) .navigation-item-has-submenu.is-open .site-submenu { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%,0); }
:is(.solution-global-header,.solution-global-footer) .site-submenu .submenu-heading { padding: 8px; color: var(--white); font-size: 13px; font-weight: 850; }
:is(.solution-global-header,.solution-global-footer) .header-inner { position: static; }
:is(.solution-global-header,.solution-global-footer) .navigation-item-solutions { position: static; }
:is(.solution-global-header,.solution-global-footer) .solutions-submenu { left: 0; right: 0; width: 100%; min-width: 0; max-width: none; margin: 0; padding: 0 max(22px, calc((100% - var(--container)) / 2)); border-inline: 0; border-radius: 0; max-height: calc(100dvh - var(--site-header-height)); overflow-y: auto; overscroll-behavior: contain; transform: translateY(-7px); }
:is(.solution-global-header,.solution-global-footer) .navigation-item-has-submenu.is-open .solutions-submenu { transform: translateY(0); }
:is(.solution-global-header,.solution-global-footer) .mega-menu-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 24px; padding: 24px 0; }
:is(.solution-global-header,.solution-global-footer) .solutions-submenu .mega-menu-links a { min-width: 0; padding: 18px 20px; }
:is(.solution-global-header,.solution-global-footer) .solution-link-title { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; color: rgba(255,255,255,.94); font-size: 13px; font-weight: 750; }
:is(.solution-global-header,.solution-global-footer) .solution-link-title > span { color: #69d5de; }
:is(.solution-global-header,.solution-global-footer) .solution-link-description { display: block; margin-top: 7px; color: rgba(255,255,255,.6); font-size: 11px; font-weight: 400; line-height: 1.6; }
:is(.solution-global-header,.solution-global-footer) .menu-toggle { display: none; width: 42px; height: 42px; border: 0; color: var(--white); background: transparent; }
:is(.solution-global-header,.solution-global-footer) .menu-toggle > span:not(.sr-only) { display: block; width: 22px; height: 2px; margin: 5px auto; background: currentColor; }
:is(.solution-global-header,.solution-global-footer) .mobile-menu-backdrop { display: none; }

/* Equipment card inserted inline within a spun-pile Insights article body.
   Rendered by the `equipmentCard` shortcode in eleventy.config.js.
   Scoped under .article-body so it overrides the article h3/img/a rules.
   Layout is always side by side: image on the left, copy on the right.
   It never stacks top to bottom, so the card keeps the same structure on
   desktop, tablet and phone. */
/* Narrow screens keep the same left/right split, with a slimmer image column
   and tighter type so the copy column stays readable. */
:is(.solution-global-header,.solution-global-footer) .contact-hero > .container > p { max-width: 720px; margin: 20px 0 0; color: rgba(255,255,255,.72); font-size: 18px; line-height: 1.7; }
:is(.solution-global-header,.solution-global-footer) .listing-hero > .container > p { max-width: 720px; color: rgba(255,255,255,.7); font-size: 18px; line-height: 1.7; }

:is(.solution-global-header,.solution-global-footer) .site-footer { padding: 22px 0; color: rgba(255,255,255,.62); background: var(--navy-dark); }
:is(.solution-global-header,.solution-global-footer) .footer-bottom, :is(.solution-global-header,.solution-global-footer) .footer-meta { display: flex; align-items: center; }
:is(.solution-global-header,.solution-global-footer) .footer-bottom { justify-content: space-between; gap: 16px 24px; font-size: 11px; }
:is(.solution-global-header,.solution-global-footer) .footer-meta a, :is(.solution-global-header,.solution-global-footer) .footer-meta button { padding: 0; border: 0; color: rgba(255,255,255,.68); background: none; font: inherit; text-decoration: none; cursor: pointer; }
:is(.solution-global-header,.solution-global-footer) .footer-meta a:hover, :is(.solution-global-header,.solution-global-footer) .footer-meta button:hover { color: var(--white); }
:is(.solution-global-header,.solution-global-footer) .footer-meta { justify-content: flex-end; flex-wrap: wrap; gap: 8px 16px; }

/* Wall panel mould advertising landing page */

/* Drainage channel conversion landing page */

@media (max-width: 720px) {
  :is(.solution-global-header,.solution-global-footer) .container { width: calc(100% - 28px); }
  :is(.solution-global-header,.solution-global-footer) .site-header { --site-header-height: 64px; --site-logo-width: 155px; }

  :is(.solution-global-header,.solution-global-footer) .menu-toggle { display: block; }
  :is(.solution-global-header,.solution-global-footer) .site-navigation { position: absolute; top: 100%; height: auto; right: 0; left: 0; z-index: 2; display: none; min-height: 0; align-items: stretch; flex-direction: column; gap: 0; padding: 10px 14px 16px; border-top: 1px solid rgba(255,255,255,.1); background: var(--navy); }
  :is(.solution-global-header,.solution-global-footer) .site-navigation.is-open { display: flex; }
  :is(.solution-global-header,.solution-global-footer) .site-navigation > * { flex-shrink: 0; }
  :is(.solution-global-header,.solution-global-footer) .site-navigation > a { padding: 13px 8px; border-bottom: 1px solid rgba(255,255,255,.08); }
  :is(.solution-global-header,.solution-global-footer) .navigation-item { display: block; height: auto; min-height: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  :is(.solution-global-header,.solution-global-footer) .submenu-toggle { width: 100%; min-height: 47px; justify-content: space-between; padding: 0 8px; text-align: left; }
  :is(.solution-global-header,.solution-global-footer) .site-submenu { position: static; display: none; width: auto; min-width: 0; max-width: none; margin: 0 0 8px; padding: 4px 6px; border: 0; border-radius: 8px; background: rgba(255,255,255,.045); box-shadow: none; opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition: none; }
  :is(.solution-global-header,.solution-global-footer) .site-submenu a { padding: 11px 12px; border-bottom: 1px solid rgba(255,255,255,.06); font-size: 12px; }
  :is(.solution-global-header,.solution-global-footer) .site-submenu a:last-child { border-bottom: 0; }
  :is(.solution-global-header,.solution-global-footer) .navigation-item-has-submenu:hover .site-submenu { display: none; transform: none; }
  :is(.solution-global-header,.solution-global-footer) .navigation-item-has-submenu.is-open .site-submenu, :is(.solution-global-header,.solution-global-footer) .navigation-item-has-submenu.is-open:hover .site-submenu { display: block; }
  :is(.solution-global-header,.solution-global-footer) .header-inner { position: static; }
  :is(.solution-global-header,.solution-global-footer) .site-navigation { max-height: calc(100dvh - var(--site-header-height)); overflow-y: auto; overscroll-behavior: contain; }
  :is(.solution-global-header,.solution-global-footer) .solutions-submenu { width: auto; padding: 0; max-height: none; overflow: visible; border-radius: 8px; }
  :is(.solution-global-header,.solution-global-footer) .mega-menu-links { grid-template-columns: 1fr; gap: 0; padding: 6px; }
  :is(.solution-global-header,.solution-global-footer) .solutions-submenu .mega-menu-links a { padding: 12px 8px; }
  :is(.solution-global-header,.solution-global-footer) .solution-link-description { margin-top: 4px; }
  :is(.solution-global-header,.solution-global-footer) .mobile-menu-backdrop { position: fixed; inset: var(--site-header-height, 64px) 0 0; z-index: 300; display: block; padding: 0; border: 0; background: rgba(0,0,0,.62); backdrop-filter: blur(2px); }
  :is(.solution-global-header,.solution-global-footer) body.has-mobile-menu .site-header { z-index: 310; }
  :is(.solution-global-header,.solution-global-footer) .contact-hero > .container > p { font-size: 16px; }
  :is(.solution-global-header,.solution-global-footer) body[data-page-type="precast-moulds"] .site-footer, :is(.solution-global-header,.solution-global-footer) body[data-page-type="precast-mould-category"] .site-footer { padding-bottom: calc(82px + env(safe-area-inset-bottom)); }
  :is(.solution-global-header,.solution-global-footer) .site-footer { padding: 20px 0; }
  :is(.solution-global-header,.solution-global-footer) .footer-bottom { align-items: flex-start; flex-direction: column; gap: 12px; }
  :is(.solution-global-header,.solution-global-footer) .footer-meta { align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 10px; }
}

/* Site-wide enquiry conversion treatment, aligned with the wall-panel page. */

/* Existing equipment photographs are displayed without cropping. */

/* Sheet metal product sample: contained photography and scannable technical sections. */

/* Full catalogue: shared category counts, server-generated pages and 12 products per page. */

/* Steel component pages reuse the product template with landscape concept drawings. */

/* Drawing-based component application context. */:is(.solution-global-header,.solution-global-footer) .industry-definition>.container>p{max-width:900px;font-size:18px;line-height:1.8}

:is(.solution-global-header,.solution-global-footer) .solutions-tab-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;padding:24px 0}
:is(.solution-global-header,.solution-global-footer) .solutions-tab-list{display:flex;flex-direction:column;gap:8px;border-right:1px solid #ffffff24;padding-right:22px}
:is(.solution-global-header,.solution-global-footer) .solutions-tab-list [role="tab"]{padding:16px 14px;border:0;border-radius:7px;background:transparent;color:#c4d1de;text-align:left;font:inherit;font-size:14px;font-weight:400;white-space:nowrap;cursor:pointer}
:is(.solution-global-header,.solution-global-footer) .solutions-tab-list [role="tab"][aria-selected="true"]{color:#fff;background:#ffffff12;box-shadow:inset 3px 0 #79d8df}
:is(.solution-global-header,.solution-global-footer) .solutions-tab-list [role="tab"]:focus-visible{outline:2px solid #79d8df;outline-offset:2px}
:is(.solution-global-header,.solution-global-footer) .solutions-tab-panels{min-width:0;min-height:200px}
:is(.solution-global-header,.solution-global-footer) .solutions-tab-panels .mega-menu-links{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
@media(max-width:720px){:is(.solution-global-header,.solution-global-footer) .solutions-tab-layout{grid-template-columns:minmax(105px,.85fr) minmax(0,1.5fr);gap:8px;padding:12px 0}:is(.solution-global-header,.solution-global-footer) .solutions-tab-list{padding-right:8px}:is(.solution-global-header,.solution-global-footer) .solutions-tab-list [role="tab"]{padding:12px 9px;font-size:12px}:is(.solution-global-header,.solution-global-footer) .solutions-tab-panels .mega-menu-links{grid-template-columns:1fr;padding:0}:is(.solution-global-header,.solution-global-footer) .solutions-tab-panels{min-height:0}}
@media(max-width:720px){:is(.solution-global-header,.solution-global-footer) .solutions-tab-layout{grid-template-columns:minmax(0,1fr);gap:14px}:is(.solution-global-header,.solution-global-footer) .solutions-tab-list{border-right:0;border-bottom:1px solid #ffffff24;padding:0 0 10px;gap:3px}:is(.solution-global-header,.solution-global-footer) .solutions-tab-list [role="tab"]{font-size:12px;padding:10px 9px}}

/* Application-topic links span the page rather than the article column. */

/* Keep both application topics in one row when a component serves both. */

:is(.solution-global-header,.solution-global-footer) #solution-panel-manufacturing .mega-menu-links .solution-service-link { grid-column: 1 / -1; }

/* Primary structure: Home / Solutions / Products / About / Contact. */
:is(.solution-global-header,.solution-global-footer) .about-submenu .mega-menu-links {grid-template-columns:repeat(4,minmax(0,1fr))}
:is(.solution-global-header,.solution-global-footer) .solutions-tab-layout {grid-template-columns:250px minmax(0,1fr)}
:is(.solution-global-header,.solution-global-footer) .solutions-tab-list [role="tab"] {white-space:normal;line-height:1.5}
:is(.solution-global-header,.solution-global-footer) .site-footer {padding:52px 0 22px}
:is(.solution-global-header,.solution-global-footer) .footer-navigation {display:grid;grid-template-columns:1.3fr 1.1fr 1.1fr 1.1fr .65fr;gap:32px;padding-bottom:36px;margin-bottom:22px;border-bottom:1px solid #ffffff24}
:is(.solution-global-header,.solution-global-footer) .footer-brand img {display:block;width:165px;height:auto}
:is(.solution-global-header,.solution-global-footer) .footer-intro p {font-size:12px;line-height:1.9;margin:20px 0 14px;color:#a6bbc9}
:is(.solution-global-header,.solution-global-footer) .footer-navigation h2 {font-size:12px;line-height:1.5;font-weight:750;margin:0 0 18px;color:#fff;letter-spacing:.03em}
:is(.solution-global-header,.solution-global-footer) .footer-navigation a {display:block;font-size:12px;line-height:1.65;color:#b4c7d3;text-decoration:none;margin:0 0 10px}
:is(.solution-global-header,.solution-global-footer) .footer-navigation a:hover,:is(.solution-global-header,.solution-global-footer) .footer-navigation a:focus-visible {color:#fff}
@media(max-width:1000px){:is(.solution-global-header,.solution-global-footer) .footer-navigation{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}:is(.solution-global-header,.solution-global-footer) .footer-intro{grid-column:1/-1}:is(.solution-global-header,.solution-global-footer) .footer-intro p{margin:16px 0 10px}:is(.solution-global-header,.solution-global-footer) .about-submenu .mega-menu-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){:is(.solution-global-header,.solution-global-footer) .solutions-tab-layout{grid-template-columns:minmax(0,1fr)}:is(.solution-global-header,.solution-global-footer) .about-submenu .mega-menu-links{grid-template-columns:1fr}:is(.solution-global-header,.solution-global-footer) .site-footer{padding-top:36px}:is(.solution-global-header,.solution-global-footer) .footer-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;padding-bottom:24px}:is(.solution-global-header,.solution-global-footer) .footer-navigation h2{margin-bottom:14px}:is(.solution-global-header,.solution-global-footer) .footer-navigation a{font-size:12px}:is(.solution-global-header,.solution-global-footer) .footer-intro{grid-column:1/-1}}

:is(.solution-global-header,.solution-global-footer) .site-header:has(.navigation-item.is-open) {z-index:320}

.solution-global-header .site-header{position:relative}

.solution-global-footer{--navy:#08253f;--navy-dark:#061b2c;--white:#fff;--container:1180px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.6}.solution-global-footer *{box-sizing:border-box}.solution-global-footer .container{width:min(1180px,calc(100% - 44px));margin-inline:auto}body:has(>.solution-global-footer) #root footer{display:none!important}@media(max-width:720px){.solution-global-footer .container{width:calc(100% - 28px)}.solution-global-footer .site-footer{padding-bottom:calc(86px + env(safe-area-inset-bottom))}}