/* ===== restored July-29 mobile compaction layer (was lost in a later rebuild) ===== */ @keyframes g8spin{0%,80%{transform:perspective(300px) rotateY(0deg)}98%,100%{transform:perspective(300px) rotateY(360deg)}}[data-href]{cursor:pointer}.sc-placeholder,.sc-interp.sc-missing{display:none !important}a{color:inherit;-webkit-tap-highlight-color:rgba(111,172,70,.2)}a:hover{color:inherit}@media (min-width:769px) and (max-width:1024px){:is(div,section,article)[style*="z-index:50"] a[href="https://www.innov8-group.co.uk/"],:is(div,section,article)[style*="z-index: 50"] a[href="https://www.innov8-group.co.uk/"]{flex:none !important}:is(div,section,article)[style*="z-index:50"] :is(div,section,article)[style*="gap:30px"],:is(div,section,article)[style*="z-index: 50"] :is(div,section,article)[style*="gap: 30px"]{gap:15px !important;font-size:13.5px !important}:is(div,section,article)[style*="padding:14px 48px"],:is(div,section,article)[style*="padding: 14px 48px"]{padding-left:22px !important;padding-right:22px !important}} @media (max-width: 768px){html,body{overflow-x: clip !important}:is(div,section,article)[style*="grid-template-columns: repeat("],:is(div,section,article)[style*="grid-template-columns: 1.05fr"],:is(div,section,article)[style*="grid-template-columns: 1.2fr"],:is(div,section,article)[style*="grid-template-columns: 1.1fr"],:is(div,section,article)[style*="grid-template-columns: 1fr 1fr"],:is(div,section,article)[style*="grid-template-columns: auto 1fr"], :is(div,section,article)[style*="grid-template-columns:repeat("], :is(div,section,article)[style*="grid-template-columns:1.05fr"], :is(div,section,article)[style*="grid-template-columns:1.2fr"], :is(div,section,article)[style*="grid-template-columns:1.1fr"], :is(div,section,article)[style*="grid-template-columns:1fr 1fr"], :is(div,section,article)[style*="grid-template-columns:auto 1fr"]{grid-template-columns: 1fr !important}a[style*="grid-column: span"],:is(div,section,article)[style*="grid-column: span"], a[style*="grid-column:span"], :is(div,section,article)[style*="grid-column:span"]{grid-column: auto !important}:is(div,section,article)[style*="max-width: 1360px"], :is(div,section,article)[style*="max-width:1360px"]{padding-left: 24px !important;padding-right: 24px !important;padding-top: 34px !important;padding-bottom: 34px !important}:is(div,section,article)[style*="padding: 88px 48px"],:is(div,section,article)[style*="padding: 96px 48px"],:is(div,section,article)[style*="padding: 80px 48px"],:is(div,section,article)[style*="padding: 72px 48px"],:is(div,section,article)[style*="padding: 64px 48px"],:is(div,section,article)[style*="padding: 100px 48px"],:is(div,section,article)[style*="padding: 110px 48px"],:is(div,section,article)[style*="padding: 120px 48px"], :is(div,section,article)[style*="padding:88px 48px"], :is(div,section,article)[style*="padding:96px 48px"], :is(div,section,article)[style*="padding:80px 48px"], :is(div,section,article)[style*="padding:72px 48px"], :is(div,section,article)[style*="padding:64px 48px"], :is(div,section,article)[style*="padding:100px 48px"], :is(div,section,article)[style*="padding:110px 48px"], :is(div,section,article)[style*="padding:120px 48px"]{padding-top: 34px !important;padding-bottom: 34px !important}:is(div,section,article)[style*="gap: 56px"], :is(div,section,article)[style*="gap:56px"]{gap: 30px !important}:is(div,section,article)[style*="gap: 48px"], :is(div,section,article)[style*="gap:48px"]{gap: 28px !important}:is(div,section,article)[style*="gap: 40px"], :is(div,section,article)[style*="gap:40px"]{gap: 24px !important}h1{font-size: clamp(36px,10.5vw,96px) !important;line-height: 1.02 !important}h2{font-size: clamp(26px,8vw,54px) !important;line-height: 1.06 !important}:is(div,section,article)[style*="gap: 30px"][style*="font-weight: 600"], :is(div,section,article)[style*="gap:30px"][style*="font-weight:600"]{display: none !important}:is(div,section,article)[style*="font-size: 200px"],:is(div,section,article)[style*="font-size: 420px"], :is(div,section,article)[style*="font-size:200px"], :is(div,section,article)[style*="font-size:420px"]{display: none !important}:is(div,section,article)[style*="grid-template-columns: 2fr 1.1fr"][style*="background: rgb(19, 17, 18)"], :is(div,section,article)[style*="grid-template-columns:2fr 1.1fr"][style*="background:rgb(19, 17, 18)"]{display: none !important}:is(div,section,article)[style*="grid-template-columns: 2fr 1.1fr"], :is(div,section,article)[style*="grid-template-columns:2fr 1.1fr"]{grid-template-columns: 1fr !important;gap: 6px !important}#iq-panel{box-sizing: border-box !important;width: calc(100vw - 20px) !important;left: 10px !important;right: 10px !important;max-width: none !important;padding: 18px 16px !important;max-height: calc(100vh - 90px) !important}#iq-panel input,#iq-panel select,#iq-panel button{box-sizing: border-box !important}:is(div,section,article)[style*="radial-gradient(800px 460px at 85% 15%"]{background: radial-gradient(200vw 560px at 50% -8%,rgba(111,172,70,.24),transparent 72%) !important}iframe,img{max-width: 100% !important}img[alt="Operative in protective suit and respirator"]{height: 380px !important;width: auto !important;max-width: none !important;right: -46px !important;bottom: 0 !important;opacity: .6 !important}:is(div,section,article)[data-trust-strip]{display: none !important}div:has(> :is(div,section,article)[style*="radial-gradient(500px 260px at 15% 50%"]){display: none !important}:is(div,section,article)[style*="padding: 10px 48px"], :is(div,section,article)[style*="padding:10px 48px"]{display: none !important}:is(div,section,article)[style*="z-index: 50"] :is(div,section,article)[style*="padding: 14px 48px"],:is(div,section,article)[style*="padding: 14px 48px"], :is(div,section,article)[style*="z-index:50"] :is(div,section,article)[style*="padding:14px 48px"], :is(div,section,article)[style*="padding:14px 48px"]{padding: 12px 18px !important}a[data-pm-desktop]{display: none !important}a[data-pm-mobile]{display: block !important}:is(div,section,article)[data-footer-bottom]{padding-top: 0 !important;margin-top: -24px !important}:is(div,section,article)[style*="grid-template-columns:repeat(5"],:is(div,section,article)[style*="grid-template-columns:repeat(4"],:is(div,section,article)[style*="grid-template-columns:repeat(3"],:is(div,section,article)[style*="grid-template-columns:1fr 1fr"], :is(div,section,article)[style*="grid-template-columns: repeat(5"], :is(div,section,article)[style*="grid-template-columns: repeat(4"], :is(div,section,article)[style*="grid-template-columns: repeat(3"], :is(div,section,article)[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns: 1fr !important}:is(div,section,article)[data-screen-label="Technology driven"] :is(div,section,article)[style*="grid-template-columns:repeat(2,minmax"],:is(div,section,article)[data-screen-label="Technology driven"] :is(div,section,article)[style*="grid-template-columns: repeat(2"], :is(div,section,article)[data-screen-label="Technology driven"] :is(div,section,article)[style*="grid-template-columns: repeat(2,minmax"], :is(div,section,article)[data-screen-label="Technology driven"] :is(div,section,article)[style*="grid-template-columns:repeat(2"]{grid-template-columns: repeat(2,minmax(0,1fr)) !important}:is(div,section,article)[style*="max-width:1360px"],:is(div,section,article)[style*="max-width:1000px"],:is(div,section,article)[style*="max-width: 1000px"], :is(div,section,article)[style*="max-width: 1360px"]{padding-left: 24px !important;padding-right: 24px !important}:is(div,section,article)[style*="padding:64px 48px"],:is(div,section,article)[style*="padding:0 48px"],:is(div,section,article)[style*="padding:8px 48px"],:is(div,section,article)[style*="padding:48px 48px"], :is(div,section,article)[style*="padding: 64px 48px"], :is(div,section,article)[style*="padding: 0 48px"], :is(div,section,article)[style*="padding: 8px 48px"], :is(div,section,article)[style*="padding: 48px 48px"]{padding-left: 24px !important;padding-right: 24px !important}} @media (max-width:768px){:is(div,section,article)[data-screen-label$=" in depth"] :is(div,section,article)[style*="grid-template-columns:repeat(3,1fr)"],:is(div,section,article)[data-screen-label$=" in depth"] :is(div,section,article)[style*="grid-template-columns:repeat(2,1fr)"],:is(div,section,article)[data-screen-label="Quick answers"] :is(div,section,article)[style*="grid-template-columns:repeat(2,1fr)"], :is(div,section,article)[data-screen-label$=" in depth"] :is(div,section,article)[style*="grid-template-columns: repeat(3,1fr)"], :is(div,section,article)[data-screen-label$=" in depth"] :is(div,section,article)[style*="grid-template-columns: repeat(2,1fr)"], :is(div,section,article)[data-screen-label="Quick answers"] :is(div,section,article)[style*="grid-template-columns: repeat(2,1fr)"]{grid-template-columns:1fr !important} [data-about-slogan]{grid-column:1 !important;justify-content:flex-start !important;font-size:7.1vw !important;white-space:nowrap !important}[data-about-slogan] > span:last-child{min-width:5.5em !important}:is(div,section,article)[data-screen-label="MD quote"]{margin-bottom:0 !important}:is(div,section,article)[data-screen-label="About story"]{padding-bottom:16px !important}:is(div,section,article)[data-screen-label="MD quote"] > :is(div,section,article)[style*="max-width: 1360px"], :is(div,section,article)[data-screen-label="MD quote"] > :is(div,section,article)[style*="max-width:1360px"]{padding-top:16px !important;padding-bottom:20px !important}:is(div,section,article)[data-screen-label="Technology driven"]{padding-top:28px !important} :is(div,section,article)[style*="grid-template-columns:repeat(7,1fr)"],:is(div,section,article)[style*="grid-template-columns: repeat(7, 1fr)"], :is(div,section,article)[style*="grid-template-columns: repeat(7,1fr)"], :is(div,section,article)[style*="grid-template-columns:repeat(7, 1fr)"]{row-gap:8px !important} :is(div,section,article)[data-svc-box] > :is(div,section,article)[style*="padding: 28px 32px"], :is(div,section,article)[data-svc-box] > :is(div,section,article)[style*="padding:28px 32px"]{padding:14px 20px 24px !important}:is(div,section,article)[data-svc-box] > x-import + div,:is(div,section,article)[data-svc-box] > img[data-slot] + div{padding-top:10px !important}:is(div,section,article)[data-svc-box] > :is(div,section,article)[style*="padding: 44px 46px"], :is(div,section,article)[data-svc-box] > :is(div,section,article)[style*="padding:44px 46px"]{padding:8px 20px 20px !important}:is(div,section,article)[data-svc-box] > :is(div,section,article)[style*="padding: 28px 30px"], :is(div,section,article)[data-svc-box] > :is(div,section,article)[style*="padding:28px 30px"]{padding:8px 20px 18px !important}:is(div,section,article)[data-svc-box] > :is(div,section,article)[style*="padding: 26px 30px"], :is(div,section,article)[data-svc-box] > :is(div,section,article)[style*="padding:26px 30px"]{padding:8px 20px 20px !important}:is(div,section,article)[data-svc-box] :is(div,section,article)[style*="height: 100%"][style*="width: 100%"],:is(div,section,article)[data-svc-box] x-import, :is(div,section,article)[data-svc-box] :is(div,section,article)[style*="height:100%"][style*="width:100%"]{min-height:0 !important;height:240px !important} [data-svc-num]{background:#131112 !important;color:#8cc463 !important;border-color:rgba(140,196,99,.75) !important;position:relative !important;z-index:6 !important}[data-svc-num-dark]{background:#131112 !important;color:#8cc463 !important;border-color:rgba(140,196,99,.75) !important;position:relative !important;z-index:6 !important}:is(div,section,article)[style*="width:46px"][style*="border-radius:50%"],:is(div,section,article)[style*="width: 46px"][style*="border-radius: 50%"]{background:#131112 !important} :is(div,section,article)[data-svc-box] x-import,:is(div,section,article)[data-svc-box] img[data-slot]{overflow:hidden !important;contain:paint}} @media (min-width:769px) and (max-height:1000px){:is(div,section,article)[style*="padding:96px 48px 140px"], :is(div,section,article)[style*="padding: 96px 48px 140px"]{padding:36px 48px 44px !important}h1[style*="font-size:84px"], h1[style*="font-size: 84px"]{font-size:clamp(48px,7.2vh,72px) !important}:is(div,section,article)[style*="padding:96px 48px 140px"] [style*="margin-top:40px"], :is(div,section,article)[style*="padding: 96px 48px 140px"] [style*="margin-top: 40px"]{margin-top:20px !important}:is(div,section,article)[style*="padding:96px 48px 140px"] [style*="margin-top:44px"], :is(div,section,article)[style*="padding: 96px 48px 140px"] [style*="margin-top: 44px"]{margin-top:22px !important}:is(div,section,article)[style*="padding:96px 48px 140px"] [style*="margin-top:56px"], :is(div,section,article)[style*="padding: 96px 48px 140px"] [style*="margin-top: 56px"]{margin-top:24px !important}img[style*="height:780px"], img[style*="height: 780px"]{height:min(680px,82vh) !important}} @media (min-width:769px) and (max-height:820px){:is(div,section,article)[style*="padding:96px 48px 140px"], :is(div,section,article)[style*="padding: 96px 48px 140px"]{padding:24px 48px 32px !important}h1[style*="font-size:84px"], h1[style*="font-size: 84px"]{font-size:clamp(44px,6.6vh,60px) !important}:is(div,section,article)[style*="padding:96px 48px 140px"] [style*="margin-top:40px"], :is(div,section,article)[style*="padding: 96px 48px 140px"] [style*="margin-top: 40px"]{margin-top:14px !important}:is(div,section,article)[style*="padding:96px 48px 140px"] [style*="margin-top:44px"], :is(div,section,article)[style*="padding: 96px 48px 140px"] [style*="margin-top: 44px"]{margin-top:16px !important}:is(div,section,article)[style*="padding:96px 48px 140px"] [style*="margin-top:56px"], :is(div,section,article)[style*="padding: 96px 48px 140px"] [style*="margin-top: 56px"]{margin-top:18px !important}img[style*="height:780px"], img[style*="height: 780px"]{height:min(560px,76vh) !important}} @keyframes abFade{from{opacity:0;transform:translateY(14px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes abSweep{0%,25%{background-position:120% 0}55%,100%{background-position:-20% 0}}@media (max-width:768px){:is(div,section,article)[style*="padding: 88px 48px 64px"], :is(div,section,article)[style*="padding:88px 48px 64px"]{padding:44px 24px 40px !important}:is(div,section,article)[style*="padding: 88px 48px 64px"] > :is(div,section,article)[style*="font-size: 96px"], :is(div,section,article)[style*="padding:88px 48px 64px"] > :is(div,section,article)[style*="font-size:96px"]{font-size:58px !important;font-weight:700 !important;line-height:1.04 !important;letter-spacing:.06em !important;background:linear-gradient(100deg,#fff 42%,#8cc463 50%,#fff 58%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:abFade .8s cubic-bezier(.2,.8,.3,1) .15s both,abSweep 5.5s ease-in-out 1.2s infinite !important}:is(div,section,article)[style*="padding: 88px 48px 64px"] > :is(div,section,article)[style*="font-size: 96px"] img, :is(div,section,article)[style*="padding:88px 48px 64px"] > :is(div,section,article)[style*="font-size:96px"] img{width:min(400px,84vw) !important;margin-bottom:12px !important}:is(div,section,article)[style*="padding: 88px 48px 64px"] > :is(div,section,article)[style*="font-size: 96px"] span, :is(div,section,article)[style*="padding:88px 48px 64px"] > :is(div,section,article)[style*="font-size:96px"] span{-webkit-text-fill-color:#6fac46}:is(div,section,article)[style*="padding: 88px 48px 64px"] > :is(div,section,article)[style*="letter-spacing: 0.22em"], :is(div,section,article)[style*="padding:88px 48px 64px"] > :is(div,section,article)[style*="letter-spacing:0.22em"]{font-size:14px !important;margin-bottom:12px !important;animation:abFade .6s ease both !important}} /* ===== current base + August additions (these win ties) ===== */ @keyframes g8spin{0%,80%{transform:perspective(300px) rotateY(0deg)}98%,100%{transform:perspective(300px) rotateY(360deg)}}[data-href]{cursor:pointer}.sc-placeholder,.sc-interp.sc-missing{display:none !important}a{color:inherit;-webkit-tap-highlight-color:rgba(111,172,70,.2)}a:hover{color:inherit}@media (min-width:769px) and (max-width:1024px){:is(div,section,article)[style*="z-index:50"] a[href="https://www.innov8-group.co.uk/"],:is(div,section,article)[style*="z-index:50"] a[href="https://www.innov8-group.co.uk/"], :is(div,section,article)[style*="z-index: 50"] a[href="https://www.innov8-group.co.uk/"]{flex:none !important}:is(div,section,article)[style*="z-index:50"] :is(div,section,article)[style*="gap:30px"],:is(div,section,article)[style*="z-index:50"] :is(div,section,article)[style*="gap:30px"], :is(div,section,article)[style*="z-index: 50"] :is(div,section,article)[style*="gap: 30px"]{gap:15px !important;font-size:13.5px !important}:is(div,section,article)[style*="padding:14px 48px"],:is(div,section,article)[style*="padding:14px 48px"], :is(div,section,article)[style*="padding: 14px 48px"]{padding-left:22px !important;padding-right:22px !important}} @media (max-width:768px){html,body{overflow-x:clip !important}:is(div,section,article)[style*="grid-template-columns:repeat("],:is(div,section,article)[style*="grid-template-columns:1.05fr"],:is(div,section,article)[style*="grid-template-columns:1.2fr"],:is(div,section,article)[style*="grid-template-columns:1.1fr"],:is(div,section,article)[style*="grid-template-columns:1fr 1fr"],:is(div,section,article)[style*="grid-template-columns:auto 1fr"], :is(div,section,article)[style*="grid-template-columns: repeat("], :is(div,section,article)[style*="grid-template-columns: 1.05fr"], :is(div,section,article)[style*="grid-template-columns: 1.2fr"], :is(div,section,article)[style*="grid-template-columns: 1.1fr"], :is(div,section,article)[style*="grid-template-columns: 1fr 1fr"], :is(div,section,article)[style*="grid-template-columns: auto 1fr"]{grid-template-columns:1fr !important}a[style*="grid-column:span"],:is(div,section,article)[style*="grid-column:span"], a[style*="grid-column: span"], :is(div,section,article)[style*="grid-column: span"]{grid-column:auto !important}:is(div,section,article)[style*="max-width:1360px"], :is(div,section,article)[style*="max-width: 1360px"]{padding-left:24px !important;padding-right:24px !important;padding-top:34px !important;padding-bottom:34px !important}:is(div,section,article)[style*="padding:88px 48px"],:is(div,section,article)[style*="padding:96px 48px"],:is(div,section,article)[style*="padding:80px 48px"],:is(div,section,article)[style*="padding:72px 48px"],:is(div,section,article)[style*="padding:64px 48px"],:is(div,section,article)[style*="padding:100px 48px"],:is(div,section,article)[style*="padding:110px 48px"],:is(div,section,article)[style*="padding:120px 48px"], :is(div,section,article)[style*="padding: 88px 48px"], :is(div,section,article)[style*="padding: 96px 48px"], :is(div,section,article)[style*="padding: 80px 48px"], :is(div,section,article)[style*="padding: 72px 48px"], :is(div,section,article)[style*="padding: 64px 48px"], :is(div,section,article)[style*="padding: 100px 48px"], :is(div,section,article)[style*="padding: 110px 48px"], :is(div,section,article)[style*="padding: 120px 48px"]{padding-top:34px !important;padding-bottom:34px !important}:is(div,section,article)[style*="gap:56px"], :is(div,section,article)[style*="gap: 56px"]{gap:30px !important}:is(div,section,article)[style*="gap:48px"], :is(div,section,article)[style*="gap: 48px"]{gap:28px !important}:is(div,section,article)[style*="gap:40px"], :is(div,section,article)[style*="gap: 40px"]{gap:24px !important}h1{font-size:clamp(36px,10.5vw,96px) !important;line-height:1.02 !important}h2{font-size:clamp(26px,8vw,54px) !important;line-height:1.06 !important}:is(div,section,article)[style*="gap:30px"][style*="font-weight:600"], :is(div,section,article)[style*="gap: 30px"][style*="font-weight: 600"]{display:none !important}:is(div,section,article)[style*="font-size:200px"],:is(div,section,article)[style*="font-size:420px"], :is(div,section,article)[style*="font-size: 200px"], :is(div,section,article)[style*="font-size: 420px"]{display:none !important}:is(div,section,article)[style*="grid-template-columns:2fr 1.1fr"][style*="background:rgb(19,17,18)"], :is(div,section,article)[style*="grid-template-columns: 2fr 1.1fr"][style*="background: rgb(19,17,18)"]{display:none !important}:is(div,section,article)[style*="grid-template-columns:2fr 1.1fr"], :is(div,section,article)[style*="grid-template-columns: 2fr 1.1fr"]{grid-template-columns:1fr !important;gap:6px !important}#iq-panel{box-sizing:border-box !important;width:calc(100vw - 20px) !important;left:10px !important;right:10px !important;max-width:none !important;padding:18px 16px !important;max-height:calc(100vh - 90px) !important}#iq-panel input,#iq-panel select,#iq-panel button{box-sizing:border-box !important}:is(div,section,article)[style*="radial-gradient(800px 460px at 85% 15%"]{background:radial-gradient(200vw 560px at 50% -8%,rgba(111,172,70,.24),transparent 72%) !important}iframe,img{max-width:100% !important}img[alt="Operative in protective suit and respirator"]{height:380px !important;width:auto !important;max-width:none !important;right:-46px !important;bottom:0 !important;opacity:.6 !important}:is(div,section,article)[data-trust-strip]{display:none !important}div:has(>:is(div,section,article)[style*="radial-gradient(500px 260px at 15% 50%"]){display:none !important}:is(div,section,article)[style*="padding:10px 48px"], :is(div,section,article)[style*="padding: 10px 48px"]{display:none !important}:is(div,section,article)[style*="z-index:50"] :is(div,section,article)[style*="padding:14px 48px"],:is(div,section,article)[style*="padding:14px 48px"], :is(div,section,article)[style*="z-index: 50"] :is(div,section,article)[style*="padding: 14px 48px"], :is(div,section,article)[style*="padding: 14px 48px"]{padding:12px 18px !important}a[data-pm-desktop]{display:none !important}a[data-pm-mobile]{display:block !important}:is(div,section,article)[data-footer-bottom]{padding-top:0 !important;margin-top:-24px !important}:is(div,section,article)[style*="grid-template-columns:repeat(5"],:is(div,section,article)[style*="grid-template-columns:repeat(4"],:is(div,section,article)[style*="grid-template-columns:repeat(3"],:is(div,section,article)[style*="grid-template-columns:1fr 1fr"], :is(div,section,article)[style*="grid-template-columns: repeat(5"], :is(div,section,article)[style*="grid-template-columns: repeat(4"], :is(div,section,article)[style*="grid-template-columns: repeat(3"], :is(div,section,article)[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr !important}:is(div,section,article)[data-screen-label="Technology driven"] :is(div,section,article)[style*="grid-template-columns:repeat(2,minmax"],:is(div,section,article)[data-screen-label="Technology driven"] :is(div,section,article)[style*="grid-template-columns:repeat(2"], :is(div,section,article)[data-screen-label="Technology driven"] :is(div,section,article)[style*="grid-template-columns: repeat(2,minmax"], :is(div,section,article)[data-screen-label="Technology driven"] :is(div,section,article)[style*="grid-template-columns: repeat(2"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}:is(div,section,article)[style*="max-width:1360px"],:is(div,section,article)[style*="max-width:1000px"],:is(div,section,article)[style*="max-width:1000px"], :is(div,section,article)[style*="max-width: 1360px"], :is(div,section,article)[style*="max-width: 1000px"]{padding-left:24px !important;padding-right:24px !important}:is(div,section,article)[style*="padding:64px 48px"],:is(div,section,article)[style*="padding:0 48px"],:is(div,section,article)[style*="padding:8px 48px"],:is(div,section,article)[style*="padding:48px 48px"], :is(div,section,article)[style*="padding: 64px 48px"], :is(div,section,article)[style*="padding: 0 48px"], :is(div,section,article)[style*="padding: 8px 48px"], :is(div,section,article)[style*="padding: 48px 48px"]{padding-left:24px !important;padding-right:24px !important} :is(div,section,article)[data-screen-label$=" in depth"] :is(div,section,article)[style*="grid-template-columns:repeat(3,1fr)"],:is(div,section,article)[data-screen-label$=" in depth"] :is(div,section,article)[style*="grid-template-columns:repeat(2,1fr)"],:is(div,section,article)[data-screen-label="Quick answers"] :is(div,section,article)[style*="grid-template-columns:repeat(2,1fr)"], :is(div,section,article)[data-screen-label$=" in depth"] :is(div,section,article)[style*="grid-template-columns: repeat(3,1fr)"], :is(div,section,article)[data-screen-label$=" in depth"] :is(div,section,article)[style*="grid-template-columns: repeat(2,1fr)"], :is(div,section,article)[data-screen-label="Quick answers"] :is(div,section,article)[style*="grid-template-columns: repeat(2,1fr)"]{grid-template-columns:1fr !important} [data-about-slogan]{grid-column:1 !important;justify-content:flex-start !important;font-size:7.1vw !important;white-space:nowrap !important}[data-about-slogan]>span:last-child{min-width:5.5em !important}:is(div,section,article)[data-screen-label="MD quote"]{margin-bottom:0 !important}:is(div,section,article)[data-screen-label="About story"]{padding-bottom:16px !important}:is(div,section,article)[data-screen-label="MD quote"]>:is(div,section,article)[style*="max-width:1360px"], :is(div,section,article)[data-screen-label="MD quote"]>:is(div,section,article)[style*="max-width: 1360px"]{padding-top:16px !important;padding-bottom:20px !important}:is(div,section,article)[data-screen-label="Technology driven"]{padding-top:28px !important} :is(div,section,article)[style*="grid-template-columns:repeat(7,1fr)"],:is(div,section,article)[style*="grid-template-columns:repeat(7,1fr)"], :is(div,section,article)[style*="grid-template-columns: repeat(7,1fr)"]{row-gap:8px !important} :is(div,section,article)[data-svc-box]>:is(div,section,article)[style*="padding:28px 32px"], :is(div,section,article)[data-svc-box]>:is(div,section,article)[style*="padding: 28px 32px"]{padding:14px 20px 24px !important}:is(div,section,article)[data-svc-box]>x-import + div,:is(div,section,article)[data-svc-box]>img[data-slot] + div{padding-top:10px !important}:is(div,section,article)[data-svc-box]>:is(div,section,article)[style*="padding:44px 46px"], :is(div,section,article)[data-svc-box]>:is(div,section,article)[style*="padding: 44px 46px"]{padding:8px 20px 20px !important}:is(div,section,article)[data-svc-box]>:is(div,section,article)[style*="padding:28px 30px"], :is(div,section,article)[data-svc-box]>:is(div,section,article)[style*="padding: 28px 30px"]{padding:8px 20px 18px !important}:is(div,section,article)[data-svc-box]>:is(div,section,article)[style*="padding:26px 30px"], :is(div,section,article)[data-svc-box]>:is(div,section,article)[style*="padding: 26px 30px"]{padding:8px 20px 20px !important}:is(div,section,article)[data-svc-box] :is(div,section,article)[style*="height:100%"][style*="width:100%"],:is(div,section,article)[data-svc-box] x-import, :is(div,section,article)[data-svc-box] :is(div,section,article)[style*="height: 100%"][style*="width: 100%"]{min-height:0 !important;height:240px !important} [data-svc-num]{background:#131112 !important;color:#8cc463 !important;border-color:rgba(140,196,99,.75) !important;position:relative !important;z-index:6 !important}[data-svc-num-dark]{background:#131112 !important;color:#8cc463 !important;border-color:rgba(140,196,99,.75) !important;position:relative !important;z-index:6 !important}:is(div,section,article)[style*="width:46px"][style*="border-radius:50%"],:is(div,section,article)[style*="width:46px"][style*="border-radius:50%"], :is(div,section,article)[style*="width: 46px"][style*="border-radius: 50%"]{background:#131112 !important} :is(div,section,article)[data-svc-box] x-import,:is(div,section,article)[data-svc-box] img[data-slot]{overflow:hidden !important;contain:paint}} @media (min-width:769px) and (max-height:1000px){:is(div,section,article)[style*="padding:96px 48px 140px"], :is(div,section,article)[style*="padding: 96px 48px 140px"]{padding:36px 48px 44px !important}h1[style*="font-size:84px"], h1[style*="font-size: 84px"]{font-size:clamp(48px,7.2vh,72px) !important}:is(div,section,article)[style*="padding:96px 48px 140px"] [style*="margin-top:40px"], :is(div,section,article)[style*="padding: 96px 48px 140px"] [style*="margin-top: 40px"]{margin-top:20px !important}:is(div,section,article)[style*="padding:96px 48px 140px"] [style*="margin-top:44px"], :is(div,section,article)[style*="padding: 96px 48px 140px"] [style*="margin-top: 44px"]{margin-top:22px !important}:is(div,section,article)[style*="padding:96px 48px 140px"] [style*="margin-top:56px"], :is(div,section,article)[style*="padding: 96px 48px 140px"] [style*="margin-top: 56px"]{margin-top:24px !important}img[style*="height:780px"], img[style*="height: 780px"]{height:min(680px,82vh) !important}} @media (min-width:769px) and (max-height:820px){:is(div,section,article)[style*="padding:96px 48px 140px"], :is(div,section,article)[style*="padding: 96px 48px 140px"]{padding:24px 48px 32px !important}h1[style*="font-size:84px"], h1[style*="font-size: 84px"]{font-size:clamp(44px,6.6vh,60px) !important}:is(div,section,article)[style*="padding:96px 48px 140px"] [style*="margin-top:40px"], :is(div,section,article)[style*="padding: 96px 48px 140px"] [style*="margin-top: 40px"]{margin-top:14px !important}:is(div,section,article)[style*="padding:96px 48px 140px"] [style*="margin-top:44px"], :is(div,section,article)[style*="padding: 96px 48px 140px"] [style*="margin-top: 44px"]{margin-top:16px !important}:is(div,section,article)[style*="padding:96px 48px 140px"] [style*="margin-top:56px"], :is(div,section,article)[style*="padding: 96px 48px 140px"] [style*="margin-top: 56px"]{margin-top:18px !important}img[style*="height:780px"], img[style*="height: 780px"]{height:min(560px,76vh) !important}} @keyframes abFade{from{opacity:0;transform:translateY(14px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes abSweep{0%,25%{background-position:120% 0}55%,100%{background-position:-20% 0}}@media (max-width:768px){:is(div,section,article)[style*="padding:88px 48px 64px"], :is(div,section,article)[style*="padding: 88px 48px 64px"]{padding:44px 24px 40px !important}:is(div,section,article)[style*="padding:88px 48px 64px"]>:is(div,section,article)[style*="font-size:96px"], :is(div,section,article)[style*="padding: 88px 48px 64px"]>:is(div,section,article)[style*="font-size: 96px"]{font-size:58px !important;font-weight:700 !important;line-height:1.04 !important;letter-spacing:.06em !important;background:linear-gradient(100deg,#fff 42%,#8cc463 50%,#fff 58%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:abFade .8s cubic-bezier(.2,.8,.3,1) .15s both,abSweep 5.5s ease-in-out 1.2s infinite !important}:is(div,section,article)[style*="padding:88px 48px 64px"]>:is(div,section,article)[style*="font-size:96px"] img, :is(div,section,article)[style*="padding: 88px 48px 64px"]>:is(div,section,article)[style*="font-size: 96px"] img{width:min(400px,84vw) !important;margin-bottom:12px !important}:is(div,section,article)[style*="padding:88px 48px 64px"]>:is(div,section,article)[style*="font-size:96px"] span, :is(div,section,article)[style*="padding: 88px 48px 64px"]>:is(div,section,article)[style*="font-size: 96px"] span{-webkit-text-fill-color:#6fac46}:is(div,section,article)[style*="padding:88px 48px 64px"]>:is(div,section,article)[style*="letter-spacing:0.22em"], :is(div,section,article)[style*="padding: 88px 48px 64px"]>:is(div,section,article)[style*="letter-spacing: 0.22em"]{font-size:14px !important;margin-bottom:12px !important;animation:abFade .6s ease both !important}} @media (max-width:767px){section[data-screen-label][style*="48px"]{padding-left:22px !important;padding-right:22px !important}section[data-screen-label]>:is(div,section,article)[style*="padding:0 48px"],section[data-screen-label]>:is(div,section,article)[style*="48px"], section[data-screen-label]>:is(div,section,article)[style*="padding: 0 48px"]{padding-left:22px !important;padding-right:22px !important}} @media (max-width:900px){body{background-attachment:scroll !important;background-size:44px 44px !important}body::before{height:620px !important}} @media (max-width:767px){:is(div,section,article)[style*="1.3fr 1fr 1fr 1.2fr"]{display:grid !important;grid-template-columns:1fr !important;gap:30px !important;padding-left:22px !important;padding-right:22px !important}:is(div,section,article)[data-screen-label="Metrics bar"] :is(div,section,article)[style*="repeat(4,1fr)"]{grid-template-columns:1fr 1fr !important;gap:18px !important;padding-left:22px !important;padding-right:22px !important} [data-hero-shard]{display:none !important}[data-hero-bg]{display:none !important}:is(div,section,article)[data-screen-label="Home hero"] span[style*="ringSpin"]{display:none !important}:is(div,section,article)[data-screen-label="Home hero"] img[alt="Operative in protective suit and respirator"]{filter:none !important}span[style*="font-size:150px"], span[style*="font-size: 150px"]{font-size:84px !important}span[style*="font-size:120px"][style*="MATERIALS"], span[style*="font-size: 120px"][style*="MATERIALS"]{font-size:70px !important} /* hide desktop chrome under the injected mobile header (was peeking through as a second header) */ [data-pulse-rail]{display:none !important} :is(div,section,article,nav,header)[style*="position:sticky"][style*="z-index:50"],:is(div,section,article,nav,header)[style*="position: sticky"][style*="z-index: 50"]{display:none !important} /* hero dock: equal 48px pills, cover button one line (unspaced style variants) */ :is(div,section,article)[data-screen-label="Home hero"] [data-hero-dock] :is(div,section,article)[style*="padding:16px 28px"], cover button one line (unspaced style variants) */ :is(div,section,article)[data-screen-label="Home hero"] [data-hero-dock] :is(div,section,article)[style*="padding: 16px 28px"]{flex:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 7px !important;white-space:nowrap !important;font-size:12.5px !important;height:44px !important;box-sizing:border-box !important} :is(div,section,article)[data-screen-label="Home hero"] [data-hero-dock] :is(div,section,article)[style*="padding: 16px 28px"], :is(div,section,article)[data-screen-label="Home hero"] [data-hero-dock] :is(div,section,article)[style*="padding:16px 28px"]{font-size:12.5px !important;height:44px !important;align-items:center !important} /* dock pinned to the bottom of the opening screen */ :is(div,section,article)[data-screen-label="Home hero"]>:is(div,section,article)[style*="padding:36px 48px 48px"],:is(div,section,article)[data-screen-label="Home hero"]>:is(div,section,article)[style*="padding: 36px 48px 48px"], /* dock pinned to the bottom of the opening screen */ :is(div,section,article)[data-screen-label="Home hero"]>:is(div,section,article)[style*="padding: 36px 48px 48px"], :is(div,section,article)[data-screen-label="Home hero"]>:is(div,section,article)[style*="padding:36px 48px 48px"]{display:flex !important;flex-direction:column !important;flex:1 !important;width:100%;box-sizing:border-box} :is(div,section,article)[data-screen-label="Home hero"] [data-hero-row]{margin-top:auto !important} /* hero fits one screen: content compact, dock hugs bottom (higher-specificity overrides) */ :is(div,section,article)[data-screen-label="Home hero"][data-screen-label]>:is(div,section,article)[style*="padding: 36px 48px 48px"],:is(div,section,article)[data-screen-label="Home hero"][data-screen-label]>:is(div,section,article)[style*="padding:36px 48px 48px"], dock hugs bottom (higher-specificity overrides) */ :is(div,section,article)[data-screen-label="Home hero"][data-screen-label]>:is(div,section,article)[style*="padding:36px 48px 48px"], :is(div,section,article)[data-screen-label="Home hero"][data-screen-label]>:is(div,section,article)[style*="padding: 36px 48px 48px"]{padding:30px 24px 210px !important;position:static !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label]{min-height:calc(100svh - 70px) !important;max-height:none} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] h1{font-size:42px !important;line-height:1.06 !important;letter-spacing:-.012em !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] :is(div,section,article)[style*="font-size:20px"],:is(div,section,article)[data-screen-label="Home hero"][data-screen-label] :is(div,section,article)[style*="font-size: 20px"]{font-size:15.5px !important;max-width:none !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] :is(div,section,article)[style*="margin-top:34px"],:is(div,section,article)[data-screen-label="Home hero"][data-screen-label] :is(div,section,article)[style*="margin-top: 34px"]{margin-top:12px !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] :is(div,section,article)[style*="font-size:14.5px"][style*="margin-top:16px"],:is(div,section,article)[data-screen-label="Home hero"][data-screen-label] :is(div,section,article)[style*="font-size: 14.5px"][style*="margin-top: 16px"]{margin-top:8px !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] :is(div,section,article)[style*="clamp(28px, 2.4vw, 42px)"],:is(div,section,article)[data-screen-label="Home hero"][data-screen-label] :is(div,section,article)[style*="clamp(28px,2.4vw,42px)"]{font-size:26px !important;margin-top:12px !important} [data-hero-slogan] div{font-size:clamp(24px,7.6vw,30px) !important} [data-hero-slogan]{margin-top:8px !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] img[alt="Operative in protective suit and respirator"]{left:50% !important;right:auto !important;margin:0 !important;transform:translateX(-50%) !important;animation:none !important} /* GET HELP FAST: one line of text per pill, all 48px */ [data-pc-btn]{white-space:nowrap !important;padding:0 7px !important;height:44px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:12.5px !important;box-sizing:border-box !important} [data-pc-btn] span[style*="gap:8px"],[data-pc-btn] span[style*="gap: 8px"]{gap:5px !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] [data-hero-dock]{padding:7px 8px !important;gap:6px !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] [data-hero-dock] a[data-wa-hero],:is(div,section,article)[data-screen-label="Home hero"][data-screen-label] [data-hero-dock] a[data-call-hero],:is(div,section,article)[data-screen-label="Home hero"][data-screen-label] [data-hero-dock] a[data-email-hero]{font-size:12px !important;height:40px !important} [data-pc-btn] span span[style*="font-weight:900"],[data-pc-btn] span span[style*="font-weight: 900"]{display:none !important} /* metrics logo + licence line: smaller, tucked up */ :is(div,section,article)[style*="align-items:center"][style*="margin-top:72px"],:is(div,section,article)[style*="align-items: center"][style*="margin-top: 72px"], tucked up */ :is(div,section,article)[style*="align-items: center"][style*="margin-top: 72px"], :is(div,section,article)[style*="align-items:center"][style*="margin-top:72px"]{margin-top:20px !important;gap:10px !important} :is(div,section,article)[style*="margin-top:72px"] img[src="assets/logo-white.webp"],:is(div,section,article)[style*="margin-top: 72px"] img[src="assets/logo-white.webp"]{height:30px !important} :is(div,section,article)[style*="margin-top:72px"]>div,:is(div,section,article)[style*="margin-top: 72px"]>div{font-size:12px !important;line-height:1.4 !important} /* material guide slat labels: fit fully at 2-up */ [data-gslats]>a span[style*="font-size:22px"],[data-gslats]>a span[style*="font-size: 22px"], /* material guide slat labels: fit fully at 2-up */ [data-gslats]>a span[style*="font-size: 22px"], [data-gslats]>a span[style*="font-size:22px"]{font-size:15.5px !important;white-space:normal !important;line-height:1.15 !important} [data-gslats]>a span[style*="left:16px"],[data-gslats]>a span[style*="left: 16px"]{left:10px !important;right:8px !important;bottom:10px !important;gap:5px !important} [data-gslats]>a span[style*="font-weight:900"],[data-gslats]>a span[style*="font-weight: 900"]{font-size:12px !important;flex:none} /* analyser page header: clear the fixed mobile header */ [data-sa-page] :is(div,section,article)[style*="padding:64px 40px 52px"],[data-sa-page] :is(div,section,article)[style*="padding: 64px 40px 52px"], /* analyser page header: clear the fixed mobile header */ [data-sa-page] :is(div,section,article)[style*="padding: 64px 40px 52px"], [data-sa-page] :is(div,section,article)[style*="padding:64px 40px 52px"]{padding-top:30px !important} /* fixed-header clearance (header compacted to 62px) */body{padding-top:62px !important}div[style*="position: fixed"][style*="height: 78px"],div[style*="position:fixed"][style*="height:78px"]{height:62px !important} /* contact form fits the screen */ :is(div,section)[style*="grid-template-columns: 1.2fr 0.8fr"]>*,:is(div,section)[style*="grid-template-columns:1.2fr .8fr"]>*, /* contact form fits the screen */ :is(div,section)[style*="grid-template-columns:1.2fr 0.8fr"]>*, :is(div,section)[style*="grid-template-columns: 1.2fr .8fr"]>*{min-width:0 !important;max-width:100% !important} :is(div,section)[data-screen-label="Contact form"] [style*="white-space: nowrap"],:is(div,section)[data-screen-label="Contact form"] [style*="white-space:nowrap"]{white-space:normal !important} form{max-width:100% !important} form *{min-width:0 !important} form[style*="scroll-margin-top"]{padding:22px 16px !important;min-width:0 !important;width:100% !important;box-sizing:border-box !important} form div[style*="grid-template-columns: 1fr 1fr"],form div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important} form input,form select,form textarea{min-width:0 !important;width:100% !important;box-sizing:border-box !important} /* projects featured card stacks */ :is(div,section,article)[style*="grid-template-columns: 1.25fr 1fr"],:is(div,section,article)[style*="grid-template-columns:1.25fr 1fr"], /* projects featured card stacks */ :is(div,section,article)[style*="grid-template-columns:1.25fr 1fr"], :is(div,section,article)[style*="grid-template-columns: 1.25fr 1fr"]{grid-template-columns:1fr !important} /* footer accordions sit flush */ [data-fpages]{margin:0 !important;gap:0 !important} [data-fpages]:not([data-open]){padding-bottom:0 !important} :is(div,section)[style*="1.2fr 1fr 1fr"],:is(div,section)[style*="1.2fr 1fr 1fr 1.2fr"]{gap:0 14px !important;row-gap:0 !important} /* contact depot radar card stacks */ :is(div,section)[style*="grid-template-columns: 280px 1fr"],:is(div,section)[style*="grid-template-columns:280px 1fr"], /* contact depot radar card stacks */ :is(div,section)[style*="grid-template-columns:280px 1fr"], :is(div,section)[style*="grid-template-columns: 280px 1fr"]{grid-template-columns:1fr !important} :is(div,section)[style*="grid-template-columns: 280px 1fr"]>div[style*="grid-row"],:is(div,section)[style*="grid-template-columns:280px 1fr"]>div[style*="grid-row"]{grid-row:auto !important;height:170px !important;border-right:none !important;border-bottom:1px solid rgba(255,255,255,.08)} /* footer compact pass */ :is(div,section)[style*="1.2fr 1fr 1fr"] img[alt="Innov8 Group"]{height:26px !important;margin-bottom:8px !important} :is(div,section)[style*="1.2fr 1fr 1fr"]{padding-top:26px !important;padding-bottom:6px !important;gap:0 14px !important} :is(div,section)[style*="1.2fr 1fr 1fr"]>div>div[style*="line-height"]{font-size:13.5px !important;line-height:1.55 !important;margin-bottom:6px !important} :is(div,section)[style*="1.2fr 1fr 1fr"] a[title]:not([data-pm-mobile]):not([data-pm-desktop]){width:34px !important;height:34px !important} [data-fpages]>div:first-child{padding:9px 0 !important} #trustindex-slot{margin-top:8px !important;transform:scale(.85);transform-origin:center top} [data-pm-mobile] img{width:190px !important} [data-footer-bottom]{padding:8px 20px 14px !important;font-size:12.5px !important} /* footer accordion rows truly flush */ :is(div,section)[style*="1.3fr 1fr 1fr 1.2fr"]>div:first-child{margin-bottom:22px !important} :is(div,section)[style*="1.3fr 1fr 1fr 1.2fr"]{row-gap:0 !important;gap:0 14px !important;padding-top:24px !important;padding-bottom:6px !important} :is(div,section)[style*="1.3fr 1fr 1fr 1.2fr"]>div{margin:0 !important} [data-fpages]{padding:0 !important} [data-fpages]>div:first-child{margin:0 !important} /* fixed-px first column grids: collapse (a 360px track on a 375px screen squeezed the body copy to a 1-char ribbon = huge blank voids) */ :is(div,section,article)[style*="grid-template-columns:200px 1fr"], :is(div,section,article)[style*="grid-template-columns: 200px 1fr"], :is(div,section,article)[style*="grid-template-columns:220px 1fr"], :is(div,section,article)[style*="grid-template-columns: 220px 1fr"], :is(div,section,article)[style*="grid-template-columns:240px 1fr"], :is(div,section,article)[style*="grid-template-columns: 240px 1fr"], :is(div,section,article)[style*="grid-template-columns:260px 1fr"], :is(div,section,article)[style*="grid-template-columns: 260px 1fr"], :is(div,section,article)[style*="grid-template-columns:280px 1fr"], :is(div,section,article)[style*="grid-template-columns: 280px 1fr"], :is(div,section,article)[style*="grid-template-columns:300px 1fr"], :is(div,section,article)[style*="grid-template-columns: 300px 1fr"], :is(div,section,article)[style*="grid-template-columns:320px 1fr"], :is(div,section,article)[style*="grid-template-columns: 320px 1fr"], :is(div,section,article)[style*="grid-template-columns:340px 1fr"], :is(div,section,article)[style*="grid-template-columns: 340px 1fr"], :is(div,section,article)[style*="grid-template-columns:360px 1fr"], :is(div,section,article)[style*="grid-template-columns: 360px 1fr"], :is(div,section,article)[style*="grid-template-columns:380px 1fr"], :is(div,section,article)[style*="grid-template-columns: 380px 1fr"], :is(div,section,article)[style*="grid-template-columns:400px 1fr"], :is(div,section,article)[style*="grid-template-columns: 400px 1fr"], :is(div,section,article)[style*="grid-template-columns:420px 1fr"], :is(div,section,article)[style*="grid-template-columns: 420px 1fr"], :is(div,section,article)[style*="grid-template-columns:440px 1fr"], :is(div,section,article)[style*="grid-template-columns: 440px 1fr"], /* fixed-px first column grids: collapse (a 360px track on a 375px screen squeezed the body copy to a 1-char ribbon = huge blank voids) */ :is(div,section,article)[style*="grid-template-columns: 200px 1fr"], :is(div,section,article)[style*="grid-template-columns:200px 1fr"]{grid-template-columns:1fr !important;gap:14px !important} :is(div,section,article)[style*="grid-template-columns:200px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns: 200px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns:220px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns: 220px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns:240px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns: 240px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns:260px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns: 260px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns:280px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns: 280px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns:300px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns: 300px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns:320px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns: 320px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns:340px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns: 340px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns:360px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns: 360px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns:380px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns: 380px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns:400px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns: 400px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns:420px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns: 420px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns:440px 1fr"]>h2, :is(div,section,article)[style*="grid-template-columns: 440px 1fr"]>h2{position:static !important;top:auto !important;font-size:23px !important;line-height:1.1 !important} /* accreditation strip: one seamless scrolling row instead of ragged wrapped rows */ [data-accred-strip]{flex-direction:column !important;align-items:stretch !important;gap:12px !important;overflow:hidden !important;flex-wrap:nowrap !important;padding:14px 0 !important} [data-accred-track]{display:flex !important;flex-wrap:nowrap !important;width:max-content !important;gap:0 !important;animation:accredMarquee 26s linear infinite;will-change:transform} [data-accred-track]>img{height:56px !important;flex:none !important;margin-right:34px !important;opacity:.95 !important} [data-screen-label="Accreditation strip"]{padding:14px 20px 6px !important} [data-screen-label="Accreditation strip"] > div{padding:16px 6px !important} [data-accred-strip] > div:first-child{font-size:13px !important;letter-spacing:.16em !important} @keyframes accredMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}} /* hero trust row: bigger + bolder on phones */ [data-hero-trust]{font-size:21.5px !important;font-weight:800 !important;line-height:1.45 !important;gap:13px 22px !important;margin-top:22px !important;color:#a8dc7c !important;flex-direction:column !important;align-items:flex-start !important;overflow:visible !important} [data-hero-trust] > span{gap:12px !important;display:inline-flex !important;align-items:center !important;letter-spacing:.005em !important;overflow:visible !important;padding:0 !important} [data-hero-trust] > span > span:first-child{width:30px !important;height:30px !important;min-width:30px !important;font-size:16px !important;line-height:1 !important;border-width:2px !important;font-weight:800 !important;flex:0 0 auto !important;overflow:visible !important;box-sizing:border-box !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] h1{font-size:44px !important;line-height:1.04 !important} /* news: grids that used minmax() escaped the older repeat(3,1fr) collapse rule */ :is(div,section,article)[style*="repeat(3,minmax(0,1fr))"],:is(div,section,article)[style*="repeat(3, minmax(0, 1fr))"]{grid-template-columns:1fr !important;gap:16px !important} :is(div,section,article)[style*="repeat(2,minmax(0,1fr))"],:is(div,section,article)[style*="repeat(2, minmax(0, 1fr))"]{grid-template-columns:1fr !important;gap:10px !important} /* pillar guide card: photo over text instead of a squeezed side-by-side */ a[style*="grid-template-columns:1.1fr 1.6fr"],a[style*="grid-template-columns: 1.1fr 1.6fr"], /* pillar guide card: photo over text instead of a squeezed side-by-side */ a[style*="grid-template-columns: 1.1fr 1.6fr"], a[style*="grid-template-columns:1.1fr 1.6fr"]{grid-template-columns:1fr !important} a[style*="grid-template-columns:1.1fr 1.6fr"]>div:first-child,a[style*="grid-template-columns: 1.1fr 1.6fr"]>div:first-child{min-height:200px !important} a[style*="grid-template-columns:1.1fr 1.6fr"]>div:last-child,a[style*="grid-template-columns: 1.1fr 1.6fr"]>div:last-child{padding:24px 20px !important;min-height:0 !important;gap:14px !important} /* sector/service FAQ rows: questions were nowrap+ellipsis, so long ones were cut off */ [data-faq-2col]{grid-template-columns:1fr !important;gap:14px !important} .fq summary{padding:15px 16px !important;gap:12px !important;align-items:flex-start !important} .fq-q{white-space:normal !important;overflow:visible !important;text-overflow:clip !important;font-size:16.5px !important;line-height:1.3 !important} .fq-n{font-size:14px !important;padding-top:2px !important} .fq-x{width:26px !important;height:26px !important;margin-top:1px !important} .fq-a{padding:0 16px 18px !important;font-size:14.5px !important;line-height:1.6 !important} /* native CSS marquee (sector pages): bigger logos, less dead space */ .accw{margin-top:0 !important;margin-bottom:0 !important;padding:28px 0 !important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent) !important;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent) !important} .acct{animation-duration:30s !important} .acct>div{gap:38px !important;padding-right:38px !important;align-items:center !important} .acct img{height:38px !important;width:auto !important;opacity:.9 !important;flex:0 0 auto !important} /* trim the dead space between the last section and the footer / review bar */ html body div:has(> [data-footer-bottom]){margin-top:10px !important} html body div[data-screen-label="Metrics bar"]{margin-top:10px !important} html body [data-screen-label]:not([data-screen-label="Metrics bar"]):has(+ div > [data-footer-bottom]), html body [data-screen-label]:has(+ div[data-screen-label="Metrics bar"]), html body :is(div,section,article):not([data-screen-label="Metrics bar"]):has(+ div > [data-footer-bottom]), html body :is(div,section,article):has(+ div[data-screen-label="Metrics bar"]){padding-bottom:14px !important} /* the inner content wrapper carries its own bottom padding on top of the section's */ html body [data-screen-label]:has(+ div > [data-footer-bottom]) > :last-child, html body [data-screen-label]:has(+ div[data-screen-label="Metrics bar"]) > :last-child, html body :is(div,section,article):not([data-screen-label="Metrics bar"]):has(+ div > [data-footer-bottom]) > :last-child, html body :is(div,section,article):has(+ div[data-screen-label="Metrics bar"]) > :last-child{padding-bottom:4px !important} /* service page headers sat 21px off the trust strip below — give them room */ html body [data-screen-label*="header"]:has(+ [data-screen-label="Trust"]) > :last-child, html body [data-screen-label*="Header"]:has(+ [data-screen-label="Trust"]) > :last-child{padding-bottom:36px !important} /* green metrics/review band: 2-up cut the star rows and labels off the right edge */ :is(div,section,article)[data-screen-label="Metrics bar"] :is(div,section,article)[style*="grid-template-columns"]{grid-template-columns:1fr !important;gap:10px !important;padding:7px 16px !important} :is(div,section,article)[data-screen-label="Metrics bar"] :is(div,section,article)[style*="grid-template-columns"] > div{gap:10px !important} :is(div,section,article)[data-screen-label="Metrics bar"] span[style*="width:48px"], :is(div,section,article)[data-screen-label="Metrics bar"] span[style*="width: 48px"]{width:34px !important;height:34px !important;min-width:34px !important} :is(div,section,article)[data-screen-label="Metrics bar"] div[style*="font-size:24px"], :is(div,section,article)[data-screen-label="Metrics bar"] div[style*="font-size: 24px"]{font-size:18px !important;white-space:nowrap !important} :is(div,section,article)[data-screen-label="Metrics bar"] div[style*="font-size:13px"], :is(div,section,article)[data-screen-label="Metrics bar"] div[style*="font-size: 13px"]{font-size:12.5px !important} /* accreditations header: script watermark sat on top of the CALL button */ :is(div,section,article)[data-screen-label="Accreditations header"] img[src*="wwe-script"]{width:66vw !important;right:12px !important;bottom:auto !important;top:14px !important;opacity:.1 !important} :is(div,section,article)[data-screen-label="Accreditations header"] div[style*="font-size:18px"], :is(div,section,article)[data-screen-label="Accreditations header"] div[style*="font-size: 18px"]{font-size:16.5px !important;margin-top:16px !important;line-height:1.55 !important} :is(div,section,article)[data-screen-label="Accreditations header"] div[style*="font-size:16px"][style*="margin-top:14px"], :is(div,section,article)[data-screen-label="Accreditations header"] div[style*="font-size: 16px"][style*="margin-top: 14px"]{font-size:15px !important;margin-top:12px !important} :is(div,section,article)[data-screen-label="Accreditations header"] div[style*="margin-top:26px"], :is(div,section,article)[data-screen-label="Accreditations header"] div[style*="margin-top: 26px"]{margin-top:20px !important;gap:10px !important} /* accreditations header: edge-to-edge, tighter */ :is(div,section,article)[data-screen-label="Accreditations header"]{padding-left:0 !important;padding-right:0 !important} :is(div,section,article)[data-screen-label="Accreditations header"] > div[style*="max-width"]{padding:20px 16px 22px !important;max-width:100% !important} :is(div,section,article)[data-screen-label="Accreditations header"] h1{font-size:40px !important;line-height:.98 !important} :is(div,section,article)[data-screen-label="Accreditations header"] > div[style*="max-width"] > div:first-of-type{font-size:13.5px !important;letter-spacing:.18em !important;margin-bottom:10px !important} /* contact topbar: desktop 32/48 padding left it loose and pushed the hero down */ [data-topbar] > div{padding:9px 18px !important;gap:8px !important;justify-content:space-between !important;flex-wrap:wrap !important} [data-topbar] > div > div:first-child{gap:14px !important;flex:1 1 100% !important} [data-topbar] a[href^="mailto"],[data-topbar] a[href^="tel"]{font-size:12.5px !important;gap:7px !important} [data-topbar] a[href^="mailto"] svg,[data-topbar] a[href^="tel"] svg{width:13px !important;height:13px !important} /* the typewriter "not sure which service" line duplicates the CTA on a small screen */ [data-topbar] > div > div:nth-child(2){display:none !important} [data-topbar] > div > div:last-child{flex:0 0 auto !important;margin-left:auto !important} [data-topbar] a[href*="callback"]{font-size:11.5px !important;padding:6px 13px !important;letter-spacing:.04em !important} /* sector "in depth" rows: 80px section bottom + 32px row padding stacked into big voids */ :is(div,section,article)[data-screen-label$="depth" i]{padding-top:0 !important;padding-bottom:20px !important} :is(div,section,article)[data-screen-label$="depth" i] > :is(div,section,article)[style*="grid-template-columns"]:not([data-depth-card]){padding:20px 0 !important;gap:10px !important} :is(div,section,article)[data-screen-label$="depth" i] h2{margin-bottom:2px !important} :is(div,section,article)[data-screen-label$="depth" i] :is(div,section,article)[style*="margin-bottom:18px"], :is(div,section,article)[data-screen-label$="depth" i] :is(div,section,article)[style*="margin-bottom: 18px"]{margin-bottom:0 !important} /* even rhythm across the sector page body */ :is(div,section,article)[data-screen-label*="sector" i][style*="padding"]{padding-top:26px !important;padding-bottom:26px !important} /* breathing room above the rotating accreditation bar */ [data-accred-strip]{padding:30px 0 16px !important} /* hero content column must not clip the tick circle's left arc */ [data-hero-trust]{padding-left:0 !important} [data-hero-trust] > span{padding-left:5px !important;align-items:center !important} /* the hero benefit rotator box is only 26px tall (set on the page), which shaved the tick — raise it on phones */ :is(div,section,article)[data-screen-label="Home hero"] div[style*="gap: 8px 20px"][data-hero-trust], which shaved the tick — raise it on phones */ :is(div,section,article)[data-screen-label="Home hero"] div[style*="gap:8px 20px"][data-hero-trust]{height:40px !important} :is(div,section,article)[data-screen-label="Home hero"] div[style*="gap: 8px 20px"][data-hero-trust] > span, :is(div,section,article)[data-screen-label="Home hero"] div[style*="gap:8px 20px"][data-hero-trust] > span{height:40px !important;display:inline-flex !important;align-items:center !important} } @media (max-width:1100px){ /* contact topbar promo: the nowrap+clipped typewriter line truncated mid-word between ~900-1100px — drop the whole promo (sentence, link, caret) rather than clip it */ [data-topbar-promo],div:has(> span[style*="i8Typew"]){display:none !important} } @media (max-width:767px){ /* hero: slightly larger headline + tighter Get Help Fast dock */ :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] h1{font-size:47px !important;line-height:1.04 !important} [data-screen-label="Home hero"][data-screen-label] [data-hero-dock]{padding:8px 10px !important;gap:6px !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] [data-hero-dock] [data-pc-input], :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] [data-hero-dock] [data-pc-scan]{height:42px !important;min-height:42px !important} [data-hero-dock] [data-dock-head]{margin-bottom:0 !important} [data-hero-dock] [data-dock-head]>span:first-child{font-size:13px !important} } @media (max-width:767px) and (max-height:780px){ /* short phones (SE/mini): compress the hero so Get Help Fast still lands above the fold */ :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] h1{font-size:34px !important;line-height:1.03 !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] [data-hero-slogan]{margin-top:16px !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] [data-hero-trust]{font-size:17px !important;gap:7px 18px !important;margin-top:12px !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] [data-hero-trust] > span > span:first-child{width:24px !important;height:24px !important;min-width:24px !important;font-size:13px !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] [data-hero-dock]{padding:7px 9px !important;gap:5px !important} } @media (max-width:767px){ /* headline larger; the sub-line under it a little smaller */ :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] h1{font-size:min(calc((100vw - 64px)/7.5),56px) !important;line-height:.96 !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] h1 [data-hw]{font-size:min(calc((100vw - 64px)/7.5),56px) !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] :is(div,section,article)[style*="clamp(28px,2.4vw,42px)"]{font-size:22px !important;margin-top:10px !important} } @media (max-width:767px) and (max-height:780px){ :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] h1{font-size:min(calc((100vw - 64px)/7.5),56px) !important;line-height:.96 !important} :is(div,section,article)[data-screen-label="Home hero"][data-screen-label] :is(div,section,article)[style*="clamp(28px,2.4vw,42px)"]{font-size:20px !important;margin-top:8px !important} } @media (max-width:767px){ /* ===== HD headline treatment (chip eyebrow) + staggered animation ===== */ :is(div,section,article)[data-screen-label="Home hero"] h1{font-family:Archivo,sans-serif !important;font-size:min(calc((100vw - 64px)/7.5),56px) !important;letter-spacing:-.035em !important;line-height:.96 !important;text-transform:uppercase !important;animation:none !important} :is(div,section,article)[data-screen-label="Home hero"] h1>span{display:contents !important;clip-path:none !important;animation:none !important} :is(div,section,article)[data-screen-label="Home hero"] h1 span[style*="i8Scrape"]{display:none !important} :is(div,section,article)[data-screen-label="Home hero"] h1 [data-hero-dot]{display:none !important} :is(div,section,article)[data-screen-label="Home hero"] h1 [data-hw]{display:block !important} :is(div,section,article)[data-screen-label="Home hero"] h1 [data-hw="1"]{display:none !important} :is(div,section,article)[data-screen-label="Home hero"] h1 [data-hw="2"],:is(div,section,article)[data-screen-label="Home hero"] h1 [data-hw="3"],:is(div,section,article)[data-screen-label="Home hero"] h1 [data-hw="4"]{font-weight:900 !important;font-size:min(calc((100vw - 64px)/7.5),56px) !important;letter-spacing:-.035em !important;color:#fff !important;line-height:.96 !important;margin-top:0 !important} :is(div,section,article)[data-screen-label="Home hero"] h1 [data-hw="2"]{animation:i8aDev .55s ease .62s both} :is(div,section,article)[data-screen-label="Home hero"] h1 [data-hw="3"]{animation:i8aDev .55s ease .74s both} :is(div,section,article)[data-screen-label="Home hero"] h1 [data-hw="4"]{animation:i8aDev .55s ease .86s both} @keyframes hbDrop{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:none}} @keyframes hbWipe{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}} @keyframes hbTrack{from{opacity:0;letter-spacing:.06em}to{opacity:1;letter-spacing:.3em}} :is(div,section,article)[data-screen-label="Home hero"] h1 [data-hw]{opacity:1;clip-path:none !important;visibility:visible !important} :is(div,section,article)[data-screen-label="Home hero"] h1,:is(div,section,article)[data-screen-label="Home hero"] h1 *{clip-path:none !important;-webkit-clip-path:none !important;overflow:visible !important} :is(div,section,article)[data-screen-label="Home hero"] h1>span{animation:none !important;opacity:1 !important;transform:none !important} /* Option A — decon scan entrance (home hero) */ @keyframes i8aScan{0%{top:-3%}100%{top:103%}} @keyframes i8aDev{from{opacity:0;filter:blur(9px)}to{opacity:1;filter:blur(0)}} @keyframes i8aIdle{0%,88%,100%{top:30%;opacity:0}90%{opacity:.5}98%{top:96%;opacity:0}} @keyframes i8aFig{from{filter:opacity(0) blur(9px)}to{filter:opacity(1) blur(0)}} div[style*="position: fixed"][style*="height: 78px"],div[style*="position:fixed"][style*="height:78px"]{animation:i8aDev .55s ease .2s both} :is(div,section,article)[data-screen-label="Home hero"] [data-hero-scan]{display:block !important;position:absolute;left:0;right:0;top:-3%;height:3px;background:linear-gradient(90deg,transparent,#8cc463 30%,#d7ffb0 50%,#8cc463 70%,transparent);box-shadow:0 0 18px rgba(140,196,99,.9),0 0 60px rgba(111,172,70,.5);z-index:8;pointer-events:none;animation:i8aScan 1.7s cubic-bezier(.45,0,.55,1) .2s both} :is(div,section,article)[data-screen-label="Home hero"] [data-hero-scan2]{display:block !important;position:absolute;left:0;right:0;top:30%;height:2px;opacity:0;background:linear-gradient(90deg,transparent,rgba(140,196,99,.5),transparent);z-index:8;pointer-events:none;animation:i8aIdle 8s linear 3.5s infinite} :is(div,section,article)[data-screen-label="Home hero"] [data-hero-eyebrow]{animation:i8aDev .55s ease .5s both !important} :is(div,section,article)[data-screen-label="Home hero"] div[style*="max-width: 540px"], :is(div,section,article)[data-screen-label="Home hero"] div[style*="max-width:540px"]{animation:i8aDev .55s ease 1s both !important} :is(div,section,article)[data-screen-label="Home hero"] [data-hero-trust]{animation:i8aDev .55s ease 1.1s both !important} :is(div,section,article)[data-screen-label="Home hero"] img[alt="Operative in protective suit and respirator"]{animation:i8aFig 1s ease 1.15s both !important} :is(div,section,article)[data-screen-label="Home hero"] [data-hero-dock]{animation:i8aDev .55s ease 1.5s both !important} /* card / panel padding: collapse the large desktop paddings */ [style*="padding:44px 46px"],[style*="padding: 44px 46px"], [style*="padding:44px"],[style*="padding: 44px"], /* card / panel padding: collapse the large desktop paddings */ [style*="padding: 44px 46px"], [style*="padding:44px 46px"]{padding:18px 16px !important} [style*="padding:38px 40px"],[style*="padding: 38px 40px"], [style*="padding:38px 36px"],[style*="padding: 38px 36px"]{padding:18px 16px !important} [style*="padding:34px 36px"],[style*="padding: 34px 36px"], [style*="padding:34px 38px"],[style*="padding: 34px 38px"]{padding:17px 16px !important} [style*="padding:28px"],[style*="padding: 28px"]{padding:16px 15px !important} [style*="padding:26px 30px"],[style*="padding: 26px 30px"], [style*="padding:26px 28px"],[style*="padding: 26px 28px"], [style*="padding:26px 24px"],[style*="padding: 26px 24px"], [style*="padding:26px"],[style*="padding: 26px"]{padding:15px 15px !important} [style*="padding:24px 26px"],[style*="padding: 24px 26px"], [style*="padding:24px 20px"],[style*="padding: 24px 20px"], [style*="padding:24px"],[style*="padding: 24px"]{padding:14px 14px !important} [style*="padding:22px 24px"],[style*="padding: 22px 24px"], [style*="padding:22px 26px"],[style*="padding: 22px 26px"]{padding:13px 14px !important} [style*="padding:20px 22px"],[style*="padding: 20px 22px"]{padding:13px 14px !important} /* section vertical rhythm */ [style*="padding:56px 48px"],[style*="padding: 56px 48px"], /* section vertical rhythm */ [style*="padding: 56px 48px"], [style*="padding:56px 48px"]{padding:22px 18px !important} [style*="padding:48px 48px"],[style*="padding: 48px 48px"]{padding:20px 18px !important} [style*="padding:40px 48px"],[style*="padding: 40px 48px"]{padding:18px 18px !important} [style*="padding:36px 48px"],[style*="padding: 36px 48px"]{padding:16px 18px !important} [style*="padding:34px 48px"],[style*="padding: 34px 48px"]{padding:16px 18px !important} /* grid + flex gaps */ [style*="gap:24px"],[style*="gap: 24px"], /* grid + flex gaps */ [style*="gap: 24px"], [style*="gap:24px"]{gap:12px !important} [style*="gap:20px"],[style*="gap: 20px"]{gap:11px !important} [style*="gap:18px"],[style*="gap: 18px"]{gap:10px !important} [style*="gap:16px"],[style*="gap: 16px"]{gap:10px !important} [style*="gap:14px"],[style*="gap: 14px"]{gap:9px !important} /* tall minimums that force scroll */ [style*="min-height:460px"],[style*="min-height: 460px"], /* tall minimums that force scroll */ [style*="min-height: 460px"], [style*="min-height:460px"]{min-height:200px !important} [style*="min-height:430px"],[style*="min-height: 430px"]{min-height:200px !important} [style*="min-height:420px"],[style*="min-height: 420px"]{min-height:190px !important} [style*="min-height:300px"],[style*="min-height: 300px"]{min-height:170px !important} [style*="min-height:230px"],[style*="min-height: 230px"]{min-height:150px !important} [style*="min-height:210px"],[style*="min-height: 210px"]{min-height:140px !important} [style*="min-height:196px"],[style*="min-height: 196px"]{min-height:135px !important} [style*="min-height:150px"],[style*="min-height: 150px"]{min-height:120px !important} /* photo heights inside cards */ img[style*="height:340px"],img[style*="height: 340px"], /* photo heights inside cards */ img[style*="height: 340px"], img[style*="height:340px"]{height:180px !important} img[style*="height:300px"],img[style*="height: 300px"]{height:170px !important} img[style*="height:260px"],img[style*="height: 260px"]{height:155px !important} img[style*="height:230px"],img[style*="height: 230px"]{height:145px !important} /* margin stacking */ [style*="margin-bottom:36px"],[style*="margin-bottom: 36px"], /* margin stacking */ [style*="margin-bottom: 36px"], [style*="margin-bottom:36px"]{margin-bottom:16px !important} [style*="margin-bottom:32px"],[style*="margin-bottom: 32px"]{margin-bottom:15px !important} [style*="margin-bottom:28px"],[style*="margin-bottom: 28px"]{margin-bottom:14px !important} [style*="margin-top:72px"],[style*="margin-top: 72px"]{margin-top:24px !important} [style*="margin-top:52px"],[style*="margin-top: 52px"]{margin-top:20px !important} /* body copy tightened a touch so cards lose a line or two */ [style*="line-height:1.65"],[style*="line-height: 1.65"], /* body copy tightened a touch so cards lose a line or two */ [style*="line-height: 1.65"], [style*="line-height:1.65"]{line-height:1.5 !important} [style*="line-height:1.7"],[style*="line-height: 1.7"]{line-height:1.52 !important} [style*="line-height:1.75"],[style*="line-height: 1.75"]{line-height:1.55 !important} [data-proj-card]{padding-bottom:14px !important;gap:7px !important} [data-proj-card]>div[style*="padding:0 26px"],[data-proj-card]>div[style*="padding: 0 26px"]{padding-left:15px !important;padding-right:15px !important} [data-proj-card]>div:last-child{padding:9px 15px 0 !important} [data-proj-card] div[style*="font-size:11.5px"],[data-proj-card] div[style*="font-size:12px"], [data-proj-card] div[style*="font-size: 11.5px"], [data-proj-card] div[style*="font-size: 12px"]{font-size:10.5px !important} [data-proj-card] img,[data-proj-card] [data-proj-photo],[data-proj-card] [data-slot]{height:300px !important;min-height:300px !important} /* Fresh Off Site: every card photo identical size */ [data-fresh]>div[style*="height:200px"],[data-fresh]>div[style*="height: 200px"], /* Fresh Off Site: every card photo identical size */ [data-fresh]>div[style*="height: 200px"], [data-fresh]>div[style*="height:200px"]{height:210px !important;min-height:210px !important;max-height:210px !important;aspect-ratio:auto !important;overflow:hidden !important} [data-fresh] div[data-proj-photo]{position:static !important;width:100% !important;height:100% !important} [data-fresh] img[data-slot]{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;min-height:0 !important;max-height:none !important;aspect-ratio:auto !important;object-fit:cover !important;transform:none !important} [data-fresh] img#proj-walter-scott{object-position:50% 74% !important} [data-fresh] img#proj-moorcock-house{object-position:50% 62% !important} [data-fresh] img#proj-st-marys{object-position:50% 40% !important} [data-acc-graphic] [data-acc-tick]{top:12px !important;right:12px !important;bottom:auto !important} [data-svc-box] img[data-slot]{width:100% !important;height:220px !important;min-height:0 !important;max-height:220px !important;object-fit:cover !important;display:block !important} #industrial-cleaning{grid-auto-rows:auto !important} [data-depth-card]{display:block !important;grid-template-columns:none !important;gap:0 !important;padding:30px 26px 28px !important;margin-bottom:12px !important} [data-depth-card]>*:last-child,[data-depth-card]>*:last-child>*:last-child,[data-depth-card]>*:last-child>*:last-child>*:last-child{margin-bottom:0 !important} [data-depth-card][data-depth-card] :is(h2,h3,h4){margin-bottom:13px !important} [data-depth-card]>h2{position:static !important;top:auto !important;font-size:25px !important;line-height:1.1 !important;margin:0 0 14px !important} [data-depth-card]>*{min-width:0 !important;max-width:100% !important} [data-depth-card] div[style*="font-size:16px"], [data-depth-card] div[style*="font-size: 16px"]{font-size:15.5px !important;line-height:1.65 !important} [data-depth-card]::before{top:12px !important;left:12px !important} [data-depth-card]::after{bottom:12px !important;right:12px !important} [data-photoid-stage]{transform:scale(.62) !important;transform-origin:center center !important;margin:-103px 0 !important} [data-photoid-stage-col]{min-height:352px !important;align-items:center !important;justify-content:center !important} [data-photoid-stage] div[style*="left:6px;bottom:182px"], [data-photoid-stage] div[style*="left: 6px;bottom: 182px"]{left:40px !important} /* phone proportions: 232x404 (1.74:1) reads squat — narrow to a real handset ratio */ [data-photoid-stage] div[style*="width:232px"],[data-photoid-stage] div[style*="width: 232px"], /* phone proportions: 232x404 (1.74:1) reads squat — narrow to a real handset ratio */ [data-photoid-stage] div[style*="width: 232px"], [data-photoid-stage] div[style*="width:232px"]{width:198px !important;left:93px !important;top:18px !important} [data-photoid-stage] div[style*="height:8px"],[data-photoid-stage] div[style*="height: 8px"]{width:64px !important} [data-sa-icon]{display:none !important} a[data-svc-card]{min-height:300px !important;display:flex !important;flex-direction:column !important} a[data-svc-card]>div:last-of-type{margin-top:auto !important} [data-why-innov8],[data-acc-strip-hide]{display:none !important} :is(div,section,article)[data-screen-label] :is(h1,h2,h3,h4){white-space:normal !important;overflow-wrap:break-word !important;max-width:100% !important} } /* hero h1 gradient sweep is set on the page (data-hdr-sweep) */ /* ===== SITEWIDE MOBILE COMPACTION (v89) — less scrolling on every page ===== */ /* ===== PROJECT CARDS — mobile compaction ===== */ /* project photos keep their full size on mobile */ /* ===== FRESH OFF SITE cards — box matches each photo's aspect so nothing is cropped ===== */ /* ===== Accreditation ticks — top right on mobile so they clear the copy ===== */ /* ===== Service box photos fill their panel on mobile (no letterboxing) ===== */ /* ===== Industrial cleaning: 292px fixed rows created dead space when stacked ===== */ /* ===== In-depth cards: clear the corner-bracket graphic on mobile ===== */ /* ===== Free Photo ID: smaller phone + chat bubble fully in view on mobile ===== */ /* ===== Survey analyser: drop the standalone upload icon on mobile ===== */ /* ===== Home service cards: equal height on mobile ===== */ /* ===== Accreditation bar removed on mobile (sector + service pages) ===== */ /* ===== Headings must wrap, never clip at the section edge (mobile) ===== */ /* ===== Desktop section rhythm — compaction pass, 15 Aug 2026 ===== 1360px section wrappers only; horizontal padding untouched. Both style-attribute spellings (spaced + unspaced) — browsers normalise the attribute at runtime, so a single spelling silently misses. */ @media (min-width:768px){ :is(div,section)[style*="max-width:1360px"][style*="padding:124px 48px 96px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 124px 48px 96px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 124px 48px 96px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:124px 48px 96px"]{padding-top:76px !important;padding-bottom:56px !important} :is(div,section)[style*="max-width:1360px"][style*="padding:72px 48px 80px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 72px 48px 80px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 72px 48px 80px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:72px 48px 80px"]{padding-top:48px !important;padding-bottom:52px !important} :is(div,section)[style*="max-width:1360px"][style*="padding:72px 48px 60px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 72px 48px 60px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 72px 48px 60px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:72px 48px 60px"]{padding-top:48px !important;padding-bottom:40px !important} :is(div,section)[style*="max-width:1360px"][style*="padding:64px 48px 64px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 64px 48px 64px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 64px 48px 64px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:64px 48px 64px"]{padding-top:44px !important;padding-bottom:44px !important} :is(div,section)[style*="max-width:1360px"][style*="padding:56px 48px 56px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 56px 48px 56px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 56px 48px 56px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:56px 48px 56px"]{padding-top:40px !important;padding-bottom:40px !important} :is(div,section)[style*="max-width:1360px"][style*="padding:52px 48px 64px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 52px 48px 64px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 52px 48px 64px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:52px 48px 64px"]{padding-top:36px !important;padding-bottom:44px !important} :is(div,section)[style*="max-width:1360px"][style*="padding:48px 48px 84px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 48px 48px 84px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 48px 48px 84px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:48px 48px 84px"]{padding-top:36px !important;padding-bottom:56px !important} :is(div,section)[style*="max-width:1360px"][style*="padding:48px 48px 80px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 48px 48px 80px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 48px 48px 80px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:48px 48px 80px"]{padding-top:36px !important;padding-bottom:52px !important} :is(div,section)[style*="max-width:1360px"][style*="padding:40px 48px 40px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 40px 48px 40px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 40px 48px 40px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:40px 48px 40px"]{padding-top:30px !important;padding-bottom:30px !important} :is(div,section)[style*="max-width:1360px"][style*="padding:0px 48px 80px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 0px 48px 80px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 0px 48px 80px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:0px 48px 80px"]{padding-top:0 !important;padding-bottom:52px !important} :is(div,section)[style*="max-width:1360px"][style*="padding:0 48px 80px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 0 48px 80px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 0 48px 80px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:0 48px 80px"]{padding-top:0 !important;padding-bottom:52px !important} :is(div,section)[style*="max-width:1360px"][style*="padding:0px 48px 56px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 0px 48px 56px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 0px 48px 56px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:0px 48px 56px"]{padding-top:0 !important;padding-bottom:40px !important} :is(div,section)[style*="max-width:1360px"][style*="padding:0 48px 56px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 0 48px 56px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 0 48px 56px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:0 48px 56px"]{padding-top:0 !important;padding-bottom:40px !important} :is(div,section)[style*="max-width: 1360px"][style*="padding: 56px 48px;"],:is(div,section)[style*="max-width:1360px"][style*="padding: 56px 48px;"],:is(div,section)[style*="max-width: 1360px"][style*="padding:56px 48px;"],:is(div,section)[style*="max-width:1360px"][style*="padding:56px 48px;"],:is(div,section)[style*="max-width: 1360px"][style$="padding: 56px 48px"],:is(div,section)[style*="max-width:1360px"][style$="padding: 56px 48px"],:is(div,section)[style*="max-width: 1360px"][style$="padding:56px 48px"],:is(div,section)[style*="max-width:1360px"][style$="padding:56px 48px"]{padding-top:40px !important;padding-bottom:40px !important} :is(div,section)[style*="max-width: 1360px"][style*="padding: 48px 48px;"],:is(div,section)[style*="max-width:1360px"][style*="padding: 48px 48px;"],:is(div,section)[style*="max-width: 1360px"][style*="padding:48px 48px;"],:is(div,section)[style*="max-width:1360px"][style*="padding:48px 48px;"],:is(div,section)[style*="max-width: 1360px"][style$="padding: 48px 48px"],:is(div,section)[style*="max-width:1360px"][style$="padding: 48px 48px"],:is(div,section)[style*="max-width: 1360px"][style$="padding:48px 48px"],:is(div,section)[style*="max-width:1360px"][style$="padding:48px 48px"]{padding-top:36px !important;padding-bottom:36px !important} :is(div,section)[style*="max-width: 1360px"][style*="padding: 40px 48px;"],:is(div,section)[style*="max-width:1360px"][style*="padding: 40px 48px;"],:is(div,section)[style*="max-width: 1360px"][style*="padding:40px 48px;"],:is(div,section)[style*="max-width:1360px"][style*="padding:40px 48px;"],:is(div,section)[style*="max-width: 1360px"][style$="padding: 40px 48px"],:is(div,section)[style*="max-width:1360px"][style$="padding: 40px 48px"],:is(div,section)[style*="max-width: 1360px"][style$="padding:40px 48px"],:is(div,section)[style*="max-width:1360px"][style$="padding:40px 48px"]{padding-top:30px !important;padding-bottom:30px !important} :is(div,section)[style*="max-width: 1360px"][style*="padding: 64px 48px;"],:is(div,section)[style*="max-width:1360px"][style*="padding: 64px 48px;"],:is(div,section)[style*="max-width: 1360px"][style*="padding:64px 48px;"],:is(div,section)[style*="max-width:1360px"][style*="padding:64px 48px;"],:is(div,section)[style*="max-width: 1360px"][style$="padding: 64px 48px"],:is(div,section)[style*="max-width:1360px"][style$="padding: 64px 48px"],:is(div,section)[style*="max-width: 1360px"][style$="padding:64px 48px"],:is(div,section)[style*="max-width:1360px"][style$="padding:64px 48px"]{padding-top:44px !important;padding-bottom:44px !important} :is(div,section)[style*="max-width: 1360px"][style*="padding: 72px 48px;"],:is(div,section)[style*="max-width:1360px"][style*="padding: 72px 48px;"],:is(div,section)[style*="max-width: 1360px"][style*="padding:72px 48px;"],:is(div,section)[style*="max-width:1360px"][style*="padding:72px 48px;"],:is(div,section)[style*="max-width: 1360px"][style$="padding: 72px 48px"],:is(div,section)[style*="max-width:1360px"][style$="padding: 72px 48px"],:is(div,section)[style*="max-width: 1360px"][style$="padding:72px 48px"],:is(div,section)[style*="max-width:1360px"][style$="padding:72px 48px"]{padding-top:48px !important;padding-bottom:48px !important} :is(div,section)[style*="max-width:1360px"][style*="padding:8px 48px 64px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 8px 48px 64px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 8px 48px 64px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:8px 48px 64px"]{padding-top:8px !important;padding-bottom:44px !important} :is(div,section)[style*="max-width:1360px"][style*="padding:36px 48px 32px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 36px 48px 32px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 36px 48px 32px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:36px 48px 32px"]{padding-top:28px !important;padding-bottom:24px !important} :is(div,section)[style*="max-width:1360px"][style*="padding:36px 48px 28px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 36px 48px 28px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 36px 48px 28px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:36px 48px 28px"]{padding-top:28px !important;padding-bottom:22px !important} :is(div,section)[style*="max-width:1360px"][style*="padding:48px 48px 24px"],:is(div,section)[style*="max-width: 1360px"][style*="padding: 48px 48px 24px"],:is(div,section)[style*="max-width:1360px"][style*="padding: 48px 48px 24px"],:is(div,section)[style*="max-width: 1360px"][style*="padding:48px 48px 24px"]{padding-top:36px !important;padding-bottom:18px !important} :is(div,section)[style*="max-width: 1360px"][style*="padding: 72px;"],:is(div,section)[style*="max-width:1360px"][style*="padding: 72px;"],:is(div,section)[style*="max-width: 1360px"][style*="padding:72px;"],:is(div,section)[style*="max-width:1360px"][style*="padding:72px;"]{padding-top:48px !important;padding-bottom:48px !important} :is(div,section)[style*="max-width: 1360px"][style*="padding: 64px;"],:is(div,section)[style*="max-width:1360px"][style*="padding: 64px;"],:is(div,section)[style*="max-width: 1360px"][style*="padding:64px;"],:is(div,section)[style*="max-width:1360px"][style*="padding:64px;"]{padding-top:44px !important;padding-bottom:44px !important} :is(div,section)[style*="max-width: 1360px"][style*="padding: 56px;"],:is(div,section)[style*="max-width:1360px"][style*="padding: 56px;"],:is(div,section)[style*="max-width: 1360px"][style*="padding:56px;"],:is(div,section)[style*="max-width:1360px"][style*="padding:56px;"]{padding-top:40px !important;padding-bottom:40px !important} :is(div,section)[style*="max-width: 1360px"][style*="padding: 48px;"],:is(div,section)[style*="max-width:1360px"][style*="padding: 48px;"],:is(div,section)[style*="max-width: 1360px"][style*="padding:48px;"],:is(div,section)[style*="max-width:1360px"][style*="padding:48px;"]{padding-top:36px !important;padding-bottom:36px !important} :is(div,section)[style*="max-width: 1360px"][style*="padding: 40px;"],:is(div,section)[style*="max-width:1360px"][style*="padding: 40px;"],:is(div,section)[style*="max-width: 1360px"][style*="padding:40px;"],:is(div,section)[style*="max-width:1360px"][style*="padding:40px;"]{padding-top:30px !important;padding-bottom:30px !important} } /* ===== sitewide FAQ + guide tidiness (all widths) ===== */ details[data-faq] summary{position:relative !important;padding-right:58px !important;min-height:26px !important} details[data-faq] summary::after{right:14px !important} details[data-faq] summary>*{padding-right:0 !important} /* FAQ sections that were butting straight onto the block above (inline padding-top:0) */ :is(div,section,article)[data-screen-label*="FAQ"][style*="padding:0 "], :is(div,section,article)[data-screen-label*="FAQ"][style*="padding: 0px "], :is(div,section,article)[data-screen-label*="Faq"][style*="padding:0 "], :is(div,section,article)[data-screen-label*="Faq"][style*="padding: 0px "], /* FAQ sections that were butting straight onto the block above (inline padding-top:0) */ :is(div,section,article)[data-screen-label*="FAQ"][style*="padding: 0 "], :is(div,section,article)[data-screen-label*="FAQ"][style*="padding:0px "], :is(div,section,article)[data-screen-label*="Faq"][style*="padding: 0 "], :is(div,section,article)[data-screen-label*="Faq"][style*="padding:0px "]{padding-top:44px !important} @media (max-width:767px){ :is(div,section,article)[data-screen-label*="FAQ"][style*="padding:0 "], :is(div,section,article)[data-screen-label*="FAQ"][style*="padding: 0px "], :is(div,section,article)[data-screen-label*="Faq"][style*="padding:0 "], :is(div,section,article)[data-screen-label*="Faq"][style*="padding: 0px "], :is(div,section,article)[data-screen-label*="FAQ"][style*="padding: 0 "], :is(div,section,article)[data-screen-label*="FAQ"][style*="padding:0px "], :is(div,section,article)[data-screen-label*="Faq"][style*="padding: 0 "], :is(div,section,article)[data-screen-label*="Faq"][style*="padding:0px "]{padding-top:28px !important} } @media (max-width:767px) and (prefers-reduced-motion:reduce){ :is(div,section,article)[data-screen-label="Metrics bar"]>*>*{animation:none !important;visibility:hidden} :is(div,section,article)[data-screen-label="Metrics bar"]>*>*:nth-child(1){visibility:visible} :is(div,section,article)[data-screen-label="Metrics bar"]>*>*>*{animation:none !important;opacity:1 !important;translate:none !important} } @media (max-width:767px){:is(div,section,article)[data-screen-label="Metrics bar"]{padding:0 !important} [data-screen-label="Home services"] [data-svc-card][style*="svc-"]:not(:first-child){padding:18px 18px !important;gap:9px !important;min-height:0 !important} [data-screen-label="Home services"] [data-svc-card][style*="svc-"]:not(:first-child)>span:first-child{width:38px !important;height:38px !important;border-radius:10px !important} [data-screen-label="Home services"] [data-svc-card][style*="svc-"]:not(:first-child)>div:nth-child(2){font-size:24px !important;line-height:1.02 !important} [data-screen-label="Home services"] [data-svc-card][style*="svc-"]:not(:first-child)>div:nth-child(3){font-size:13px !important;line-height:1.45 !important} [data-screen-label="Home services"] [data-svc-card][style*="svc-"]:not(:first-child)>div:nth-child(4){font-size:13px !important;padding-top:4px !important} /* services page: hide the material chip row inside the featured removal card */ #asbestos-removal div[style*="flex-wrap:wrap"]:has(>span[style*="border:1.5px solid rgba(19,17,18"]), #asbestos-removal div[style*="flex-wrap: wrap"]:has(>span[style*="1.5px solid rgba(19, 17, 18"]), /* services page: hide the material chip row inside the featured removal card */ #asbestos-removal div[style*="flex-wrap: wrap"]:has(>span[style*="border: 1.5px solid rgba(19,17,18"]), #asbestos-removal div[style*="flex-wrap:wrap"]:has(>span[style*="1.5px solid rgba(19, 17, 18"]){display:none !important} html body [data-guides-2b],html body [data-cta-glow]:has([data-gslats]){padding:20px 16px !important} html body [data-gslats]{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;height:auto !important;flex-wrap:unset !important} html body [data-gslats]>a{flex:none !important;display:flex !important;flex-direction:column !important;justify-content:flex-end !important;height:92px !important;padding:0 !important;border-radius:9px !important;min-width:0 !important} html body [data-gslats]>a>span:nth-child(3){position:static !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;height:auto !important;padding:0 10px 9px !important;z-index:2 !important} html body [data-gslats]>a>span:nth-child(3)>span:first-child{font-size:13.5px !important;white-space:nowrap !important;line-height:1 !important} html body [data-guides-2b] a[style*="border-radius:999px"], html body [data-guides-2b] a[style*="border-radius: 999px"]{white-space:nowrap !important;font-size:12.5px !important;letter-spacing:.03em !important;padding:11px 18px !important;justify-content:center !important;gap:7px !important} html body [data-gslats]>a>span:nth-child(3)>span:nth-child(2){display:none !important} html body [data-screen-label="Signs of asbestos"] div[style*="repeat(3,1fr)"],html body [data-screen-label="Signs of asbestos"] div[style*="repeat(3, 1fr)"]{grid-template-columns:1fr !important;gap:6px !important;margin-top:6px !important} html body [data-screen-label="Signs of asbestos"] div[style*="repeat(3,1fr)"]>*,html body [data-screen-label="Signs of asbestos"] div[style*="repeat(3, 1fr)"]>*{display:grid !important;grid-template-columns:30px 1fr !important;align-items:center !important;gap:9px !important;padding:8px 11px !important;border-radius:8px !important;min-height:0 !important} html body [data-screen-label="Signs of asbestos"] div[style*="repeat(3,1fr)"]>*>div:nth-child(1),html body [data-screen-label="Signs of asbestos"] div[style*="repeat(3, 1fr)"]>*>div:nth-child(1){grid-row:1/span 2 !important;font-size:17px !important;text-align:center !important;line-height:1 !important} html body [data-screen-label="Signs of asbestos"] div[style*="repeat(3,1fr)"]>*>div:nth-child(2),html body [data-screen-label="Signs of asbestos"] div[style*="repeat(3, 1fr)"]>*>div:nth-child(2){grid-column:2 !important;margin:0 !important;font-size:13.5px !important;line-height:1.1 !important;align-self:end !important} html body [data-screen-label="Signs of asbestos"] div[style*="repeat(3,1fr)"]>*>div:nth-child(3),html body [data-screen-label="Signs of asbestos"] div[style*="repeat(3, 1fr)"]>*>div:nth-child(3){grid-column:2 !important;margin:1px 0 0 !important;font-size:11.5px !important;line-height:1.33 !important;align-self:start !important} html body [data-screen-label="Signs of asbestos"] [data-step-arrow]{display:none !important} html body [data-screen-label="Signs of asbestos"] [data-photoid-ctas]{gap:7px !important;margin-top:10px !important} html body [data-screen-label="Signs of asbestos"] [data-photoid-ctas]>a{flex:1 1 100% !important;justify-content:center !important;padding:11px 16px !important;font-size:13.5px !important} /* drop the long lead paragraph on phones — the 3 steps say it faster */ html body [data-screen-label="Signs of asbestos"] div[style*="font-size:16px;line-height:1.7"], /* drop the long lead paragraph on phones — the 3 steps say it faster */ html body [data-screen-label="Signs of asbestos"] div[style*="font-size: 16px;line-height: 1.7"]{display:none !important} html body [data-screen-label="Signs of asbestos"] div[style*="grid-template-columns:.9fr 1.1fr"], html body [data-screen-label="Signs of asbestos"] div[style*="grid-template-columns: .9fr 1.1fr"]{padding:14px 16px 16px !important;gap:14px !important} /* phone stage: tighter frame, no dead space under the handset */ html body [data-screen-label="Signs of asbestos"] [data-photoid-stage-col]{margin-top:12px !important} html body [data-screen-label="Signs of asbestos"] [data-photoid-stage]{transform:scale(.62) !important;transform-origin:top center !important;height:272px !important} html body [data-screen-label="Signs of asbestos"] div[style*="bottom:14px;right:16px"], html body [data-screen-label="Signs of asbestos"] div[style*="bottom: 14px;right: 16px"]{white-space:nowrap !important;font-size:10.5px !important;letter-spacing:.14em !important} html body [data-screen-label="Signs of asbestos"] span[style*="letter-spacing:.2em"], html body [data-screen-label="Signs of asbestos"] span[style*="letter-spacing: .2em"]{white-space:nowrap !important} /* at 0.62 the two bubbles collided — reply top-right, question lower-left */ html body [data-photoid-stage] [data-pid-q]{left:10px !important;right:auto !important;top:auto !important;bottom:150px !important;width:146px !important} html body [data-photoid-stage] [data-pid-r]{top:322px !important;bottom:auto !important;left:auto !important;right:6px !important;width:158px !important} html body [data-photoid-stage] [data-pid-r] div[style*="min-height:50px"], html body [data-photoid-stage] [data-pid-r] div[style*="min-height: 50px"]{min-height:62px !important} html body div:has(> .rvt){display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important} html body .rvt,html body .rvtp{min-height:0 !important;height:82px !important;border-radius:9px !important;padding:8px 10px !important;overflow:hidden !important;position:relative !important;display:flex !important;flex-direction:column !important;justify-content:flex-end !important} html body .rvt .rv-num{font-size:10px !important;padding:2px 6px !important;line-height:1 !important;align-self:flex-start !important;margin-bottom:auto !important} html body .rvt .rv-lbl{font-size:14px !important;line-height:1.05 !important;font-family:'Barlow Condensed',sans-serif !important;font-weight:700 !important;text-transform:uppercase !important} html body .rvt .rv-sub,html body .rvt .rv-arrow,html body .rvt .rv-go{display:none !important} html body div:has(> a.scp6[href*="guide-"]){grid-template-columns:1fr 1fr !important;gap:8px !important} html body a.scp6[href*="guide-"]{padding:0 !important;height:82px !important;border-radius:9px !important;position:relative !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;justify-content:flex-end !important;box-sizing:border-box !important} html body a.scp6[href*="guide-"]>img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;opacity:.42 !important;margin:0 !important;border-radius:0 !important} html body a.scp6[href*="guide-"]>div:nth-child(2){position:relative !important;font-family:'Barlow Condensed',sans-serif !important;font-size:14px !important;font-weight:700 !important;text-transform:uppercase !important;line-height:1.05 !important;margin:0 !important;padding:0 10px 8px !important} html body a.scp6[href*="guide-"]>div:nth-child(3),html body a.scp6[href*="guide-"]>div:nth-child(4){display:none !important} html body [data-screen-label="Related services"] a.scpf{position:relative !important;overflow:hidden !important;min-height:0 !important;height:100px !important;box-sizing:border-box !important;padding:13px 42px 13px 15px !important;border-radius:10px !important;border:1px solid rgba(111,172,70,.3) !important;background-image:radial-gradient(120% 90% at 100% 0%,rgba(111,172,70,.22),transparent 62%) !important;box-shadow:0 0 20px rgba(111,172,70,.08) !important;display:block !important} html body [data-screen-label="Related services"] a.scpf::before{content:"" !important;position:absolute !important;left:0 !important;top:14% !important;bottom:14% !important;width:3px !important;border-radius:0 3px 3px 0 !important;background:linear-gradient(#6fac46,rgba(111,172,70,.25)) !important} html body [data-screen-label="Related services"] a.scpf::after{content:"→" !important;position:absolute !important;right:15px !important;top:50% !important;translate:0 -50% !important;color:#8cc463 !important;font-size:15px !important;font-weight:900 !important} html body [data-screen-label="Related services"] a.scpf>div:nth-child(1){font-size:19px !important;line-height:1.05 !important;margin-bottom:3px !important} html body [data-screen-label="Related services"] a.scpf>div:nth-child(2){font-size:12.5px !important;line-height:1.4 !important;max-height:36px !important;overflow:hidden !important} html body [data-screen-label="Related services"] a.scpf>div:nth-child(3){display:none !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]{grid-template-columns:1fr !important;gap:8px !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a{position:relative !important;overflow:hidden !important;display:grid !important;grid-template-columns:26px 1fr !important;grid-template-rows:auto auto !important;align-content:center !important;column-gap:10px !important;row-gap:2px !important;height:56px !important;box-sizing:border-box !important;padding:0 30px 0 14px !important;border-radius:10px !important;background:#242021 !important;background-image:radial-gradient(120% 100% at 100% 0%,rgba(111,172,70,.18),transparent 62%) !important;border:1px solid rgba(111,172,70,.26) !important;transform:none !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a::before{content:"" !important;position:absolute !important;left:0 !important;top:18% !important;bottom:18% !important;width:3px !important;border-radius:0 3px 3px 0 !important;background:linear-gradient(#6fac46,rgba(111,172,70,.2)) !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a::after{content:"→" !important;position:absolute !important;right:13px !important;top:50% !important;translate:0 -50% !important;color:#8cc463 !important;font-size:14px !important;font-weight:900 !important;line-height:1 !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a[href^="tel:"]{background:#6fac46 !important;background-image:radial-gradient(120% 100% at 100% -10%,rgba(255,255,255,.22),transparent 60%) !important;border-color:#6fac46 !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a[href^="tel:"]::before{background:#131112 !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a[href^="tel:"]::after{color:#131112 !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a>span:first-child{display:none !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a>span:nth-of-type(2){grid-column:1 !important;grid-row:1/span 2 !important;align-self:center !important;width:26px !important;height:26px !important;min-width:26px !important;margin:0 !important;border-radius:50% !important;flex:none !important;box-sizing:border-box !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a[href^="tel:"]>span:nth-of-type(2){background:#131112 !important;border-color:#131112 !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a>span:nth-of-type(2)>svg{width:13px !important;height:13px !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a>div:nth-of-type(1){grid-column:2 !important;grid-row:1 !important;align-self:end !important;font-size:11px !important;letter-spacing:.16em !important;line-height:1 !important;margin:0 !important;padding:0 !important;white-space:nowrap !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a[href^="tel:"]>div:nth-of-type(1){color:rgba(19,17,18,.7) !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a>div:nth-of-type(2){grid-column:2 !important;grid-row:2 !important;align-self:start !important;font-size:14px !important;font-weight:800 !important;line-height:1.2 !important;margin:0 !important;padding:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a[href^="tel:"]>div:nth-of-type(2){font-size:16px !important;font-weight:900 !important;letter-spacing:.01em !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a>div:nth-of-type(n+3){display:none !important} /* rows whose value is a sentence, not a number: label leads, sentence supports */ html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a:not([href^="tel:"]):not([href^="mailto:"])>div:nth-of-type(1){font-family:'Barlow Condensed',sans-serif !important;font-size:16px !important;font-weight:700 !important;letter-spacing:.05em !important;color:#fff !important;text-transform:uppercase !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a:not([href^="tel:"]):not([href^="mailto:"])>div:nth-of-type(2){font-size:11.5px !important;font-weight:600 !important;color:rgba(255,255,255,.6) !important;letter-spacing:0 !important} /* circling orbit on contact row icons */ html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a>span:nth-of-type(2){position:relative !important;overflow:visible !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a>span:nth-of-type(2)::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid transparent;border-top-color:#8cc463;animation:i8OrbitArc 2.8s linear infinite;pointer-events:none} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a[href^="tel:"]>span:nth-of-type(2)::after{border-top-color:#131112} html body :is(div,section)[data-screen-label="Home process"] div[style*="repeat(4"]{grid-template-columns:1fr !important;gap:8px !important} html body :is(div,section)[data-screen-label="Home process"] div[style*="repeat(4"]>div{display:grid !important;grid-template-columns:34px 1fr !important;column-gap:12px !important;row-gap:2px !important;align-content:center !important;padding:12px 14px !important;border-radius:9px !important;box-sizing:border-box !important} html body :is(div,section)[data-screen-label="Home process"] div[style*="repeat(4"]>div>div:nth-of-type(1){grid-column:1 !important;grid-row:1/span 2 !important;align-self:center !important;display:block !important;margin:0 !important} html body :is(div,section)[data-screen-label="Home process"] div[style*="repeat(4"]>div>div:nth-of-type(1) span{width:30px !important;height:30px !important;font-size:12px !important} html body :is(div,section)[data-screen-label="Home process"] div[style*="repeat(4"]>div>div:nth-of-type(2){grid-column:2 !important;grid-row:1 !important;align-self:end !important;font-family:'Barlow Condensed',sans-serif !important;font-size:18px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.02em !important;line-height:1.05 !important;margin:0 !important} html body :is(div,section)[data-screen-label="Home process"] div[style*="repeat(4"]>div>div:nth-of-type(3){grid-column:2 !important;grid-row:2 !important;align-self:start !important;font-size:12.5px !important;line-height:1.4 !important;margin:2px 0 0 !important} html body :is(div,section)[data-screen-label="Home process"] div[style*="repeat(4"]>div>div:nth-of-type(4){display:none !important} html body :is(div,section)[data-screen-label="What we offer"] div[style*="flex-direction:column"][style*="gap:14px"],html body :is(div,section)[data-screen-label="What we offer"] div[style*="flex-direction: column"][style*="gap: 14px"]{gap:8px !important} html body :is(div,section)[data-screen-label="What we offer"] div[style*="border-width:1px 1px 1px 3px"],html body :is(div,section)[data-screen-label="What we offer"] div[style*="border-width: 1px 1px 1px 3px"]{padding:12px 14px !important;gap:11px !important;border-radius:9px !important;align-items:center !important} html body :is(div,section)[data-screen-label="What we offer"] div[style*="border-width:1px 1px 1px 3px"]>div:first-child,html body :is(div,section)[data-screen-label="What we offer"] div[style*="border-width: 1px 1px 1px 3px"]>div:first-child{width:30px !important;height:30px !important;min-width:30px !important;font-size:12px !important;flex:none !important;display:flex !important;align-items:center !important;justify-content:center !important} html body :is(div,section)[data-screen-label="What we offer"] div[style*="border-width:1px 1px 1px 3px"]>div:last-child>*:first-child,html body :is(div,section)[data-screen-label="What we offer"] div[style*="border-width: 1px 1px 1px 3px"]>div:last-child>*:first-child{font-family:'Barlow Condensed',sans-serif !important;font-size:18px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.02em !important;line-height:1.05 !important;margin-bottom:3px !important} html body :is(div,section)[data-screen-label="What we offer"] div[style*="border-width:1px 1px 1px 3px"]>div:last-child>*:nth-child(2),html body :is(div,section)[data-screen-label="What we offer"] div[style*="border-width: 1px 1px 1px 3px"]>div:last-child>*:nth-child(2){font-size:12.5px !important;line-height:1.4 !important;margin:0 !important} html body :is(div,section)[data-screen-label="Material guides link"] h2{font-size:22px !important;line-height:1.02 !important;margin-bottom:8px !important} html body :is(div,section)[data-screen-label="Material guides link"] div[style*="font-size:15px"],html body :is(div,section)[data-screen-label="Material guides link"] div[style*="font-size: 15px"]{font-size:12.5px !important;line-height:1.45 !important;display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;margin-bottom:12px !important} html body :is(div,section)[data-screen-label="Material guides link"] span[style*="font-size:120px"],html body :is(div,section)[data-screen-label="Material guides link"] span[style*="font-size: 120px"]{font-size:64px !important} html body :is(div,section)[data-screen-label="Signs of asbestos"] h2{font-size:22px !important;line-height:1.03 !important} html body :is(div,section)[data-screen-label="Signs of asbestos"] div[style*="font-size:15.5px"],html body :is(div,section)[data-screen-label="Signs of asbestos"] div[style*="font-size: 15.5px"]{font-size:12.5px !important;line-height:1.5 !important} html body :is(div,section)[data-screen-label="Signs of asbestos"] div[style*="font-size:220px"],html body :is(div,section)[data-screen-label="Signs of asbestos"] div[style*="font-size: 220px"]{font-size:110px !important} html body :is(div,section)[data-screen-label="Material guides"]>div{padding:24px 16px !important} html body :is(div,section)[data-screen-label="Material guides"] h2{font-size:31px !important;margin-bottom:10px !important} html body :is(div,section)[data-screen-label="Material guides"] div[style*="font-size:15.5px"],html body :is(div,section)[data-screen-label="Material guides"] div[style*="font-size: 15.5px"]{font-size:13.5px !important;line-height:1.5 !important;margin-bottom:16px !important} /* hero guide card: stop the two cramped columns, cap the photo */ html body :is(div,section)[data-screen-label="Material guides"] a[style*="1.1fr 1.6fr"]{grid-template-columns:1fr !important;border-radius:10px !important} html body :is(div,section)[data-screen-label="Material guides"] a[style*="1.1fr 1.6fr"]>div:first-child{min-height:132px !important} html body :is(div,section)[data-screen-label="Material guides"] a[style*="1.1fr 1.6fr"]>div:nth-child(2){padding:15px 16px 16px !important;gap:9px !important} html body :is(div,section)[data-screen-label="Material guides"] a[style*="1.1fr 1.6fr"]>div:nth-child(2) h3,html body :is(div,section)[data-screen-label="Material guides"] a[style*="1.1fr 1.6fr"]>div:nth-child(2)>div:nth-child(2){font-size:24px !important;line-height:1.05 !important} /* the drag shelf: smaller slats */ html body :is(div,section)[data-screen-label="Material guides"] div[style*="margin-top:64px"],html body :is(div,section)[data-screen-label="Material guides"] div[style*="margin-top: 64px"], /* the drag shelf: smaller slats */ html body :is(div,section)[data-screen-label="Material guides"] div[style*="margin-top: 64px"], html body :is(div,section)[data-screen-label="Material guides"] div[style*="margin-top:64px"]{margin-top:26px !important} html body :is(div,section)[data-screen-label="Material guides"] [data-shelf]{gap:8px !important;padding-bottom:6px !important} html body :is(div,section)[data-screen-label="Material guides"] [data-shelf]>a{flex:0 0 164px !important;border-radius:9px !important} html body :is(div,section)[data-screen-label="Material guides"] [data-shelf]>a>img{height:84px !important} html body :is(div,section)[data-screen-label="Material guides"] [data-shelf]>a>div{padding:10px 12px 11px !important;gap:4px !important} html body :is(div,section)[data-screen-label="Material guides"] [data-shelf]>a>div>div:nth-child(2){font-size:15px !important;line-height:1.05 !important} html body :is(div,section)[data-screen-label="Material guides"] [data-shelf]>a>div>div:nth-child(n+3){display:none !important} /* photo ID: the text/phone pair must stack, or the phone is crushed to a sliver */ html body :is(div,section)[data-screen-label="Signs of asbestos"] div:has(> [data-photoid-stage-col]){grid-template-columns:1fr !important;gap:14px !important} html body :is(div,section)[data-screen-label="Signs of asbestos"] [data-photoid-stage-col]{width:100% !important;min-width:0 !important;justify-self:center !important} html body :is(div,section)[data-screen-label="Signs of asbestos"] [data-photoid-stage]{margin:0 auto !important} html body [data-guides-2b] a[style*="border-radius:999px"],html body a[data-gpill-x], html body [data-guides-2b] a[style*="border-radius: 999px"]{display:none !important} html body [data-guides-2b] details[data-gdir]{display:block !important} html body [data-guides-2b] details[data-gdir] summary::-webkit-details-marker{display:none} /* guides box: tiles first, pill/directory after (option C order) */ html body [data-guides-2b]{display:flex !important;flex-direction:column !important} html body [data-guides-2b]>div:has(>details[data-gdir]){display:contents !important} html body [data-guides-2b] [data-gslats]{order:1 !important} html body [data-guides-2b] details[data-gdir]{order:2 !important;margin-top:14px !important} } /* ===== home services: the four dark cards were far looser than the rest ===== */ /* ===== 8b: material guide tiles, 2-up compact ===== */ /* ===== 9c: photo ID steps — compact rows, phone stage reduced ===== */ /* ===== materials we find here: compact 2-up tiles (sectors, services, towns) ===== */ /* ===== town/service material cards: compact 2-up tiles ===== */ /* ===== related services: compact glowing rows ===== */ /* ===== 10b: contact us as compact action rows ===== */ /* ===== home process: number inline, compact rows ===== */ /* ===== core principles: compact ===== */ /* ===== guides + photo ID: compact the copy above the cards ===== */ /* ===== news-style Material guides: hero card + shelf, compact ===== */ @media (max-width:767px) and (prefers-reduced-motion:reduce){ html body [data-mb-item]{animation:none !important;visibility:hidden} html body [data-mb-item]:nth-child(1){visibility:visible} html body [data-mb-item]>*{animation:none !important;opacity:1 !important} } @media (max-width:767px){ /* pill links that the runtime inflates into tall boxes: force pill geometry */ html body a[style*="padding:13px 26px"][style*="border-radius:999px"], html body a[href="https://www.innov8-group.co.uk/projects"][style*="border-radius:999px"], /* pill links that the runtime inflates into tall boxes: force pill geometry */ html body a[style*="padding: 13px 26px"][style*="border-radius: 999px"], html body a[href="https://www.innov8-group.co.uk/projects"][style*="border-radius: 999px"]{ display:inline-flex !important;align-items:center !important;justify-content:center !important; width:auto !important;height:auto !important;min-height:0 !important;max-width:100% !important; padding:13px 24px !important;white-space:nowrap !important;line-height:1 !important;border-radius:999px !important} html body [data-screen-label="Overview"] h2{font-size:30px !important} html body [data-screen-label="Overview"] p{font-size:14.5px !important;line-height:1.65 !important} html body [data-screen-label="Scope of works"] h2{font-size:27px !important} html body [data-screen-label="Scope of works"] [data-scope-cols] p{font-size:14px !important;line-height:1.62 !important;margin:0 0 12px !important} /* big block headings (Coningsby style) -> John Fisher's compact green sub-head */ html body [data-screen-label="Scope of works"] [data-scope-cols] div[style*="font-size:22px"], /* big block headings (Coningsby style) -> John Fisher's compact green sub-head */ html body [data-screen-label="Scope of works"] [data-scope-cols] div[style*="font-size: 22px"]{font-size:16px !important;letter-spacing:.1em !important;margin:18px 0 8px !important} /* JF-style inline sub-heads: match scale */ html body [data-screen-label="Scope of works"] [data-scope-cols] p[style*="text-transform:uppercase"], /* JF-style inline sub-heads: match scale */ html body [data-screen-label="Scope of works"] [data-scope-cols] p[style*="text-transform: uppercase"]{font-size:15px !important;margin:16px 0 8px !important} html body [data-screen-label="Scope of works"] [data-scope-cols] p[style*="text-transform:uppercase"]>span, html body [data-screen-label="Scope of works"] [data-scope-cols] p[style*="text-transform: uppercase"]>span{font-size:14px !important;line-height:1.62 !important} } /* ===== case studies: one template feel — Overview/Scope typography unified ===== */ /* ===== FAQ width, reviews padding, question badges (all widths) ===== */ :is(div,section,article)[data-screen-label*="FAQ"][style*="max-width:1000px"], :is(div,section,article)[data-screen-label="Quick answers"][style*="max-width:1000px"], :is(div,section,article)[data-screen-label="Related questions"][style*="max-width:1000px"], question badges (all widths) ===== */ :is(div,section,article)[data-screen-label*="FAQ"][style*="max-width: 1000px"], :is(div,section,article)[data-screen-label="Quick answers"][style*="max-width: 1000px"], :is(div,section,article)[data-screen-label="Related questions"][style*="max-width: 1000px"]{max-width:1360px !important} :is(div,section,article)[data-screen-label="Reviews"][style*="padding:104px"], :is(div,section,article)[data-screen-label="Reviews"][style*="padding: 104px"]{padding-top:48px !important} details[data-faq] summary:not(:has([data-faq-q]))::before{content:"?";flex:none;width:22px;height:22px;border-radius:50%;background:rgba(111,172,70,.16);color:#8cc463;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:900;line-height:1;margin-right:9px} :is(div,section,article)[data-screen-label*="FAQ"] div[style*="border-radius:12px"]>div[style*="font-size:22px"]::before, :is(div,section,article)[data-screen-label="Quick answers"] div[style*="border-radius:12px"]>div[style*="font-size:22px"]::before, :is(div,section,article)[data-screen-label*="FAQ"] div[style*="border-radius: 12px"]>div[style*="font-size: 22px"]::before, :is(div,section,article)[data-screen-label="Quick answers"] div[style*="border-radius: 12px"]>div[style*="font-size: 22px"]::before{content:"?";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(111,172,70,.16);color:#8cc463;font-size:12.5px;font-weight:900;line-height:1;margin-right:10px;transform:translateY(-2px);font-family:Archivo,sans-serif} /* town FAQ badges: London-style card grid + FAQs: panel questions */ :is(div,section)[data-screen-label="Town FAQ"] div[style*="border-radius:8px"]>div[style*="font-size:22px"]::before, div[style*="padding:28px"][style*="border-radius:8px"]>div[style*="font-size:15.5px"][style*="font-weight:700"][style*="margin-bottom:6px"]::before, /* town FAQ badges: London-style card grid + FAQs: panel questions */ :is(div,section)[data-screen-label="Town FAQ"] div[style*="border-radius: 8px"]>div[style*="font-size: 22px"]::before, div[style*="padding: 28px"][style*="border-radius: 8px"]>div[style*="font-size: 15.5px"][style*="font-weight: 700"][style*="margin-bottom: 6px"]::before{content:"?";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:rgba(111,172,70,.16);color:#8cc463;font-size:11.5px;font-weight:900;line-height:1;margin-right:9px;transform:translateY(-2px);font-family:Archivo,sans-serif} /* ===== town Pricing link: compact on phones ===== */ @media (max-width:767px){ :is(div,section)[data-screen-label="Pricing link"]{padding:26px 18px 30px !important} :is(div,section)[data-screen-label="Pricing link"] h2{font-size:27px !important;line-height:1.05 !important;margin-bottom:10px !important} :is(div,section)[data-screen-label="Pricing link"] div[style*="font-size:40px"], :is(div,section)[data-screen-label="Pricing link"] div[style*="font-size:44px"], :is(div,section)[data-screen-label="Pricing link"] div[style*="font-size:48px"], :is(div,section)[data-screen-label="Pricing link"] div[style*="font-size: 40px"], :is(div,section)[data-screen-label="Pricing link"] div[style*="font-size: 44px"], :is(div,section)[data-screen-label="Pricing link"] div[style*="font-size: 48px"]{font-size:27px !important;line-height:1.05 !important} :is(div,section)[data-screen-label="Pricing link"] a{font-size:13.5px !important;padding:11px 20px !important} a.rvt:not(:has(img)):not(:has(.rv-bg)){height:auto !important;min-height:0 !important;aspect-ratio:auto !important;padding:13px 14px !important;display:flex !important;align-items:center !important} a.rvt:not(:has(img)):not(:has(.rv-bg)) .rv-lbl{margin:0 !important} html body [style*="grid-template-columns:repeat(3"], html body [style*="grid-template-columns: repeat(3"], html body [style*="grid-template-columns:repeat(4"], html body [style*="grid-template-columns: repeat(4"]{grid-template-columns:1fr !important} html body [data-screen-label="Pricing link"]{padding:20px 16px 24px !important} html body [data-screen-label="Pricing link"]>div{padding:14px 16px !important;gap:8px !important} html body [data-screen-label="Pricing link"]>div>div{font-size:14px !important} html body [data-screen-label="Pricing link"]>div>a{font-size:13.5px !important} /* the big bordered CTA card that follows on town pages */ html body div[style*="border-radius:14px"][style*="padding:44px 52px"], /* the big bordered CTA card that follows on town pages */ html body div[style*="border-radius: 14px"][style*="padding: 44px 52px"]{padding:22px 18px !important;gap:14px !important;flex-direction:column !important;align-items:flex-start !important} html body [style*="grid-template-columns:1.3fr 1fr 1fr 1.2fr"], html body [style*="grid-template-columns:1.1fr .9fr"], html body [style*="grid-template-columns:.9fr 1.1fr"], html body [style*="grid-template-columns:1.05fr .95fr"], html body [style*="grid-template-columns:1.15fr .85fr"], html body [style*="grid-template-columns:1.18fr .82fr"], html body [style*="grid-template-columns:1.15fr"], html body [style*="grid-template-columns:2fr 1.1fr 1fr .9fr"], html body [style*="grid-template-columns:2fr 1.1fr 1fr 0.9fr"], html body [style*="grid-template-columns:280px 1fr"], html body [style*="grid-template-columns:360px 1fr"], html body [style*="grid-template-columns:200px 210px 1fr auto"], html body [style*="grid-template-columns: 1.3fr 1fr 1fr 1.2fr"], html body [style*="grid-template-columns: 1.1fr .9fr"], html body [style*="grid-template-columns: .9fr 1.1fr"], html body [style*="grid-template-columns: 1.05fr .95fr"], html body [style*="grid-template-columns: 1.15fr .85fr"], html body [style*="grid-template-columns: 1.18fr .82fr"], html body [style*="grid-template-columns: 1.15fr"], html body [style*="grid-template-columns: 2fr 1.1fr 1fr .9fr"], html body [style*="grid-template-columns: 2fr 1.1fr 1fr 0.9fr"], html body [style*="grid-template-columns: 280px 1fr"], html body [style*="grid-template-columns: 360px 1fr"], html body [style*="grid-template-columns: 200px 210px 1fr auto"]{grid-template-columns:1fr !important} html body [data-depth-card]{padding:24px 18px 22px !important;gap:18px !important} html body [data-screen-label][style*="padding:0 48px"], html body [data-screen-label][style*="padding: 0 48px"]{padding-top:24px !important} html body [data-screen-label="News featured"] a[style*="border-radius:999px"], html body [data-screen-label="Projects grid"] a[style*="border-radius:999px"], html body [data-screen-label="News featured"] a[style*="border-radius: 999px"], html body [data-screen-label="Projects grid"] a[style*="border-radius: 999px"]{white-space:nowrap !important} html body [data-screen-label*="Services"] div[style*="grid-template-columns:1fr 1fr"], html body [data-screen-label*="Services"] div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr !important} /* Related strip sits tight under the last content box on case studies */ html body div[data-screen-label="Related projects"]{padding-bottom:10px !important} html body div[data-screen-label="Related projects"]>div{padding-bottom:0 !important} html body div[data-screen-label="Related"]{padding-top:0 !important;margin-top:0 !important} html body div[data-screen-label="Related"]>div{padding-top:8px !important;margin-top:0 !important} html body a[href="https://www.innov8-group.co.uk/contact"][style*="padding:14px 20px"], html body a[href="https://www.innov8-group.co.uk/contact"][style*="padding: 14px 20px"]{white-space:nowrap !important;font-size:clamp(12px,3.9vw,15px) !important;padding:14px 12px !important} /* manchester header pills above the bg photo */ html body div[data-screen-label="Manchester header"] div[style*="gap:14px"][style*="margin-top:26px"], /* manchester header pills above the bg photo */ html body div[data-screen-label="Manchester header"] div[style*="gap: 14px"][style*="margin-top: 26px"]{position:relative !important;z-index:3 !important} html body div[style*="grid-row:1/4"][style*="min-height:150px"],html body div[style*="grid-row: 1 / 4"][style*="min-height: 150px"], html body div[style*="grid-row: 1/4"][style*="min-height: 150px"], html body div[style*="grid-row:1 / 4"][style*="min-height:150px"]{background:url('towns/manchester-skyline-mills.webp') center/cover no-repeat !important} html body div[style*="grid-row:1/4"][style*="min-height:150px"]>div:first-child,html body div[style*="grid-row: 1 / 4"][style*="min-height: 150px"]>div:first-child, html body div[style*="grid-row: 1/4"][style*="min-height: 150px"]>div:first-child, html body div[style*="grid-row:1 / 4"][style*="min-height:150px"]>div:first-child{background-image:linear-gradient(rgba(19,17,18,.58),rgba(19,17,18,.74)),linear-gradient(rgba(111,172,70,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(111,172,70,.09) 1px,transparent 1px) !important;background-size:auto,26px 26px,26px 26px !important} html body [data-social-head]{text-align:center !important} html body [data-social-head]+div{justify-content:center !important;gap:11px !important} html body div[style*="grid-template-columns:1.3fr 1fr 1fr 1.2fr"],html body div[style*="grid-template-columns: 1.3fr 1fr 1fr 1.2fr"]{background:#0a0909 !important;border:1px solid rgba(111,172,70,.35) !important;border-top:3px solid #6fac46 !important;border-radius:0 !important;border-left:none !important;border-right:none !important;border-bottom:none !important;padding:22px 16px 12px !important;margin:0 !important;position:relative !important;overflow:hidden !important} html body [data-i8-footwrap]{border-top:none !important} html body #trustindex-slot{display:none !important} html body [data-footer-bottom]{flex-direction:column !important;justify-content:center !important;text-align:center !important;gap:6px !important;border-top:none !important;background:#0a0909 !important;margin:0 !important;border-left:none !important;border-right:none !important;max-width:none !important;padding:4px 16px 24px !important} html body div:has(>[data-footer-bottom]){padding-bottom:0 !important} html body a:has(>img[alt="website by pixelmonster"]){display:block !important;width:fit-content !important;margin:26px auto 0 !important;position:relative !important} html body a:has(>img[alt="website by pixelmonster"])::before{content:"";position:absolute;left:50%;top:-28px;transform:translateX(-50%);width:250px;height:60px;background:radial-gradient(ellipse at center,rgba(111,172,70,.3),transparent 70%);pointer-events:none} html body div[style*="grid-template-columns:1.3fr 1fr 1fr 1.2fr"]::after,html body div[style*="grid-template-columns: 1.3fr 1fr 1fr 1.2fr"]::after{content:"";position:absolute;top:-70px;right:-70px;width:230px;height:230px;background:radial-gradient(circle,rgba(111,172,70,.32),transparent 68%);pointer-events:none} html body div[style*="grid-template-columns:1.3fr 1fr 1fr 1.2fr"] a:has(>img[alt="website by pixelmonster"]),html body div[style*="grid-template-columns: 1.3fr 1fr 1fr 1.2fr"] a:has(>img[alt="website by pixelmonster"]){display:none !important} html body [data-rev-rail]{display:flex !important;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:2px 2px 10px;margin-top:14px} html body [data-rev-rail]>*{flex:0 0 84% !important;min-width:0;scroll-snap-align:start} html body [data-pm-mobile][data-pm-mobile][data-pm-mobile],html body [data-pm-desktop][data-pm-desktop][data-pm-desktop]{display:none !important} html body [data-screen-label*="depth" i]>div>h2{margin-bottom:30px !important} html body [data-screen-label*="depth" i] [data-depth-card]>h2{padding-top:4px !important} html body [data-depth-card]>div>div:first-child{padding-top:2px} html body div.rvg:has(a[data-rel-pill]){display:grid !important;grid-template-columns:1fr !important;gap:8px !important} html body a[data-rel-pill]{display:flex !important;align-items:center !important;height:50px !important;box-sizing:border-box !important;padding:0 16px !important} html body a[data-rel-pill] .rv-lbl{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;font-size:14px !important;margin:0 !important;line-height:1 !important} html body div[style*="grid-template-columns:1fr 1fr"]:has(>a[href*="/services#"]), html body div[style*="grid-template-columns: 1fr 1fr"]:has(>a[href*="/services#"]){grid-template-columns:1fr !important;gap:8px !important} html body div[style*="grid-template-columns:1fr 1fr"]>a[href*="/services#"], html body div[style*="grid-template-columns: 1fr 1fr"]>a[href*="/services#"]{display:flex !important;align-items:center !important;height:50px !important;box-sizing:border-box !important;padding:0 16px !important;font-size:13.5px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important} html body span[data-town-hero]{width:100% !important;opacity:.16 !important;-webkit-mask-image:linear-gradient(180deg,transparent,#000 45%) !important;mask-image:linear-gradient(180deg,transparent,#000 45%) !important} html body section:has(>span[data-town-hero])>div{position:relative;z-index:1} } /* rvt text tiles collapse (sector pages have no photos in these) */ /* ===== phone: any 3/4-column inline card grid collapses to one column ===== */ /* ===== towns: pricing-link box + CTA compact on phones ===== */ /* ===== phone: collapse fr-pair and fixed+fr inline grids ===== */ /* ===== review band 12e: RATED EVERYWHERE chips (mobile) ===== */ /* ===== HQ map tile: manchester photo behind the radar (mobile) ===== */ /* ===== footer: centered socials (mobile) ===== */ /* ===== trustindex badge smaller (mobile) ===== */ /* ===== 14c boxed footer (mobile) ===== */ /* pixelmonster credit: green glow above */ /* footer card: green glow top-right corner */ /* hide duplicate pixelmonster credit inside footer card (keep the one below legal) */ /* ===== reviews: summary stacked, reviews in one swipe row ===== */ /* ===== reviews: summary stacked, reviews in one swipe row ===== */ /* pixelmonster credit hidden on phones */ /* ===== depth sections: air between header and first card, room inside bracket boxes ===== */ /* ===== relevant-services link boxes: stacked, uniform ===== */ /* ===== town hero photo: faint backdrop, content full-contrast ===== */ /* ===== contact us: floating green dots (matches homeowners header) ===== */ @keyframes floatUp{0%{transform:translateY(0);opacity:0}12%{opacity:.55}85%{opacity:.15}100%{transform:translateY(-620px);opacity:0}} [data-cu-dots],[data-fmap-wrap],[data-mb-head]{display:none} @media (max-width:767px){ html body :is(div,section)[data-screen-label="Contact us"]{position:relative;overflow:hidden} html body :is(div,section)[data-screen-label="Contact us"]>*{position:relative} html body [data-cu-dots]{display:block;position:absolute;inset:0;pointer-events:none} html body [data-cu-dots]>span{will-change:transform} html body div:has(>[data-footer-bottom]){position:relative;overflow:hidden} html body [data-fmap-wrap]{display:block;position:absolute;inset:0;pointer-events:none;overflow:hidden} html body [data-fmap-wrap] svg{position:absolute;right:-30px;bottom:-20px;height:112%} html body [data-fmap-wrap] circle[data-ping]{transform-box:fill-box;transform-origin:center;animation:i8PingR 2.6s ease-out infinite} html body [data-mb-head]{display:block;width:100%;flex:1 1 100%;font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;letter-spacing:.22em;color:#8cc463;text-align:center;padding:20px 0 0} html body [data-mb-head]+[data-mb-wrap][data-mb-wrap]{border-top:0 !important;padding-top:10px !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a{height:60px !important;padding:0 32px 0 16px !important} html body :is(div,section)[data-screen-label="Reviews"] div[style*="grid-template-columns:repeat(3"],html body :is(div,section)[data-screen-label="Reviews"] div[style*="grid-template-columns: repeat(3"]{display:flex !important;overflow-x:auto !important;scroll-snap-type:x mandatory !important;gap:12px !important;padding-bottom:14px !important} html body :is(div,section)[data-screen-label="Reviews"] div[style*="grid-template-columns:repeat(3"]>*,html body :is(div,section)[data-screen-label="Reviews"] div[style*="grid-template-columns: repeat(3"]>*{flex:0 0 84% !important;min-width:0 !important;scroll-snap-align:start !important} } @media (min-width:768px){html body [data-footer-bottom]>[data-mb-wrap],html body [data-mb-head],html body [data-fmap-wrap],html body [data-cu-dots]{display:none !important}} /* reviews widget: breathing room at the bottom (phones) */ @media (max-width:767px){ html body :is(div,section,article)[data-screen-label="Reviews"], html body :is(div,section,article)[data-screen-label="Home reviews"]{padding-bottom:56px !important} html body :is(div,section)[data-screen-label="Contact us"]{padding-bottom:48px !important} html body a:has(>img[alt="website by pixelmonster"]){display:block !important;width:fit-content !important;margin:26px auto 0 !important;position:relative !important} html body a:has(>img[alt="website by pixelmonster"])::before{content:"";position:absolute;left:50%;top:-13px;transform:translateX(-50%);width:140px;height:2px;background:linear-gradient(90deg,transparent,rgba(111,172,70,.8),transparent)} html body [data-i8-bandstrip] [data-mb-wrap]{grid-template-columns:1fr 1fr !important;gap:14px !important;padding:20px 20px 24px !important} html body [data-i8-bandstrip] [data-mb-item]{gap:10px !important} html body [data-i8-bandstrip] [data-mb-item]>span{width:38px !important;height:38px !important} html body [data-i8-bandstrip] [data-mb-item] div div:first-child{font-size:19px !important} } /* contact: space under the last quote (phones) */ /* pixelmonster credit: green glow above (phones) */ /* rated band strip in footer (phones) */ /* copyright block lives inside the green strip */ :is([data-i8-bandstrip],[data-i8-bandcopy]) [data-footer-bottom]{background:transparent !important;border-top:1px solid rgba(19,17,18,.22) !important;margin:0 !important;color:rgba(19,17,18,.8) !important} :is([data-i8-bandstrip],[data-i8-bandcopy]) [data-footer-bottom] *{color:rgba(19,17,18,.8) !important} :is([data-i8-bandstrip],[data-i8-bandcopy]) [data-footer-bottom] a{color:#131112 !important;font-weight:600} [data-i8-footwrap]{margin-bottom:0 !important;padding-bottom:0 !important} html body [data-i8-bandstrip]{margin-bottom:0 !important} /* 19d contour bg in green strip */ html body [data-i8-bandstrip]{position:relative;overflow:hidden} html body [data-i8-bandstrip]>[data-mb-wrap],html body [data-i8-bandstrip]>[data-footer-bottom]{position:relative;z-index:2} /* ===== 19d contour rings inside green strip ===== */ [data-i8-bandstrip]{position:relative;overflow:hidden} [data-i8-bandstrip]::before,[data-i8-bandstrip]::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;pointer-events:none;z-index:0; background:repeating-radial-gradient(circle at center,transparent 0 28px,rgba(19,17,18,.13) 28px 29.5px);/*i8-strip19d*/} [data-i8-bandstrip]::before{top:-150px;left:-150px} [data-i8-bandstrip]::after{bottom:-150px;right:-150px} [data-i8-bandstrip]>*{position:relative;z-index:1} /* old standalone metrics/review band above footer — superseded by footer strip (i8-mb-hide) */ @media (max-width:767px){html body :is(div,section,article)[data-screen-label="Metrics bar"]:not([data-i8-bandstrip]){display:none !important} html body [data-screen-label="Welcome"] div[style*="credRise"][style*="1fr 1fr 1fr"]>div{position:relative !important;overflow:hidden !important} html body [data-screen-label="Welcome"] div[style*="credRise"][style*="1fr 1fr 1fr"]>div::before{content:"";position:absolute;top:-30px;right:-30px;width:110px;height:110px;background:radial-gradient(circle,rgba(111,172,70,.22),transparent 65%);pointer-events:none} html body [data-screen-label="Welcome"] div[style*="credRise"][style*="1fr 1fr 1fr"]>div::after{content:"";position:absolute;bottom:-16px;left:-14px;width:70px;height:60px;background:rgba(140,196,99,.08);clip-path:polygon(0 30%,80% 0,45% 100%);pointer-events:none} html body [data-screen-label="Survey analyser link"] div[style*="flex-wrap:wrap"], html body [data-screen-label="Survey analyser link"] div[style*="flex-wrap: wrap"]{justify-content:center !important} html body [data-screen-label="Survey analyser link"] div[style*="flex-wrap:wrap"]>span, html body [data-screen-label="Survey analyser link"] div[style*="flex-wrap: wrap"]>span{border-radius:0 !important;flex:0 0 auto !important;width:230px !important;max-width:100% !important;text-align:center !important;padding:8px 6px !important;box-sizing:border-box !important} html body [data-sec-grid] a[data-cycle="sec"]{grid-template-columns:84px 1fr !important} html body [data-sec-grid] a[data-cycle="sec"]>div:last-child{padding:9px 28px 9px 12px !important} html body [data-sec-grid] a[data-cycle="sec"] div[style*="font-size:16px"], html body [data-sec-grid] a[data-cycle="sec"] div[style*="font-size: 16px"]{font-size:15px !important;margin-bottom:4px !important} html body [data-sec-grid] a[data-cycle="sec"] div[style*="font-size:13.5px"], html body [data-sec-grid] a[data-cycle="sec"] div[style*="font-size: 13.5px"]{font-size:12.5px !important;line-height:1.45 !important} html body [data-screen-label="Signs of asbestos"] div[style*="font-size:16px;line-height:1.7;color:rgba(255,255,255,.8)"], html body [data-screen-label="Signs of asbestos"] div[style*="font-size: 16px;line-height: 1.7;color: rgba(255,255,255,.8)"]{display:none !important} html body [data-screen-label="Signs of asbestos"] div:has(>div[style*="stepSeq"]){margin-top:14px !important} html body [data-screen-label="MD quote"]{position:relative !important} html body [data-screen-label="MD quote"]::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(111,172,70,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(111,172,70,.08) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(85% 80% at 50% 45%,#000 30%,transparent 100%);mask-image:radial-gradient(85% 80% at 50% 45%,#000 30%,transparent 100%);pointer-events:none} html body [data-screen-label="MD quote"]>*{position:relative;z-index:1} html body div[data-screen-label$="case study header"]::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0; background-image:linear-gradient(rgba(140,196,99,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(140,196,99,.075) 1px,transparent 1px); background-size:40px 40px; -webkit-mask-image:radial-gradient(120% 110% at 85% 0%,#000 22%,transparent 72%); mask-image:radial-gradient(120% 110% at 85% 0%,#000 22%,transparent 72%)} [data-hcred-row]>div:last-child>div{position:relative} [data-hcred-row]>div:last-child>div::after{content:"";position:absolute;left:50%;bottom:5px;transform:translateX(-50%);width:76px;height:30px;border-radius:50%;pointer-events:none; background:radial-gradient(ellipse at center,rgba(111,172,70,.32),transparent 70%);filter:blur(7px)} /* 39 snap-it: intro paragraph off + tighter top */ html body [data-sa-link] h2+div[style*="max-width:620px"],html body [data-sa-link] h2+div[style*="max-width: 620px"], /* 39 snap-it: intro paragraph off + tighter top */ html body [data-sa-link] h2+div[style*="max-width: 620px"], html body [data-sa-link] h2+div[style*="max-width:620px"]{display:none !important} html body div[data-screen-label="Survey analyser link"]{padding-top:12px !important} /* 36 analyser chips: centred, square-ish, equal */ html body [data-sa-link] div[style*="flex-wrap:wrap"][style*="margin-top:16px"],html body [data-sa-link] div[style*="flex-wrap: wrap"][style*="margin-top: 16px"], equal */ html body [data-sa-link] div[style*="flex-wrap: wrap"][style*="margin-top: 16px"], html body [data-sa-link] div[style*="flex-wrap:wrap"][style*="margin-top:16px"]{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:8px !important;width:100% !important;box-sizing:border-box} html body [data-sa-link] div[style*="flex-wrap:wrap"][style*="margin-top:16px"]>span,html body [data-sa-link] div[style*="flex-wrap: wrap"][style*="margin-top: 16px"]>span{display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;border-radius:10px !important;padding:10px 6px !important;min-height:54px;min-width:0;box-sizing:border-box;font-size:12px !important;line-height:1.35 !important} /* 37 home sector cards tighter */ html body [data-sec-grid]{gap:8px !important} html body [data-sec-grid]>a{padding:10px 12px !important} /* 40 MD quote: faded site grid */ html body div[data-screen-label="MD quote"]::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0; background-image:linear-gradient(rgba(140,196,99,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(140,196,99,.07) 1px,transparent 1px); background-size:40px 40px; -webkit-mask-image:radial-gradient(130% 120% at 12% 0%,#000 20%,transparent 74%); mask-image:radial-gradient(130% 120% at 12% 0%,#000 20%,transparent 74%)} } /* ===== accreditation boxes: per-box glow + shard (home welcome) (i8-jobs17) ===== */ /* ===== survey analyser pills: centred, square, equal (i8-jobs17) ===== */ /* ===== home sector cards: more compact (i8-jobs17) ===== */ /* ===== snap-it: hide intro para, pad steps from pill above (i8-snapintro) ===== */ /* ===== MD quote: site background grid (i8-mdgrid) ===== */ /* ===== faded site grid over case-study headers (i8-csgrid, phones) ===== */ /* ===== glow pooled under each of the 9 accreditation logos (i8-credglow, phones) ===== */ /* ===== i8-batch40: snap-it trim, analyser chips, sector cards, MD quote grid (phones) ===== */ /* burger drawer 21c shard rain */ @keyframes i8ShardFall{0%{transform:translateY(0) rotate(14deg)}100%{transform:translateY(1200px) rotate(14deg)}} @keyframes i8OrbitArc{to{transform:rotate(360deg)}} /* i8-drawer-scrollbars: burger drawer — no visible scrollers, no x-overflow */ nav[aria-label="Mobile menu"]{overflow-x:hidden !important;scrollbar-width:none !important} nav[aria-label="Mobile menu"]::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important} nav[aria-label="Mobile menu"] div::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important} nav[aria-label="Mobile menu"] div{scrollbar-width:none !important} /* i8-sector-compact-v2: structural, no style-substring hooks */ @media (max-width:767px){ [data-mb-stars]{display:block !important} html body [data-screen-label="Sectors"] a[href*="sector-"]{display:grid !important;grid-template-columns:72px 1fr !important;align-items:center !important;gap:0 !important;border-radius:12px !important;overflow:hidden !important;min-height:0 !important} html body [data-screen-label="Sectors"] a[href*="sector-"]>div:first-child{height:100% !important;min-height:72px !important} html body [data-screen-label="Sectors"] a[href*="sector-"]>div:last-child{padding:9px 12px !important} html body [data-screen-label="Sectors"] a[href*="sector-"]>div:last-child>div:nth-child(1){font-size:14px !important;margin-bottom:2px !important} html body [data-screen-label="Sectors"] a[href*="sector-"]>div:last-child>div:nth-child(2){font-size:12px !important;line-height:1.4 !important;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden !important} html body [data-screen-label="Sectors"] a[href*="sector-"]>div:last-child>div:nth-child(3){display:none !important} html body [data-screen-label="Sectors"] a[href*="sector-"]>div:last-child>div:nth-child(2){-webkit-line-clamp:2 !important} html body [data-screen-label="Sectors"] div:has(>a[href*="sector-"]){display:flex !important;flex-direction:column !important;gap:8px !important} /* new sector block (data-sect3b): the Sectors rules above were written for the previous markup and were forcing these cards into a 72px grid column */ html body div[data-sect3b] a[data-sect3b-card]{display:flex !important;flex-direction:column !important;justify-content:flex-end !important;align-items:stretch !important;grid-template-columns:none !important;gap:0 !important;padding:18px !important;min-height:196px !important;border-radius:14px !important} html body div[data-sect3b] a[data-sect3b-card] span[style*="max-width:420px"], html body div[data-sect3b] a[data-sect3b-card] span[style*="max-width: 420px"]{max-width:100% !important;display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important} html body div[data-sect3b] a[data-sect3b-chip]{display:flex !important;grid-template-columns:none !important} html body div[data-sect3b] div[data-sect3b-feat]{display:flex !important;flex-direction:column !important;gap:12px !important} html body div[data-sect3b] div[data-sect3b-chips]{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:10px !important} html body :is(div,section)[data-screen-label="Contact us"]>div{padding-top:34px !important;padding-bottom:36px !important} html body :is(div,section)[data-screen-label="Contact us"] h2{margin-bottom:20px !important} html body :is(div,section)[data-screen-label="Contact us"] h2+div{margin-bottom:0 !important} } /* i8-contact-section-compact: tighter section box, rows untouched */ /* i8-desktop-footer-restore: band on top of footer, © strip at bottom, mobile fx stay mobile */ @media (min-width:768px){ [data-i8-footfx]{display:none !important} [data-i8-footwrap]{display:flex !important;flex-direction:column !important} [data-i8-footwrap]>[data-i8-bandstrip]{order:-1} [data-i8-bandstrip] [data-mb-wrap]{padding:12px 48px !important;align-items:center !important} [data-i8-bandstrip] [data-mb-item]{align-items:center !important} html body [data-i8-bandcopy]{background:#131112 !important} html body [data-i8-bandcopy] [data-footer-bottom]{border-top:1px solid rgba(255,255,255,.14) !important} html body [data-i8-bandcopy] [data-footer-bottom] *{color:rgba(255,255,255,.72) !important} html body [data-i8-bandcopy] [data-footer-bottom] a{color:#fff !important;font-weight:600} html body [data-i8-bandcopy] [data-footer-bottom]{padding-top:16px !important;padding-bottom:16px !important} html body [data-i8-bandcopy]{padding-bottom:0 !important} } /* i8-copy-dark-desktop: © row on dark with divider above (desktop); mobile keeps green */ /* i8-copy-tighter: less padding on © row (desktop) */ /* ===== i8-sec18: home sector cards — tighter + glow (mobile) ===== */ @media (max-width:767px){ html body [data-sec-grid]>a[data-cycle="sec"]{padding:8px 10px !important;position:relative !important;border-color:rgba(111,172,70,.38) !important;box-shadow:0 0 20px rgba(111,172,70,.16),inset 0 1px 0 rgba(140,196,99,.18) !important;background-image:radial-gradient(circle at 88% -12%,rgba(111,172,70,.2),transparent 58%) !important} html body [data-sec-grid] a[data-cycle="sec"]{grid-template-columns:84px 1fr !important;grid-template-rows:82px !important;gap:12px !important;align-items:center !important;height:100px !important;align-content:center !important} html body [data-sec-grid] a[data-cycle="sec"]>div:first-child{height:82px !important;min-height:0 !important;border-radius:6px !important;box-shadow:0 0 10px rgba(111,172,70,.25) !important} html body [data-sec-grid] a[data-cycle="sec"]>div:last-child{padding:6px 22px 6px 2px !important} html body [data-sec-grid] a[data-cycle="sec"] div[style*="font-size:16px"], html body [data-sec-grid] a[data-cycle="sec"] div[style*="font-size: 16px"]{font-size:15.5px !important;margin-bottom:3px !important} html body [data-sec-grid] a[data-cycle="sec"] div[style*="font-size:13.5px"], html body [data-sec-grid] a[data-cycle="sec"] div[style*="font-size: 13.5px"]{font-size:12.8px !important;line-height:1.45 !important} html body [data-ti-reviews] .ti-reviews-container-wrapper{display:flex !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;transform:none !important;gap:12px;padding-bottom:8px} html body [data-ti-reviews] .ti-reviews-container-wrapper>.ti-review-item{flex:0 0 86% !important;min-width:0 !important;scroll-snap-align:start} html body [data-ti-reviews] .ti-reviews-container-wrapper::-webkit-scrollbar{height:4px} html body [data-ti-reviews] .ti-reviews-container-wrapper::-webkit-scrollbar-thumb{background:rgba(111,172,70,.45);border-radius:4px} html body [data-screen-label="Reviews"] div[style*="border-radius:999px"][style*="rgba(10,9,9"],html body [data-screen-label="Reviews"] div[style*="border-radius: 999px"], html body [data-screen-label="Reviews"] div[style*="border-radius: 999px"][style*="rgba(10,9,9"], html body [data-screen-label="Reviews"] div[style*="border-radius:999px"]{display:none !important} html body [data-ti-reviews] .ti-footer,html body [data-ti-reviews] .ti-rating-text{display:none !important} html body [data-screen-label="Reviews"] [data-ti-reviews]{margin-top:2px !important} html body :is(div,section,article)[data-screen-label="Reviews"]{padding-bottom:26px !important} html body [data-ti-reviews] .ti-review-item{scroll-snap-align:center !important;scroll-snap-stop:always !important} } /* ===== i8-ti-swipe: Trustindex reviews swipeable (mobile) ===== */ /* i8-hide-grev-pill: hide "26 Google reviews" pill in Reviews heading (mobile) */ /* i8-ti-nofooter: hide Trustindex "rating score / randomly selected" footer text */ /* i8-ti-tune: tighter gaps + centre-snap review cards (mobile) */ @keyframes i8ePulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}} @media (max-width:767px){ html body :is(div,section)[data-screen-label="Contact us"]::before{content:"";position:absolute;top:-40px;bottom:-40px;left:-90px;width:330px;background:linear-gradient(120deg,#6fac46,#548235);clip-path:polygon(0 0,58% 0,26% 100%,0 100%);opacity:.18;animation:i8eShim 4s infinite;pointer-events:none;z-index:0} html body :is(div,section)[data-screen-label="Contact us"]::after{content:"";position:absolute;top:-40px;bottom:-40px;right:-110px;width:270px;background:#8cc463;clip-path:polygon(70% 0,100% 0,100% 100%,40% 100%);opacity:.08;animation:i8eShim 4s 2s infinite;pointer-events:none;z-index:0} html body :is(div,section)[data-screen-label="Contact us"]>*{z-index:1} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]{padding:0 8px !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a{transform:skewX(-6deg) !important;border-radius:8px !important;border:1px solid rgba(111,172,70,.35) !important} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a>span:nth-of-type(2),html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a>div{transform:skewX(6deg)} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a[href^="tel:"]{background:linear-gradient(120deg,#6fac46,#548235) !important;animation:i8ePulse 2.8s infinite} html body [data-i8-footwrap]>div[style*="max-width"]{padding-top:20px !important;padding-bottom:6px !important} html body :is(div,section)[data-i8-bandstrip][data-i8-bandstrip]{padding-top:16px !important;padding-bottom:14px !important} html body div[data-mb-foot][data-mb-foot]{padding-top:10px !important;padding-bottom:2px !important} html body [data-i8-footwrap] [data-i8-footfx],html body [data-i8-footwrap]>svg,html body [data-i8-footwrap] [data-fmap-host],html body [data-i8-footwrap] [data-footmap]{-webkit-mask-image:linear-gradient(180deg,#000 52%,rgba(0,0,0,.35) 78%,transparent 96%) !important;mask-image:linear-gradient(180deg,#000 52%,rgba(0,0,0,.35) 78%,transparent 96%) !important} html body [data-ti-reviews] .ti-widget,html body [data-ti-reviews] .ti-widget-container{width:100% !important;max-width:100% !important;padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important} html body [data-ti-reviews] .ti-reviews-container-wrapper{width:100% !important;max-width:100% !important;padding-left:0 !important;padding-right:0 !important;scroll-padding:0 !important} html body [data-ti-reviews] .ti-reviews-container{width:100% !important;max-width:100% !important;padding:0 !important;margin:0 !important} html body [data-ti-reviews] .ti-review-item{width:100% !important;max-width:100% !important;min-width:100% !important;flex:0 0 100% !important;scroll-snap-align:center !important;scroll-snap-stop:always !important;padding-left:6px !important;padding-right:6px !important;box-sizing:border-box !important} html body [data-ti-reviews] .ti-reviews-container-wrapper,html body [data-ti-reviews] .ti-reviews-container{animation:none !important;transition:none !important;scroll-behavior:auto !important} html body [data-ti-reviews] .ti-review-item{animation:none !important;transition:none !important} html body :is(div,section)[data-screen-label="Contact us"]>div[style*="max-width"]{padding-bottom:14px !important} html body div[data-footer-bottom][data-footer-bottom]{padding-top:14px !important;padding-bottom:14px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;gap:6px !important} } /* i8-foot-half: halve footer vertical padding (mobile) */ /* i8-foot-fade: footer bg imagery fades out over bottom third (mobile) */ /* i8-ti-onecard: one review card per screen, always centred (mobile) */ /* i8-ti-noauto: kill widget auto-scroll animation, manual swipe only (mobile) */ /* i8-cu-padbot: less bottom padding on contact section (mobile) */ /* i8-copy-centre: © row vertically centred in its band (mobile) */ /* i8-rail-desktop: if fallback rail ever renders on desktop, keep it a 4-up grid */ @media (min-width:768px){ html body [data-rev-rail]{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:20px !important;width:100% !important;overflow:visible !important} html body [data-rev-rail]>*{width:auto !important;min-width:0 !important;max-width:none !important;flex:none !important} } /* ===== i8-cu23f: contact block — expanding 8 mark background (mobile) ===== */ @keyframes i8Mark8{0%{transform:scale(.55);opacity:0}18%{opacity:.16}70%{opacity:.05}100%{transform:scale(1.5);opacity:0}} @media (max-width:767px){ html body :is(div,section)[data-screen-label="Contact us"]{background-image:radial-gradient(circle at 22% 26%,rgba(111,172,70,.18),transparent 55%) !important} html body :is(div,section)[data-screen-label="Contact us"]::before,html body :is(div,section)[data-screen-label="Contact us"]::after{content:"";position:absolute;left:50%;top:52%;width:340px;height:340px;margin:-170px 0 0 -170px;background:url("8.png") center/contain no-repeat;animation:i8Mark8 7s ease-out infinite;pointer-events:none;z-index:0;border:0;border-radius:0} html body :is(div,section)[data-screen-label="Contact us"]::after{animation-delay:3.5s} html body :is(div,section)[data-screen-label="Contact us"]>*{z-index:1} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a{transform:none !important;border-radius:11px !important} html body :is(div,section)[data-screen-label="Welcome"],html body :is(div,section)[data-screen-label="What we offer"],html body :is(div,section)[data-screen-label="Home services"],html body :is(div,section)[data-screen-label="Home process"],html body :is(div,section)[data-screen-label="Sectors"]{position:relative} html body :is(div,section)[data-screen-label="Welcome"]>*,html body :is(div,section)[data-screen-label="What we offer"]>*,html body :is(div,section)[data-screen-label="Home services"]>*,html body :is(div,section)[data-screen-label="Home process"]>*,html body :is(div,section)[data-screen-label="Sectors"]>*{position:relative;z-index:1} html body :is(div,section)[data-screen-label="Welcome"]::after,html body :is(div,section)[data-screen-label="What we offer"]::after,html body :is(div,section)[data-screen-label="Home services"]::after,html body :is(div,section)[data-screen-label="Home process"]::after,html body :is(div,section)[data-screen-label="Sectors"]::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(140,196,99,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(140,196,99,.055) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%)} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a,html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a *{font-style:normal !important;font-synthesis:none !important;transform:none !important} html body [data-rev-rail]{align-items:start !important;scroll-snap-type:x mandatory !important;gap:10px !important;padding:2px 0 10px !important} html body [data-rev-rail]>*{flex:0 0 100% !important;width:100% !important;max-width:100% !important;height:auto !important;min-height:0 !important;align-self:start !important;scroll-snap-align:center !important;scroll-snap-stop:always !important;box-sizing:border-box !important;padding:14px 16px !important} html body [data-rev-rail]>*>*{height:auto !important;min-height:0 !important} html body [data-rev-rail]>*{height:210px !important;max-height:210px !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;gap:6px !important} html body [data-rev-rail]>*>*:last-child{display:-webkit-box !important;-webkit-line-clamp:5 !important;-webkit-box-orient:vertical !important;overflow:hidden !important} } /* ===== i8-home-grid: faded technical grid behind homepage sections (mobile) ===== */ /* i8-cu-noital: contact rows never italic/oblique (mobile) */ /* i8-rail-compact: fallback review cards sized to content, full width, centred (mobile) */ /* i8-rail-even: fallback review cards equal height, text clamped (mobile) */ /* i8-ti-desktop4: Trustindex reviews back to 4-up original card size (desktop) */ @media (min-width:768px){ html body [data-ti-reviews] .ti-review-item{flex:0 0 25% !important;width:25% !important;max-width:25% !important;min-width:0 !important;box-sizing:border-box !important;scroll-snap-align:start !important} html body [data-ti-reviews] .ti-footer,html body [data-ti-reviews] .ti-rating-text{display:none !important} } /* i8-ti-freezeleft: widget slides cards via left offsets — freeze it, we page by scroll (mobile) */ @media (max-width:767px){ html body [data-ti-reviews] .ti-review-item{left:0 !important;right:auto !important;scroll-snap-stop:always !important} html body [data-ti-reviews] .ti-reviews-container-wrapper{overflow-x:auto !important;scroll-snap-type:x mandatory !important} } /* i8-cls-guard: reserve space for images that have no intrinsic box (all widths) */ img[src*="assets/projects/"]:not([width]):not([height]){aspect-ratio:16/10;width:100%;height:auto;object-fit:cover} img[src*="assets/accred/"]:not([width]):not([height]){aspect-ratio:5/2;object-fit:contain} /* i8-cov-shorter: shorter coverage map section (desktop) */ @media (min-width:768px){ html body :is(div,section)[data-screen-label="Coverage map"]>div[style*="max-width"]{padding-top:34px !important;padding-bottom:34px !important} } /* ===== i8-band25b: review band — green fading to black, light text (mobile) ===== */ @media (max-width:767px){ html body :is(div,section)[data-i8-bandstrip]{background:linear-gradient(180deg,rgba(111,172,70,.62) 0%,rgba(111,172,70,.26) 42%,rgba(19,17,18,.98) 100%),#131112 !important} html body [data-i8-bandstrip]::before,html body [data-i8-bandstrip]::after{display:none !important} html body [data-i8-bandstrip] [data-mb-item] div div:first-child{color:#8cc463 !important} html body [data-i8-bandstrip] [data-mb-item] div div:nth-child(2){color:#fff !important} html body [data-i8-bandstrip] [data-mb-item] div div:nth-child(3),html body [data-i8-bandstrip] [data-mb-item] div div:last-child{color:rgba(255,255,255,.72) !important} html body [data-i8-bandstrip] [data-mb-item]>span{background:rgba(19,17,18,.55) !important;border:1px solid rgba(140,196,99,.35) !important} html body [data-i8-bandstrip] [data-mb-item]>span *{color:#8cc463 !important;fill:#8cc463 !important} html body :is([data-i8-bandstrip],[data-i8-bandcopy]) [data-footer-bottom]{border-top:1px solid rgba(140,196,99,.22) !important;color:rgba(255,255,255,.6) !important} html body :is([data-i8-bandstrip],[data-i8-bandcopy]) [data-footer-bottom] *{color:rgba(255,255,255,.6) !important} html body :is([data-i8-bandstrip],[data-i8-bandcopy]) [data-footer-bottom] a{color:#8cc463 !important;font-weight:700} } /* ===== i8-band25b-fix: tile colours, dark copy foot, faded polygons; same on socials (mobile) ===== */ @media (max-width:767px){ html body [data-i8-bandstrip] [data-mb-item]>div{color:#8cc463 !important} html body [data-i8-bandstrip] [data-mb-item] a{color:#fff !important} html body [data-i8-bandstrip] [data-mb-item]>div>div:last-child{color:rgba(255,255,255,.72) !important} html body div[data-i8-bandcopy]{background:#131112 !important} html body :is(div,section)[data-i8-bandstrip]::before{content:"" !important;display:block !important;position:absolute;top:-40px;right:-70px;width:250px;height:250px;margin:0;border-radius:0;background:none;pointer-events:none;z-index:0; background-image:linear-gradient(135deg,rgba(140,196,99,.16) 0 46%,transparent 46%),linear-gradient(200deg,rgba(140,196,99,.1) 0 38%,transparent 38%); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)} html body :is(div,section)[data-i8-bandstrip]::after{content:"" !important;display:block !important;position:absolute;bottom:-60px;left:-60px;width:210px;height:210px;margin:0;border-radius:0;background:none;pointer-events:none;z-index:0; background-image:linear-gradient(30deg,rgba(140,196,99,.09) 0 52%,transparent 52%); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)} html body :is(div,section)[data-screen-label="Social feed"]{position:relative;overflow:hidden; background:linear-gradient(180deg,rgba(111,172,70,.62) 0%,rgba(111,172,70,.26) 42%,rgba(19,17,18,.98) 100%),#131112 !important} html body :is(div,section)[data-screen-label="Social feed"]>*{position:relative;z-index:1} html body :is(div,section)[data-screen-label="Social feed"]::before{content:"";position:absolute;top:-40px;right:-70px;width:250px;height:250px;pointer-events:none;z-index:0; background-image:linear-gradient(135deg,rgba(140,196,99,.16) 0 46%,transparent 46%),linear-gradient(200deg,rgba(140,196,99,.1) 0 38%,transparent 38%); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)} } /* i8-band-compact25: tighter review tiles (mobile) */ @media (max-width:767px){ html body [data-i8-bandstrip] [data-mb-wrap]{gap:10px !important;padding:14px 16px 16px !important} html body [data-i8-bandstrip] [data-mb-item]{gap:9px !important} html body [data-i8-bandstrip] [data-mb-item]>span{width:34px !important;height:34px !important;border-radius:9px !important} html body [data-i8-bandstrip] [data-mb-item]>span svg{width:17px !important;height:17px !important} html body [data-i8-bandstrip] [data-mb-item]>div{font-size:12px !important;line-height:1 !important} html body [data-i8-bandstrip] [data-mb-item] div div:first-child{font-size:16px !important;margin:2px 0 3px !important;line-height:1 !important} html body [data-i8-bandstrip] [data-mb-item]>div>div:last-child{font-size:11.5px !important;line-height:1.3 !important} } /* ===== i8-sitemenu: footer Pages/Sectors/Contact in one SITE MENU bar (mobile) ===== */ @media (max-width:767px){ html body [data-site-menu]{margin:4px 0 10px} html body [data-site-menu] summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:12px;background:linear-gradient(120deg,rgba(111,172,70,.18),rgba(111,172,70,.05));border:1px solid rgba(111,172,70,.4);font-family:'Barlow Condensed',sans-serif;font-size:14.5px;font-weight:700;letter-spacing:.14em;color:#8cc463} html body [data-site-menu] summary::-webkit-details-marker{display:none} html body [data-site-menu] summary::after{content:"\25be";font-size:15px} html body [data-site-menu][open] summary::after{content:"\25b4"} html body [data-sm-sheet]{padding:12px 4px 0} html body [data-sm-head]{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.18em;color:#8cc463;margin:12px 0 4px} html body [data-sm-grid]{display:grid;grid-template-columns:1fr 1fr;gap:0 14px} html body [data-sm-grid]>a{color:rgba(255,255,255,.78) !important;text-decoration:none;font-size:12.5px !important;line-height:1.35 !important;padding:5px 0;display:block} html body [data-sm-grid]>a[href^="tel:"]{font-size:17px !important} html body [data-sm-head]{font-size:11.5px} } /* i8-sitemenu-w: SITE MENU bar matches social icon span (mobile) */ @media (max-width:767px){ html body [data-site-menu]{width:329px;max-width:100%;margin-left:0;margin-right:auto} } /* i8-linkedin-size: LinkedIn glyph slightly larger to match siblings (mobile) */ @media (max-width:767px){ html body [data-i8-footwrap] a[href*="linkedin"] svg{transform:scale(1.16);transform-origin:center} } /* ===== i8-foothex-desk: honeycomb top-right of footer, faded + bleeding (desktop) ===== */ @media (min-width:768px){ html body [data-i8-footwrap]{position:relative} html body [data-i8-footwrap]::before{content:"";position:absolute;inset:0;width:auto;height:auto;pointer-events:none;z-index:0;clip-path:none;opacity:1; background:url("data:image/svg+xml;utf8,") repeat right top;background-size:74px 128px; -webkit-mask-image:linear-gradient(100deg,transparent 0,rgba(0,0,0,.3) 16%,rgba(0,0,0,.62) 36%,rgba(0,0,0,.28) 60%,rgba(0,0,0,.6) 80%,transparent 100%),linear-gradient(180deg,transparent 0,#000 22%,#000 76%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(100deg,transparent 0,rgba(0,0,0,.3) 16%,rgba(0,0,0,.62) 36%,rgba(0,0,0,.28) 60%,rgba(0,0,0,.6) 80%,transparent 100%),linear-gradient(180deg,transparent 0,#000 22%,#000 76%,transparent 100%);mask-composite:intersect} } /* ===== i8-cardhex-desk: honeycomb top-left inside dark contact cards, faded (desktop) ===== */ @media (min-width:768px){ html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a{position:relative;overflow:hidden} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a:not([href^="tel:"])::before{content:"";position:absolute;right:0;top:0;left:auto;width:74%;height:100%;min-height:200px;pointer-events:none;z-index:0; background:url("data:image/svg+xml;utf8,") repeat left top;background-size:52px 90px; -webkit-mask-image:radial-gradient(120% 115% at 100% 0,#000 0,rgba(0,0,0,.45) 46%,transparent 82%);mask-image:radial-gradient(120% 115% at 100% 0,#000 0,rgba(0,0,0,.45) 46%,transparent 82%)} html body :is(div,section)[data-screen-label="Contact us"] div[style*="repeat(4"]>a>*{position:relative;z-index:1} } /* ===== i8-hdrhex: honeycomb top-left of page headers, faded + bleeding (desktop) ===== */ @media (min-width:768px){ html body :is(div,section,header,article)[data-screen-label*="header"]{position:relative} html body :is(div,section,header,article)[data-screen-label*="header"]>*{position:relative;z-index:1} html body :is(div,section,header,article)[data-screen-label*="header"]:not([data-screen-label="Home hero"])::before{content:"";position:absolute;left:0;top:0;width:min(400px,34%);height:100%;min-height:560px;pointer-events:none;z-index:0; background:url("data:image/svg+xml;utf8,") repeat left top;background-size:74px 128px; -webkit-mask-image:radial-gradient(150% 115% at 0 0,#000 0,rgba(0,0,0,.5) 52%,transparent 88%);mask-image:radial-gradient(150% 115% at 0 0,#000 0,rgba(0,0,0,.5) 52%,transparent 88%)} } /* ===== i8-noglow-mob: no green edge glows (mobile) ===== */ @media (max-width:767px){ html body :is(div,section,article,a,span,img,h1,h2,h3)[style*="rgba(111,172,70"],html body :is(div,section,article,a,span,img)[style*="rgba(140,196,99"]{box-shadow:none !important} html body [data-screen-label] *{box-shadow:none !important} html body [data-i8-footwrap] *{box-shadow:none !important} html body *,html body *::before,html body *::after{box-shadow:none !important} } /* ===== i8-hdrimg-mob: header images run full width, bleeding slightly (mobile) ===== */ @media (max-width:767px){ html body :is(div,section,header,article)[data-screen-label*="header"] img{width:calc(100% + 44px) !important;max-width:none !important;height:auto !important;margin-left:-22px !important;margin-right:-22px !important} } /* ===== i8-hdrphoto-mob: header photo fills section width, bleeds past right edge (mobile) ===== */ @media (max-width:767px){ html body :is(div,section,header)[data-screen-label*="header"] [data-town-hero],html body :is(div,section,header)[data-screen-label*="header"] >span[style*="background-image"],html body :is(div,section,header)[data-screen-label*="header"] >div[style*="background-image"]{position:absolute !important;left:0 !important;right:-22px !important;width:auto !important;top:0 !important;bottom:0 !important;opacity:.42 !important;background-size:cover !important;background-position:center !important; -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55) 0,#000 42%,rgba(0,0,0,.75) 100%) !important;mask-image:linear-gradient(180deg,rgba(0,0,0,.55) 0,#000 42%,rgba(0,0,0,.75) 100%) !important} } /* i8-hdr-noglow: no green radial glow behind page headers (mobile) */ @media (max-width:767px){ html body :is(div,section,header,article)[data-screen-label$=" header"],html body :is(div,section,header,article)[data-screen-label*="header"]{background-image:none !important;background:#131112 !important} html body :is(div,section,header,article)[data-screen-label*="header"]>div[style*="radial-gradient"],html body :is(div,section,header,article)[data-screen-label*="header"]>span[style*="radial-gradient"]{display:none !important} } /* i8-cert-fill: HSE licence image fills its white box */ @media (max-width:767px){img[src*="cert-hse"]{width:100% !important;height:100% !important;max-width:100% !important;max-height:none !important;object-fit:cover !important;object-position:top center !important;border-radius:4px !important;display:block !important}} /* i8-spec-pill: more space under the "other specialist services" pill (mobile) */ @media (max-width:767px){ html body a[href*="/services"][style*="border-radius:999px"],html body a[href*="/services"][style*="border-radius: 999px"]{margin-bottom:22px !important} } /* ===== i8-guide-tpl: unified guide / FAQ page template (mobile) ===== */ @media (max-width:767px){ /* green divider under every guide + FAQ + material header */ html body :is(div,section)[data-screen-label*="guide"],html body :is(div,section)[data-screen-label*="Guide"],html body :is(div,section)[data-screen-label="FAQ header"]{border-bottom:3px solid #6fac46 !important} /* header photo: full width, slight bleed, vertical fade */ html body [data-ghead-photo]{left:0 !important;right:-22px !important;opacity:.34 !important;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.5) 0,#000 42%,rgba(0,0,0,.72) 100%) !important;mask-image:linear-gradient(180deg,rgba(0,0,0,.5) 0,#000 42%,rgba(0,0,0,.72) 100%) !important} /* one header size across all guides + FAQ pages */ html body :is(div,section)[data-screen-label*="guide"] h1,html body :is(div,section)[data-screen-label*="Guide"] h1,html body :is(div,section)[data-screen-label="FAQ header"] h1{font-size:40px !important;line-height:1.02 !important} html body :is(div,section)[data-screen-label*="guide"]>div[style*="max-width"],html body :is(div,section)[data-screen-label*="Guide"]>div[style*="max-width"]{padding:34px 20px 30px !important;position:relative;z-index:1} /* corner brackets on guide content cards, matching other pages */ html body [data-ov-card]{position:relative !important;overflow:hidden !important} html body [data-ov-card]::before,html body [data-ov-card]::after{content:"";position:absolute;width:22px;height:22px;pointer-events:none;z-index:2} html body [data-ov-card]::before{top:-1px;left:-1px;border-top:2px solid #6fac46;border-left:2px solid #6fac46;border-radius:12px 0 0 0} html body [data-ov-card]::after{bottom:-1px;right:-1px;border-bottom:2px solid #6fac46;border-right:2px solid #6fac46;border-radius:0 0 12px 0} } /* i8-faqhdr-zoom: FAQ hub header photo zoomed out so the image reads */ @media (max-width:767px){ html body :is(div,section)[data-screen-label="FAQ header"] span[style*="background-image"],html body :is(div,section)[data-screen-label="FAQ header"] [data-ghead-photo],html body img[src*="faq-header"]{background-size:contain !important;object-fit:contain !important;background-position:center top !important} } /* i8-anim-smooth: scanning graphics composited (kills glitchy repaint) */ @media (max-width:767px){ html body [style*="scanMove"],html body [class*="scan"]{will-change:transform;backface-visibility:hidden} } /* ===== i8-accred-mob: accreditations page — compact doc boxes + better tiles (mobile) ===== */ @media (max-width:767px){ /* the 3 certificate/document boxes: half the height of the EA/ASESA panels, top of doc in view */ html body :is(div,section)[data-screen-label="Certificates"] img[src*="cert-"]{height:210px !important;max-height:210px !important;width:100% !important;object-fit:cover !important;object-position:center top !important;border-radius:6px !important} html body :is(div,section)[data-screen-label="Certificates"] [data-cert-grid]{gap:14px !important} html body :is(div,section)[data-screen-label="Certificates"] [data-cert-grid]>*{padding:14px !important;position:relative;overflow:hidden;background:#242021 !important;border:1px solid rgba(111,172,70,.34) !important;border-radius:12px !important;box-shadow:0 0 18px rgba(111,172,70,.12),inset 0 1px 0 rgba(140,196,99,.16) !important} html body :is(div,section)[data-screen-label="Certificates"] [data-cert-grid]>*::before{content:"";position:absolute;top:-1px;left:-1px;width:20px;height:20px;border-top:2px solid #6fac46;border-left:2px solid #6fac46;border-radius:12px 0 0 0;pointer-events:none} /* membership logo tiles: even 2-up, equal height, centred logos, subtle glow */ html body [data-logo-grid]{grid-template-columns:repeat(2,1fr) !important;gap:12px !important} html body [data-logo-grid]>a{height:auto !important;min-height:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:14px !important;border-radius:12px !important;border:1px solid rgba(111,172,70,.28) !important;background:radial-gradient(circle at 88% -14%,rgba(111,172,70,.16),transparent 58%),#242021 !important;box-shadow:0 0 16px rgba(111,172,70,.10) !important} html body [data-logo-grid]>a img{max-height:52px !important;max-width:78% !important;object-fit:contain !important} } /* ===== i8-cshex: faded honeycomb top-right of CASE STUDY headers only (mobile) ===== */ @media (max-width:767px){ html body :is(div,section)[data-screen-label$="case study header"]{position:relative;isolation:isolate} html body :is(div,section)[data-screen-label$="case study header"]>[data-cshex-layer]{display:block} html body :is(div,section)[data-screen-label$="case study header"]::before{content:"";position:absolute;top:0;right:0;width:56%;height:66%;max-height:300px;pointer-events:none;z-index:0; background:url("data:image/svg+xml;utf8,") repeat right top;background-size:56px 97px; -webkit-mask-image:radial-gradient(125% 125% at 100% 0,#000 0,rgba(0,0,0,.5) 46%,transparent 78%);mask-image:radial-gradient(125% 125% at 100% 0,#000 0,rgba(0,0,0,.5) 46%,transparent 78%)} html body :is(div,section)[data-screen-label$="case study header"]>*{position:relative;z-index:1} } /* i8-hexcell: one honeycomb cell size everywhere (mobile) */ @media (max-width:767px){ html body [data-screen-label$="header"]::before,html body [data-screen-label$="Header"]::before{background-size:56px 97px} } /* ===== i8-accred-logosize: bigger, height-normalised accreditation logos (mobile only) ===== */ @media (max-width:767px){ html body [data-logo-grid]>a{min-width:0 !important} html body [data-logo-grid]>a img{max-height:80px !important;height:auto !important;width:auto !important;max-width:88% !important;object-fit:contain !important} html body [data-logo-grid] img[src*="safecontractor"],html body [data-logo-grid] img[src*="safepqq"],html body [data-logo-grid] img[src*="livingwage"]{max-height:132px !important;max-width:94% !important} } /* i8-accred-tileh: accreditations page tiles shorter so logos fill them (mobile) */ @media (max-width:767px){ html body :is(div,section)[data-screen-label*="ember"] [data-logo-grid]>a,html body [data-logo-grid]>a{height:auto !important;min-height:0 !important;aspect-ratio:auto !important;padding:12px 10px !important} html body [data-logo-grid]>a img{max-height:66px !important} html body [data-logo-grid] img[src*="safecontractor"],html body [data-logo-grid] img[src*="safepqq"],html body [data-logo-grid] img[src*="livingwage"]{max-height:96px !important} } /* i8-nohex-body: page-top honeycomb wash off on mobile — hexagons are case-study headers only */ @media (max-width:767px){ html body::before{background-image:none !important} html body :is(div,section)[data-screen-label$="header"]:not([data-screen-label$="case study header"])>span[style*="hex-"],html body :is(div,section)[data-screen-label$="header"]:not([data-screen-label$="case study header"])>div[style*="hex-"]{display:none !important} } /* i8-nogrid-hdr: no background grid inside page headers (mobile) */ @media (max-width:767px){ html body :is(div,section,header)[data-screen-label$="header"] [style*="linear-gradient(rgba(140,196,99"],html body :is(div,section,header)[data-screen-label$="header"] [style*="linear-gradient(rgba(111,172,70"]{background-image:none !important} } /* i8-hdr-opaque: body grid must not show through page headers (mobile) */ @media (max-width:767px){ html body :is(div,section,header)[data-screen-label$="header"],html body :is(div,section,header)[data-screen-label$="Header"]{background-color:#131112 !important} } /* ===== i8-band-28d: review strip as outlined cards on the footer background (mobile) ===== */ @media (max-width:767px){ html body :is(div,section)[data-i8-bandstrip][data-i8-bandstrip]{background:transparent !important;background-color:transparent !important;background-image:none !important;border-top:0 !important;border-bottom:0 !important;padding:16px 14px 14px !important} html body [data-i8-bandstrip] [data-i8-stripbg]{display:none !important} html body [data-i8-bandstrip] [data-mb-foot]>*{background:transparent !important;border:1px solid rgba(111,172,70,.30) !important;border-radius:11px !important;padding:10px 11px !important} html body [data-i8-bandstrip] [data-mb-foot]>* *{color:#fff !important} html body [data-i8-bandstrip] [data-mb-foot] div[style*="font-size:13px"], html body [data-i8-bandstrip] [data-mb-foot] div[style*="font-size: 13px"]{color:rgba(255,255,255,.6) !important} html body [data-i8-bandstrip] [data-mb-foot]>* [style*="border-radius:8px"],html body [data-i8-bandstrip] [data-mb-foot]>* [style*="border-radius: 8px"]{background:rgba(255,255,255,.05) !important;border:1px solid rgba(140,196,99,.4) !important} html body [data-i8-bandstrip] [data-mb-foot]>* [style*="letter-spacing"]{color:#8cc463 !important} } /* i8-rev-nogrey: Reviews section sits on the page background, no grey panel (mobile) */ @media (max-width:767px){ html body :is(div,section)[data-screen-label="Reviews"]{background:transparent !important;background-image:none !important;background-color:transparent !important;border-top:0 !important} } /* i8-foot-flat: no glow panel behind the review cards (mobile) */ @media (max-width:767px){ html body [data-i8-footwrap]{background-image:none !important;background-color:#131112 !important} html body [data-i8-bandstrip],html body [data-i8-bandstrip] [data-mb-foot]{background:transparent !important;background-image:none !important} } /* i8-strip-nopanel: no panel/gradient behind the four review cards (mobile) */ @media (max-width:767px){ html body :is(div,section)[data-i8-bandstrip]::before,html body :is(div,section)[data-i8-bandstrip]::after{background:none !important;background-image:none !important;box-shadow:none !important;opacity:0 !important;content:none !important} } /* i8-strip-flat2: strip inline green/panel + decorative layer off (mobile) */ @media (max-width:767px){ html body div[data-i8-bandstrip][data-i8-bandstrip]{background:transparent !important;background-color:transparent !important;background-image:none !important;box-shadow:none !important} html body [data-i8-bandstrip] [data-i8-stripbg]{display:none !important} } /* i8-strip-match: review strip same tone as the footer bands above/below (mobile) */ @media (max-width:767px){ html body div[data-i8-bandstrip][data-i8-bandstrip]{background:#0a0909 !important} } /* i8-foot-unify: review cards match social/site-menu boxes; copyright joins the footer band (mobile) */ @media (max-width:767px){ html body [data-i8-bandstrip] [data-mb-foot]>*{background:rgba(19,17,18,.55) !important;background-image:radial-gradient(circle at 50% 120%,rgba(111,172,70,.28),transparent 62%) !important;border:1px solid rgba(140,196,99,.4) !important;border-radius:10px !important;box-shadow:inset 0 0 16px rgba(140,196,99,.3),0 0 12px rgba(140,196,99,.1) !important} html body div[data-i8-bandcopy]{background:#0a0909 !important;border-top:0 !important} html body div[data-i8-bandstrip][data-i8-bandstrip]{padding-bottom:4px !important} html body [data-footer-bottom]{background:transparent !important;border-top:1px solid rgba(140,196,99,.18) !important;margin:0 14px !important;padding:12px 0 14px !important} } /* ===== i8-m32e: mobile footer, big-type nav (32e) ===== */ @keyframes i8Comet{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}} @media (max-width:767px){ html body [data-i8-footwrap][data-i8-m32e]{position:relative;overflow:hidden;background:radial-gradient(120% 70% at 0 0,rgba(111,172,70,.16),transparent 60%),#101010 !important;border-top:0 !important;padding:0 !important} html body [data-i8-footwrap][data-i8-m32e] [data-f-rule]{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(140,196,99,.55) 22%,rgba(140,196,99,.55) 78%,transparent);z-index:3;pointer-events:none} html body [data-i8-footwrap][data-i8-m32e] [data-f-stage]{position:absolute;top:6px;right:6px;width:270px;height:270px;z-index:1;pointer-events:none} html body [data-i8-footwrap][data-i8-m32e] [data-f-map]{position:absolute;top:6px;right:-8px;bottom:38px;left:52px;background:url('8-map.webp') center/contain no-repeat;opacity:.24;-webkit-mask-image:radial-gradient(135% 125% at 100% 0,#000 0,#000 62%,transparent 96%);mask-image:radial-gradient(135% 125% at 100% 0,#000 0,#000 62%,transparent 96%)} html body [data-i8-footwrap][data-i8-m32e] [data-f-ring],html body [data-i8-footwrap][data-i8-m32e] [data-f-comet]{position:absolute;top:calc(50% - 6px);left:calc(50% + 30px);width:222px;height:222px;border-radius:50%;transform:translate(-50%,-50%)} html body [data-i8-footwrap][data-i8-m32e] [data-f-ring]{border:1px solid rgba(140,196,99,.12)} html body [data-i8-footwrap][data-i8-m32e] [data-f-comet]{animation:i8Comet 9s linear infinite;background:conic-gradient(from 0deg,rgba(140,196,99,.55),rgba(140,196,99,0) 62deg);-webkit-mask:radial-gradient(circle,transparent 108px,#000 109px,#000 111px,transparent 112px);mask:radial-gradient(circle,transparent 108px,#000 109px,#000 111px,transparent 112px)} html body [data-i8-footwrap][data-i8-m32e] [data-f-pad]{position:relative;z-index:2;padding:22px 18px 0} html body [data-i8-footwrap][data-i8-m32e] [data-f-bt]{font-family:'Barlow Condensed',sans-serif;font-size:29px;font-weight:700;line-height:1.18;text-transform:uppercase;letter-spacing:.01em;display:block;color:#fff;text-decoration:none} html body [data-i8-footwrap][data-i8-m32e] [data-f-bt] span{color:#6fac46;font-size:14px;vertical-align:super;margin-left:5px} html body [data-i8-footwrap][data-i8-m32e] [data-f-sec]{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;font-size:12.5px} html body [data-i8-footwrap][data-i8-m32e] [data-f-sec] a{color:rgba(255,255,255,.6);text-decoration:none} html body [data-i8-footwrap][data-i8-m32e] [data-f-h]{font-family:'Barlow Condensed',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.2em;color:#8cc463;margin:0 0 8px;text-transform:uppercase} html body [data-i8-footwrap][data-i8-m32e] [data-f-rev]{border-top:1px solid rgba(140,196,99,.18);margin-top:16px;padding-top:14px} html body [data-i8-footwrap][data-i8-m32e] [data-f-tr4]{display:grid;grid-template-columns:repeat(4,1fr);gap:6px} html body [data-i8-footwrap][data-i8-m32e] [data-f-cell]{border:1px solid rgba(140,196,99,.32);border-radius:8px;padding:9px 3px;text-align:center;background:rgba(19,17,18,.5);text-decoration:none;display:block} html body [data-i8-footwrap][data-i8-m32e] [data-f-nm]{display:block;font-family:'Barlow Condensed',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.1em;color:rgba(255,255,255,.6)} html body [data-i8-footwrap][data-i8-m32e] [data-f-st]{display:block;color:#8cc463;font-size:9.5px;letter-spacing:1px;margin-top:2px} html body [data-i8-footwrap][data-i8-m32e] [data-f-soch]{margin:16px 0 8px;text-align:center} html body [data-i8-footwrap][data-i8-m32e] [data-f-soc]{display:flex;gap:9px;justify-content:center} html body [data-i8-footwrap][data-i8-m32e] [data-f-sq]{width:42px;height:42px;border-radius:9px;border:1px solid rgba(140,196,99,.4);background:rgba(19,17,18,.55);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 14px rgba(140,196,99,.22)} html body [data-i8-footwrap][data-i8-m32e] [data-f-sq] svg{width:17px;height:17px;stroke:#8cc463;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} html body [data-i8-footwrap][data-i8-m32e] [data-f-bot]{margin-top:16px;border-top:1px solid rgba(140,196,99,.18);padding:11px 0 15px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;color:rgba(255,255,255,.5);text-align:center} html body [data-i8-footwrap][data-i8-m32e] [data-f-bot] a{color:rgba(255,255,255,.62);text-decoration:none} html body [data-i8-footwrap][data-i8-m32e] [data-f-pm]{display:block;margin-top:12px} html body [data-i8-footwrap][data-i8-m32e] [data-f-pm] img{display:block;width:156px;height:auto;opacity:.72} } /* i8-foothex-off: no honeycomb layers in the mobile footer */ @media (max-width:767px){ html body [data-i8-footwrap]::before,html body [data-i8-footwrap]::after{content:none !important;background:none !important} } /* i8-acc-noghost: no floating 8 mark or orbit ring in the Accreditations header (mobile) */ @media (max-width:767px){ html body :is(div,section)[data-screen-label="Accreditations"] span[style*="ghostFloat"],html body :is(div,section)[data-screen-label="Accreditations"] span[style*="accOrbit"]{display:none !important} } /* i8-guidehdr-vis: guide header photos more visible (mobile) */ @media (max-width:767px){ html body :is(div,section,header)[data-screen-label*="header"]>img[src*="/guides/"],html body :is(div,section,header)[data-screen-label*="header"]>img[src*="hdr-"]{opacity:.64 !important} } /* i8-guidehdr-size: uniform, slightly taller guide/page headers (mobile) */ @media (max-width:767px){ html body :is(div,section,header)[data-screen-label*="header"]>div[style*="max-width"]{padding-top:44px !important;padding-bottom:40px !important;min-height:214px !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;justify-content:center !important} } /* i8-accstrip-1row: accreditation strip on one row (desktop only) */ @media (min-width:768px){ html body :is(div,section)[data-screen-label="Accreditation strip"] div[style*="align-items: center"][style*="flex-wrap"],html body :is(div,section)[data-screen-label="Accreditation strip"] div[style*="align-items:center"][style*="flex-wrap"]{flex-wrap:nowrap !important;gap:16px !important;justify-content:space-between !important} html body :is(div,section)[data-screen-label="Accreditation strip"] div[style*="align-items: center"][style*="flex-wrap"]>*,html body :is(div,section)[data-screen-label="Accreditation strip"] div[style*="align-items:center"][style*="flex-wrap"]>*{flex:0 1 auto !important;min-width:0 !important} html body :is(div,section)[data-screen-label="Accreditation strip"] div[style*="align-items: center"][style*="flex-wrap"] img,html body :is(div,section)[data-screen-label="Accreditation strip"] div[style*="align-items:center"][style*="flex-wrap"] img{max-width:100% !important;height:auto !important} } /* i8-certs-half: certificate cards half size, document fills the box (desktop) */ @media (min-width:768px){ html body :is(div,section)[data-screen-label="Certificates"] div[style*="grid"]{grid-template-columns:repeat(3,1fr) !important;gap:20px !important} html body :is(div,section)[data-screen-label="Certificates"] div[style*="grid"]>*{border-radius:10px !important} html body :is(div,section)[data-screen-label="Certificates"] div[style*="grid"] img{height:260px !important;width:100% !important;max-width:none !important;object-fit:cover !important;object-position:top center !important;margin:0 !important} html body :is(div,section)[data-screen-label="Certificates"] div[style*="grid"]>*>div:first-child{padding:0 !important} } /* i8-accstrip-off: no accreditation strip on service pages (desktop) */ @media (min-width:768px){ html body :is(div,section)[data-screen-label="Accreditation strip"]{display:none !important} } /* i8-vidrot: two sideways Jarvis clips rotated upright, true proportions */ html body video[src*="jarvis-WA0018"],html body video[src*="jarvis-WA0019"]{position:absolute !important;top:50% !important;left:50% !important;max-width:none !important;max-height:none !important;min-height:0 !important;transform:translate(-50%,-50%) rotate(90deg) !important;transform-origin:center center !important;object-fit:contain !important} div:has(>video[src*="jarvis-WA0018"]),div:has(>video[src*="jarvis-WA0019"]){position:relative;overflow:hidden} @media (min-width:768px){ html body video[src*="jarvis-WA0018"],html body video[src*="jarvis-WA0019"]{width:254px !important;height:449px !important} html body div:has(>video[src*="jarvis-WA0018"]),html body div:has(>video[src*="jarvis-WA0019"]){height:258px} } @media (max-width:767px){ html body video[src*="jarvis-WA0018"],html body video[src*="jarvis-WA0019"]{width:190px !important;height:336px !important} html body div:has(>video[src*="jarvis-WA0018"]),html body div:has(>video[src*="jarvis-WA0019"]){height:196px} } /* i8-svc-grid: faded technical grid behind service page sections */ :is(div,section)[data-screen-label="Trust"],:is(div,section)[data-screen-label="Overview"],:is(div,section)[data-screen-label="In depth"],:is(div,section)[data-screen-label="Projects on this service"],:is(div,section)[data-screen-label="FAQ"],:is(div,section)[data-screen-label="Related services"]{position:relative} :is(div,section)[data-screen-label="Trust"]>*,:is(div,section)[data-screen-label="Overview"]>*,:is(div,section)[data-screen-label="In depth"]>*,:is(div,section)[data-screen-label="Projects on this service"]>*,:is(div,section)[data-screen-label="FAQ"]>*,:is(div,section)[data-screen-label="Related services"]>*{position:relative;z-index:1} :is(div,section)[data-screen-label="Trust"]::after,:is(div,section)[data-screen-label="Overview"]::after,:is(div,section)[data-screen-label="In depth"]::after,:is(div,section)[data-screen-label="Projects on this service"]::after,:is(div,section)[data-screen-label="FAQ"]::after,:is(div,section)[data-screen-label="Related services"]::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(140,196,99,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(140,196,99,.055) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%)} /* i8-grid-norm: one grid cell size everywhere, aligned origin, no glow on grid layers */ html body [data-screen-label]::after,html body [data-screen-label]::before{background-position:0 0} html body :is(div,section,header,article)[data-screen-label="Welcome"]::after, html body :is(div,section,header,article)[data-screen-label="What we offer"]::after, html body :is(div,section,header,article)[data-screen-label="Home services"]::after, html body :is(div,section,header,article)[data-screen-label="Home process"]::after, html body :is(div,section,header,article)[data-screen-label="Sectors"]::after, html body :is(div,section,header,article)[data-screen-label="Trust"]::after, html body :is(div,section,header,article)[data-screen-label="Overview"]::after, html body :is(div,section,header,article)[data-screen-label="In depth"]::after, html body :is(div,section,header,article)[data-screen-label="Projects on this service"]::after, html body :is(div,section,header,article)[data-screen-label="FAQ"]::after, html body :is(div,section,header,article)[data-screen-label="Related services"]::after, html body div[data-screen-label$="case study header"]::after, html body div[data-screen-label="MD quote"]::after, html body div[data-screen-label="MD quote"]::before{background-size:44px 44px !important;background-position:0 0 !important;box-shadow:none !important;filter:none !important;opacity:1 !important} @media (max-width:900px){body{background-size:44px 44px !important;background-position:0 0 !important}} /* i8-acc-hdr-photo: accreditations header photo sizing */ html body :is(div,section,header)[data-screen-label="Accreditations header"]>img[data-acc-hdr-photo][data-acc-hdr-photo]{opacity:.4 !important} @media (max-width:767px){ html body :is(div,section,header)[data-screen-label="Accreditations header"]{position:relative !important;overflow:hidden !important} html body :is(div,section,header)[data-screen-label="Accreditations header"]>img[data-acc-hdr-photo][data-acc-hdr-photo]{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;min-height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover !important;object-position:50% 38% !important;opacity:.42 !important;-webkit-mask-image:none !important;mask-image:none !important} html body :is(div,section,header)[data-screen-label="Accreditations header"]>div[style*="max-width"]{position:relative !important;z-index:2 !important;background:none !important;padding-left:16px !important;padding-right:16px !important;max-width:100% !important;width:100% !important} html body :is(div,section,header)[data-screen-label="Accreditations header"]>div[style*="max-width"]>div[style*="max-width:700px"],html body :is(div,section,header)[data-screen-label="Accreditations header"]>div[style*="max-width"]>div[style*="max-width: 700px"]{max-width:100% !important} html body :is(div,section,header)[data-screen-label="Accreditations header"]>img[data-acc-hdr-photo][data-acc-hdr-photo]{opacity:.5 !important;left:0 !important;right:0 !important;margin:0 !important;transform:none !important;width:100% !important} } /* i8-acc-hdr-clean: no 8 mark or green glow in the accreditations header (mobile) */ @media (max-width:767px){ html body :is(div,section,header)[data-screen-label="Accreditations header"]>span[aria-hidden="true"]{display:none !important} html body :is(div,section,header)[data-screen-label="Accreditations header"]>div[style*="radial-gradient"]{display:none !important} } /* i8-wwe-off: remove Working With Excellence script mark */ html body img[src*="wwe-script"]{display:none !important} /* i8-certs-hex: faded honeycomb, top-right of Our core credentials (mobile) */ @media (max-width:767px){ html body :is(div,section)[data-screen-label="Certificates"]{position:relative !important;overflow:hidden !important} html body :is(div,section)[data-screen-label="Certificates"]>*{position:relative;z-index:1} html body :is(div,section)[data-screen-label="Certificates"]::before{content:"";position:absolute;top:0;right:0;width:66%;height:260px;z-index:0;pointer-events:none;background:url("data:image/svg+xml;utf8,") repeat right top;background-size:56px 97px;-webkit-mask-image:radial-gradient(130% 130% at 100% 0,#000 0,rgba(0,0,0,.45) 46%,transparent 80%);mask-image:radial-gradient(130% 130% at 100% 0,#000 0,rgba(0,0,0,.45) 46%,transparent 80%)} } /* i8-noglow-loose: no green glow blobs floating outside labelled sections (mobile) */ @media (max-width:767px){ html body div[style*="radial-gradient"]:not([data-screen-label]):not([data-i8-footwrap]):not([data-i8-m32e]):not([data-screen-label] *):not(:has(*)), html body span[aria-hidden="true"][style*="radial-gradient"]:not([data-screen-label] *):not(:has(*)){background-image:none !important;opacity:0 !important} } /* i8-sectorhex-small: smaller hexagon motif in the Sectors (Who we help) section (mobile) */ @media (max-width:767px){ html body :is(div,section)[data-screen-label="Sectors"] [data-sector-hex]{background-size:210px auto !important;background-repeat:no-repeat !important} } /* i8-acchex-small: smaller hexagon motif in the Accreditations (Licensed, vetted and audited) section (mobile) */ @media (max-width:767px){ html body :is(div,section)[data-screen-label="Accreditations"] div[style*="hex-fade"]{background-size:760px auto !important;background-repeat:no-repeat !important;background-position:right top !important;opacity:1 !important} } /* ===== i8-cred-cards: "what our credentials mean" cards (mobile) ===== */ @media (max-width:767px){ html body :is(div,section)[data-screen-label="What it means"] div[style*="minmax(250px"]{gap:12px !important;counter-reset:i8cred} html body :is(div,section)[data-screen-label="What it means"] div[style*="minmax(250px"]>div{position:relative !important;counter-increment:i8cred;overflow:hidden !important;padding:18px 18px 18px 20px !important;border-radius:12px !important;border:1px solid rgba(140,196,99,.26) !important;background:linear-gradient(180deg,rgba(36,32,33,.96),rgba(22,20,21,.96)) !important;box-shadow:0 1px 0 rgba(255,255,255,.03) inset !important} html body :is(div,section)[data-screen-label="What it means"] div[style*="minmax(250px"]>div::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#6fac46,rgba(111,172,70,0));pointer-events:none} html body :is(div,section)[data-screen-label="What it means"] div[style*="minmax(250px"]>div::after{content:"0" counter(i8cred);position:absolute;right:12px;top:8px;font-family:'Barlow Condensed',sans-serif;font-size:40px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(140,196,99,.3);pointer-events:none} html body :is(div,section)[data-screen-label="What it means"] div[style*="minmax(250px"]>div>div:first-child{font-size:21px !important;letter-spacing:.01em !important;margin-bottom:6px !important;padding-right:44px !important} html body :is(div,section)[data-screen-label="What it means"] div[style*="minmax(250px"]>div>div:last-child{font-size:13.5px !important;line-height:1.55 !important;color:rgba(255,255,255,.62) !important} } /* i8-acchdr-clean: accreditations header — no 8 mark, no green glow layers; slightly taller */ html body :is(div,section,header)[data-screen-label="Accreditations header"] img[src*="8.png"],html body :is(div,section,header)[data-screen-label="Accreditations header"] img[style*="spin8"]{display:none !important} html body :is(div,section,header)[data-screen-label="Accreditations header"] div[style*="radial-gradient"]{background-image:none !important;animation:none !important} @media (min-width:768px){ html body :is(div,section,header)[data-screen-label="Accreditations header"]>div[style*="max-width"]{padding-top:74px !important;padding-bottom:70px !important} } @media (max-width:767px){ html body :is(div,section,header)[data-screen-label="Accreditations header"]>div[style*="max-width"]{min-height:250px !important;padding-top:52px !important;padding-bottom:48px !important} } /* ===== i8-cred-cards-desktop: "what our credentials mean" cards (desktop) ===== */ @media (min-width:768px){ html body :is(div,section)[data-screen-label="What it means"] div[style*="minmax(250px"]{counter-reset:i8credd;gap:18px !important;align-items:stretch !important} html body :is(div,section)[data-screen-label="What it means"] div[style*="minmax(250px"]>div{position:relative !important;counter-increment:i8credd;overflow:hidden !important;padding:26px 26px 26px 28px !important;border-radius:14px !important;border:1px solid rgba(140,196,99,.24) !important;background:linear-gradient(180deg,rgba(38,34,35,.96),rgba(23,21,22,.96)) !important;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 8px 24px rgba(0,0,0,.28) !important;transition:border-color .25s,transform .25s,box-shadow .25s !important} html body :is(div,section)[data-screen-label="What it means"] div[style*="minmax(250px"]>div:hover{border-color:rgba(140,196,99,.5) !important;transform:translateY(-3px) !important;box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 14px 30px rgba(0,0,0,.34) !important} html body :is(div,section)[data-screen-label="What it means"] div[style*="minmax(250px"]>div::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#6fac46,rgba(111,172,70,0));pointer-events:none} html body :is(div,section)[data-screen-label="What it means"] div[style*="minmax(250px"]>div::after{content:"0" counter(i8credd);position:absolute;right:16px;top:10px;font-family:'Barlow Condensed',sans-serif;font-size:62px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(140,196,99,.26);pointer-events:none} html body :is(div,section)[data-screen-label="What it means"] div[style*="minmax(250px"]>div>div:first-child{padding-right:56px !important;margin-bottom:10px !important} html body :is(div,section)[data-screen-label="What it means"] div[style*="minmax(250px"]>div>div:last-child{line-height:1.6 !important;color:rgba(255,255,255,.66) !important} } /* ===== i8-memb-cards: scheme/membership logo boxes (desktop) ===== */ @media (min-width:768px){ html body :is(div,section)[data-screen-label="Memberships"] div[style*="repeat(8"]{gap:16px !important} html body :is(div,section)[data-screen-label="Memberships"] div[style*="repeat(8"]>*{position:relative !important;overflow:hidden !important;border-radius:12px !important;border:1px solid rgba(140,196,99,.2) !important;background:linear-gradient(180deg,rgba(38,34,35,.96),rgba(22,20,21,.96)) !important;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 6px 18px rgba(0,0,0,.26) !important;transition:border-color .25s,transform .25s,box-shadow .25s !important} html body :is(div,section)[data-screen-label="Memberships"] div[style*="repeat(8"]>*::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(111,172,70,0),#6fac46,rgba(111,172,70,0));opacity:.55;pointer-events:none} html body :is(div,section)[data-screen-label="Memberships"] div[style*="repeat(8"]>*::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 118%,rgba(111,172,70,.22),transparent 62%);pointer-events:none;opacity:.7;transition:opacity .25s} html body :is(div,section)[data-screen-label="Memberships"] div[style*="repeat(8"]>*:hover{border-color:rgba(140,196,99,.48) !important;transform:translateY(-3px) !important;box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 12px 26px rgba(0,0,0,.32) !important} html body :is(div,section)[data-screen-label="Memberships"] div[style*="repeat(8"]>*:hover::after{opacity:1} html body :is(div,section)[data-screen-label="Memberships"] div[style*="repeat(8"] img{position:relative;z-index:1} } /* i8-acchdr-taller2: accreditations header taller (desktop) */ @media (min-width:768px){ html body :is(div,section,header)[data-screen-label="Accreditations header"]>div[style*="max-width"]{padding-top:104px !important;padding-bottom:96px !important;min-height:430px !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;justify-content:center !important} } /* i8-certs-hex-desktop: faded honeycomb, top-right of the Certificates section (desktop) */ @media (min-width:768px){ html body :is(div,section)[data-screen-label="Certificates"]{position:relative !important} html body :is(div,section)[data-screen-label="Certificates"]>*{position:relative;z-index:1} html body :is(div,section)[data-screen-label="Certificates"]::before{content:"";position:absolute;top:0;right:0;width:430px;height:350px;z-index:0;pointer-events:none;background:url("data:image/svg+xml;utf8,") repeat right top;background-size:56px 97px;-webkit-mask-image:radial-gradient(130% 130% at 100% 0,#000 0,rgba(0,0,0,.45) 48%,transparent 80%);mask-image:radial-gradient(130% 130% at 100% 0,#000 0,rgba(0,0,0,.45) 48%,transparent 80%)} } /* i8-acchdr-half: accreditations header photo — right half, bleeding out to the left (desktop, matches core pages) */ @media (min-width:768px){ html body :is(div,section,header)[data-screen-label="Accreditations header"]>img[data-acc-hdr-photo][data-acc-hdr-photo]{left:auto !important;right:0 !important;width:58% !important;height:100% !important;object-fit:cover !important;object-position:8% center !important;opacity:.62 !important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%) !important;mask-image:linear-gradient(90deg,transparent,#000 35%) !important} } /* i8-cert-glow: green glow on the three certificate cards */ html body [data-cert-grid]>div{position:relative;border-color:rgba(140,196,99,.26) !important;box-shadow:0 0 24px rgba(111,172,70,.16),inset 0 0 22px rgba(111,172,70,.08),0 8px 24px rgba(0,0,0,.3) !important;transition:box-shadow .28s,border-color .28s,transform .28s} html body [data-cert-grid]>div::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 50% 118%,rgba(111,172,70,.22),transparent 62%);opacity:.85;transition:opacity .28s} html body [data-cert-grid]>div:hover{border-color:rgba(140,196,99,.55) !important;transform:translateY(-3px);box-shadow:0 0 34px rgba(111,172,70,.28),inset 0 0 26px rgba(111,172,70,.12),0 14px 30px rgba(0,0,0,.36) !important} html body [data-cert-grid]>div:hover::after{opacity:1} html body [data-cert-grid]>div>*{position:relative;z-index:1} /* ===== i8-mat-townstyle: service-page material tiles restyled to match town-page cards ===== */ html body a.mat-tile{background:rgba(0,0,0,.28) !important;border:1px solid rgba(111,172,70,.25) !important;border-radius:14px !important;padding:22px 24px !important;min-height:210px !important;justify-content:flex-start !important;isolation:isolate} html body a.mat-tile>span.mat-bg{opacity:1 !important;transform:none !important;z-index:0 !important} html body a.mat-tile::after{content:"";position:absolute;inset:0;background:rgba(19,17,18,.60);z-index:1;pointer-events:none} html body a.mat-tile::before{z-index:3} html body a.mat-tile>div{position:relative;z-index:2} html body a.mat-tile .mat-num{font-size:15px !important;letter-spacing:.14em !important;color:#8cc463 !important} html body a.mat-tile .mat-lbl{margin-top:8px !important;font-family:'Barlow Condensed',sans-serif !important;font-size:21px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.02em !important;line-height:1.12 !important;color:#fff !important} html body a.mat-tile .mat-go{margin-top:10px !important;opacity:1 !important;transform:none !important;font-size:14px !important;font-weight:600 !important;color:#c9e9a5 !important} html body a.mat-tile:hover{border-color:rgba(140,196,99,.5) !important} @media (max-width:767px){ html body a.mat-tile{min-height:168px !important;padding:16px 16px !important} html body a.mat-tile .mat-lbl{font-size:17px !important} } /* ===== i8-faq-fullwidth: FAQ answer + sources text runs the full content width ===== */ html body :is(div,section)[data-screen-label="Answer"]>div[style*="max-width"], html body :is(div,section)[data-screen-label="Sources"]>div[style*="max-width"]{max-width:1360px !important;margin-left:auto !important;margin-right:auto !important} html body :is(div,section)[data-screen-label="Answer"] div[style*="max-width:860px"], html body :is(div,section)[data-screen-label="Answer"] div[style*="max-width: 860px"], html body :is(div,section)[data-screen-label="Answer"] p, html body :is(div,section)[data-screen-label="Sources"] div[style*="max-width"], html body :is(div,section)[data-screen-label="Sources"] p{max-width:none !important} html body :is(div,section)[data-screen-label="FAQ header"] div[style*="max-width:820px"], html body :is(div,section)[data-screen-label="FAQ header"] div[style*="max-width: 820px"]{max-width:1100px !important} @media (min-width:768px){ html body :is(div,section)[data-screen-label="Answer"]>div[style*="max-width"], html body :is(div,section)[data-screen-label="Sources"]>div[style*="max-width"]{padding-left:48px !important;padding-right:48px !important} } /* ===== i8-faqhdr-van: FAQ header photo, no spinning 8 mark ===== */ html body :is(div,section,header)[data-screen-label="FAQ header"]{position:relative;overflow:hidden} html body :is(div,section,header)[data-screen-label="FAQ header"]>*:not(img[data-faq-hdr-photo]){position:relative;z-index:1} html body :is(div,section,header)[data-screen-label="FAQ header"] img[src*="8.png"], html body :is(div,section,header)[data-screen-label="FAQ header"] img[style*="spin8"]{display:none !important} @media (min-width:768px){ html body :is(div,section,header)[data-screen-label="FAQ header"] img[data-faq-hdr-photo]{left:auto !important;right:0 !important;width:58% !important;object-position:8% center !important;opacity:.55 !important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%) !important;mask-image:linear-gradient(90deg,transparent,#000 35%) !important} } @media (max-width:767px){ html body :is(div,section,header)[data-screen-label="FAQ header"] img[data-faq-hdr-photo]{opacity:.42 !important;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),#000 42%,rgba(0,0,0,.8)) !important;mask-image:linear-gradient(180deg,rgba(0,0,0,.55),#000 42%,rgba(0,0,0,.8)) !important} } /* ===== i8-photoid-bg: loft photo behind the free photo ID card ===== */ html body :is(div,section)[data-screen-label="Signs of asbestos"] div[style*="border-radius: 18px"], html body :is(div,section)[data-screen-label="Signs of asbestos"] div[style*="border-radius:18px"], /* ===== i8-photoid-bg: loft photo behind the free photo ID card ===== */ html body :is(div,section)[data-screen-label="Signs of asbestos"] div[style*="border-radius:18px"], html body :is(div,section)[data-screen-label="Signs of asbestos"] div[style*="border-radius: 18px"]{overflow:hidden !important;isolation:isolate} html body :is(div,section)[data-screen-label="Signs of asbestos"] div[style*="border-radius: 18px"]::before, html body :is(div,section)[data-screen-label="Signs of asbestos"] div[style*="border-radius:18px"]::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url('headers/snapit-loft.webp') right top/cover no-repeat;opacity:.5;transform:scaleX(-1);-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.55) 42%,#000 100%);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.55) 42%,#000 100%)} html body :is(div,section)[data-screen-label="Signs of asbestos"] div[style*="border-radius: 18px"]>*, html body :is(div,section)[data-screen-label="Signs of asbestos"] div[style*="border-radius:18px"]>*{position:relative;z-index:1} @media (max-width:767px){ html body :is(div,section)[data-screen-label="Signs of asbestos"] div[style*="border-radius: 18px"]::before, html body :is(div,section)[data-screen-label="Signs of asbestos"] div[style*="border-radius:18px"]::before{opacity:.34;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.35),#000 60%) !important;mask-image:linear-gradient(180deg,rgba(0,0,0,.35),#000 60%) !important} } /* i8-proc-topborder: solid green top border on the 4 process step cards */ html body [data-proc]{border-top:3px solid #6fac46 !important} /* ===== i8-sec-ghost: green top border + ghosted label bottom-right on the 8 sector cards ===== */ html body [data-sec-grid]>a[data-cycle="sec"]{position:relative !important;border-top:3px solid #6fac46 !important} html body [data-sec-grid]>a[data-cycle="sec"]::after{position:absolute;right:12px;bottom:8px;z-index:2;pointer-events:none;font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:700;letter-spacing:.04em;line-height:1;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(140,196,99,.3)} html body [data-sec-grid]>a[data-cycle="sec"]:nth-child(1)::after{content:"HOMES"} html body [data-sec-grid]>a[data-cycle="sec"]:nth-child(2)::after{content:"LANDLORDS"} html body [data-sec-grid]>a[data-cycle="sec"]:nth-child(3)::after{content:"HOUSING"} html body [data-sec-grid]>a[data-cycle="sec"]:nth-child(4)::after{content:"SCHOOLS"} html body [data-sec-grid]>a[data-cycle="sec"]:nth-child(5)::after{content:"CONTRACTORS"} html body [data-sec-grid]>a[data-cycle="sec"]:nth-child(6)::after{content:"INDUSTRIAL"} html body [data-sec-grid]>a[data-cycle="sec"]:nth-child(7)::after{content:"RETAIL"} html body [data-sec-grid]>a[data-cycle="sec"]:nth-child(8)::after{content:"PUBLIC"} @media (max-width:767px){ html body [data-sec-grid]>a[data-cycle="sec"]::after{font-size:17px;right:8px;bottom:6px} } /* ===== i8-proj-body: richer body panel on the home-page case study cards ===== */ html body a[data-proj-card]{position:relative !important;isolation:isolate} html body a[data-proj-card]>div:not(:has(img)){position:relative;z-index:1} html body a[data-proj-card]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(19,17,18,0),rgba(19,17,18,.55) 42%,rgba(10,9,9,.86));} html body a[data-proj-card] div[style*="letter-spacing"]{color:#8cc463 !important} html body a[data-proj-card]:hover{border-color:rgba(140,196,99,.7) !important;box-shadow:0 0 26px rgba(111,172,70,.2),0 14px 30px rgba(0,0,0,.36) !important} /* i8-proc-tick: faded green tick, top right of each process step card */ html body [data-proc]{position:relative !important} html body [data-proc]::after{content:"";position:absolute;right:12px;top:12px;width:19px;height:11px;border-left:3px solid rgba(140,196,99,.42);border-bottom:3px solid rgba(140,196,99,.42);transform:rotate(-45deg);pointer-events:none;z-index:2} @media (max-width:767px){ html body [data-proc]::after{right:10px;top:10px;width:15px;height:9px;border-width:2.5px} } /* i8-cert-fill-desktop: HSE licence image fills its white panel (desktop) */ @media (min-width:768px){ html body img[src*="cert-hse"]{width:100% !important;height:100% !important;max-width:100% !important;max-height:none !important;min-height:200px !important;object-fit:cover !important;object-position:top center !important;display:block !important;border-radius:4px !important} html body div:has(>img[src*="cert-hse"]){padding:5px !important;align-items:stretch !important} } /* i8-schemegrid-fit: scheme membership logo rows fit their container (no clipping) */ html body [data-hcred-row] div[style*="grid-template-columns:1fr 1fr 1fr"], html body [data-hcred-row] div[style*="grid-template-columns: 1fr 1fr 1fr"], /* i8-schemegrid-fit: scheme membership logo rows fit their container (no clipping) */ html body [data-hcred-row] div[style*="grid-template-columns: 1fr 1fr 1fr"], html body [data-hcred-row] div[style*="grid-template-columns:1fr 1fr 1fr"]{grid-template-columns:repeat(3,minmax(0,1fr)) !important;box-sizing:border-box !important;width:100% !important;max-width:100% !important} html body [data-hcred-row] div[style*="grid-template-columns:1fr 1fr 1fr"]>*, html body [data-hcred-row] div[style*="grid-template-columns: 1fr 1fr 1fr"]>*{min-width:0 !important;box-sizing:border-box !important} html body [data-hcred-row] div[style*="grid-template-columns:1fr 1fr 1fr"] img, html body [data-hcred-row] div[style*="grid-template-columns: 1fr 1fr 1fr"] img{max-width:100% !important;height:auto !important} html body [data-logo-grid]{max-width:100% !important;box-sizing:border-box !important} /* i8-faq-leftborder: green left edge on every FAQ accordion row */ html body details[data-faq]{border-left:3px solid #6fac46 !important} html body details[data-faq] > summary{border-left:0 !important} /* i8-acc8-bigger: larger ghosted 8 mark, orbit ring removed (Accreditations section) */ html body :is(div,section)[data-screen-label="Accreditations"] span[style*="accOrbit"]{display:none !important} html body :is(div,section)[data-screen-label="Accreditations"] span[style*="ghostFloat"]{inset:-16% !important;opacity:.16 !important;transform:translateY(46px) !important;animation:none !important} /* ===== i8-depth-card: in-depth boxes — green top border, ghost number under the heading, divider between heading and body ===== */ html body{counter-reset:i8depth} html body [data-depth-card]{position:relative !important;border-top:3px solid #6fac46 !important;counter-increment:i8depth} html body [data-depth-card]{padding-bottom:22px !important} html body [data-depth-card]>h2{position:static !important;padding-bottom:0 !important} html body [data-depth-card]>h2::after{content:"0" counter(i8depth);position:absolute;left:26px;bottom:14px;font-family:'Barlow Condensed',sans-serif;font-size:58px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(140,196,99,.34);pointer-events:none} html body [data-depth-card]>h2::before{content:"";position:absolute;left:26px;bottom:76px;width:56px;height:2px;background:linear-gradient(90deg,#6fac46,rgba(111,172,70,0));pointer-events:none} @media (max-width:767px){ html body [data-depth-card]{padding-bottom:16px !important} html body [data-depth-card]>h2::after{font-size:34px;left:auto !important;right:14px !important;top:12px !important;bottom:auto !important} html body [data-depth-card]>h2::before{bottom:auto;top:56px;left:auto;right:14px;width:40px} } /* i8-mat-brighter: material tile photos read more strongly */ html body a.mat-tile::after{background:rgba(19,17,18,.42) !important} html body [data-mat-card]::after{background:rgba(19,17,18,.46) !important} html body [data-mat-card]>img[data-mat-bg]{opacity:1 !important} /* i8-depth-vrule2: partial green divider centred in the column gap */ @media (min-width:768px){ html body [data-depth-card]>div:last-of-type{position:relative} html body [data-depth-card]>div:last-of-type::before{content:"";position:absolute;left:-24px;top:50%;transform:translateY(-50%);width:2px;height:66%;background:linear-gradient(180deg,rgba(111,172,70,0),#6fac46 18%,#6fac46 82%,rgba(111,172,70,0));pointer-events:none;z-index:1} } /* i8-fq-leftborder: green left edge on .fq accordion rows (all pages) */ html body details.fq{border-left:3px solid #6fac46 !important} /* ===== i8-km-cards: contact promise cards align with the map card below ===== */ @media (min-width:768px){ html body :is(div,section)[data-screen-label="Key metrics"]>div{max-width:1360px !important;margin-left:auto !important;margin-right:auto !important;padding-left:48px !important;padding-right:48px !important;box-sizing:border-box !important;padding-top:34px !important} html body :is(div,section)[data-screen-label="Key metrics"] div[style*="repeat(4,1fr)"]{gap:16px !important} html body :is(div,section)[data-screen-label="Key metrics"] div[style*="repeat(4,1fr)"]>div{min-width:0 !important;box-sizing:border-box !important} html body :is(div,section)[data-screen-label="Key metrics"] [data-km-h]{font-size:22px !important;line-height:1.06 !important;white-space:nowrap !important} html body :is(div,section)[data-screen-label="Map"]{padding-top:34px !important} } /* ===== i8-newsfeat-shards: featured news card — faded green + hero-style shards ===== */ @keyframes i8featShard{0%,100%{opacity:.5;transform:translateY(0)}50%{opacity:.85;transform:translateY(-6px)}} html body [data-news-feat]{position:relative !important;overflow:hidden !important;isolation:isolate !important} html body [data-news-feat]>*{position:relative;z-index:2} html body div:has(>img[src*="launch-home-new"])::before{content:"";position:absolute;top:26px;left:34px;width:150px;height:168px;z-index:5;pointer-events:none;background:linear-gradient(150deg,rgba(140,196,99,.55),rgba(111,172,70,.16));clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);mix-blend-mode:screen;animation:i8featShard 11s ease-in-out infinite} html body div:has(>img[src*="launch-home-new"])::after{content:"";position:absolute;bottom:22px;left:300px;width:200px;height:224px;z-index:5;pointer-events:none;background:linear-gradient(150deg,rgba(111,172,70,.42),rgba(140,196,99,.1));clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);mix-blend-mode:screen;animation:i8featShard 14s ease-in-out 2s infinite} @media (max-width:767px){ html body div:has(>img[src*="launch-home-new"])::before{width:92px;height:104px;top:16px;left:16px} html body div:has(>img[src*="launch-home-new"])::after{width:118px;height:132px;left:auto;right:16px;bottom:14px} } /* i8-featphoto: photo panel faded with shards over it */ html body div:has(>img[src*="launch-home-new"]){position:relative !important;overflow:hidden !important;isolation:isolate} html body img[src*="launch-home-new"]{opacity:1 !important} /* ===== i8-news-tpl: shared news-article page design ===== */ /* header: core-page scale */ html body :is(div,section)[data-screen-label$=" article"]{position:relative} html body :is(div,section)[data-screen-label$=" article"]>div[style*="max-width:1360px"],html body :is(div,section)[data-screen-label$=" article"]>div[style*="max-width: 1360px"]{padding-top:96px !important;padding-bottom:88px !important} html body :is(div,section)[data-screen-label$=" article"] h1{line-height:.94 !important;max-width:24ch} @media (min-width:1200px){html body :is(div,section)[data-screen-label$=" article"] h1{font-size:96px !important}} /* header honeycomb, top right, fading out */ html body :is(div,section)[data-screen-label$=" article"]::after{content:"";position:absolute;top:0;right:0;width:420px;height:340px;z-index:0;pointer-events:none;background:url("data:image/svg+xml;utf8,") repeat right top;background-size:56px 97px;-webkit-mask-image:radial-gradient(130% 130% at 100% 0,#000 0,rgba(0,0,0,.4) 48%,transparent 80%);mask-image:radial-gradient(130% 130% at 100% 0,#000 0,rgba(0,0,0,.4) 48%,transparent 80%)} html body :is(div,section)[data-screen-label$=" article"]>*{position:relative;z-index:1} /* article body: faded grid backdrop + ghosted section numbers + partial dividers */ html body :is(div,section)[data-screen-label="Article body"]{position:relative;counter-reset:i8news} html body :is(div,section)[data-screen-label="Article body"]::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(140,196,99,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(140,196,99,.12) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)} html body :is(div,section)[data-screen-label="Article body"]>article,html body :is(div,section)[data-screen-label="Article body"]>div{position:relative;z-index:1} html body :is(div,section)[data-screen-label="Article body"] h2{position:relative;counter-increment:i8news;padding-top:30px !important;margin-top:44px !important} html body :is(div,section)[data-screen-label="Article body"] h2::before{content:"";position:absolute;left:0;top:0;width:210px;height:2px;background:linear-gradient(90deg,#6fac46,rgba(111,172,70,0));pointer-events:none} html body :is(div,section)[data-screen-label="Article body"] h2::after{content:"0" counter(i8news);position:absolute;right:0;top:16px;font-family:'Barlow Condensed',sans-serif;font-size:58px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(140,196,99,.34);pointer-events:none} html body :is(div,section)[data-screen-label="Article body"] h2:first-child{margin-top:0 !important} @media (max-width:767px){ html body :is(div,section)[data-screen-label$=" article"] h1{max-width:none} html body :is(div,section)[data-screen-label$=" article"]>div[style*="max-width:1360px"],html body :is(div,section)[data-screen-label$=" article"]>div[style*="max-width: 1360px"]{padding-top:36px !important;padding-bottom:34px !important} html body :is(div,section)[data-screen-label$=" article"]::after{width:230px;height:210px} html body :is(div,section)[data-screen-label="Article body"] h2{padding-top:22px !important;margin-top:32px !important} html body :is(div,section)[data-screen-label="Article body"] h2::before{width:130px} html body :is(div,section)[data-screen-label="Article body"] h2::after{font-size:34px;top:10px} } /* i8-news-hero1col: older article heroes to one column like core pages */ @media (min-width:768px){ html body :is(div,section)[data-screen-label$=" article"]>div[style*="grid-template-columns:1.15fr"], html body :is(div,section)[data-screen-label$=" article"]>div[style*="grid-template-columns: 1.15fr"]{display:block !important} html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]>img, html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]>div[aria-hidden="true"][style*="height"]{position:absolute !important;top:0 !important;right:0 !important;bottom:0 !important;left:auto !important;width:72% !important;height:auto !important;max-width:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;overflow:hidden !important;z-index:0 !important;pointer-events:none;opacity:.7 !important;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.6) 28%,#000 50%) !important;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.6) 28%,#000 50%) !important} html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]>div[aria-hidden="true"] img{object-position:8% center !important;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.6) 28%,#000 50%) !important;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.6) 28%,#000 50%) !important} html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]>div{position:relative;z-index:1;max-width:900px} } @media (max-width:767px){ html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]>img, html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]>div[aria-hidden="true"][style*="height"]{height:190px !important;opacity:.55 !important;border-radius:10px !important;margin-top:16px} } /* Trustindex: hide the overlapping footer strings */ html body [data-ti-reviews] .ti-footer-filter-text,html body [data-ti-reviews] .ti-verified-by{display:none !important} /* i8-news-heroveil: left-to-right fade over the article hero photo (all news articles) */ @media (min-width:768px){ html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]{position:relative} html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]::after{content:"";position:absolute;top:0;bottom:0;right:0;width:72%;z-index:0;pointer-events:none;background:linear-gradient(90deg,#131112,rgba(19,17,18,.72) 30%,rgba(19,17,18,.18) 62%,transparent)} html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]>div:not([aria-hidden]){position:relative;z-index:2} } /* ===== i8-news-hdrfx: article header — hexagons top-left, animated divider at the bottom, full-height photo ===== */ @keyframes i8HdrSweep{0%{transform:translateX(-40%)}100%{transform:translateX(140%)}} html body :is(div,section)[data-screen-label$=" article"]{position:relative;isolation:isolate} /* hexagons, top LEFT (the existing ::after keeps the top-right set) */ html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]::before{content:"";position:absolute;top:0;left:0;width:380px;height:300px;z-index:0;pointer-events:none;background:url("data:image/svg+xml;utf8,") repeat left top;background-size:56px 97px;-webkit-mask-image:radial-gradient(125% 125% at 0 0,#000 0,rgba(0,0,0,.4) 46%,transparent 78%);mask-image:radial-gradient(125% 125% at 0 0,#000 0,rgba(0,0,0,.4) 46%,transparent 78%)} /* animated divider along the bottom edge of the header */ html body :is(div,section)[data-screen-label$=" article"]{border-bottom:0 !important} html body :is(div,section)[data-screen-label$=" article"]>[data-hdr-rule]{position:absolute;left:0;right:0;bottom:0;height:2px;overflow:hidden;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(140,196,99,.28) 18%,rgba(140,196,99,.28) 82%,transparent)} html body :is(div,section)[data-screen-label$=" article"]>[data-hdr-rule]::after{content:"";position:absolute;top:0;bottom:0;width:32%;background:linear-gradient(90deg,transparent,#8cc463,transparent);animation:i8HdrSweep 5.5s ease-in-out infinite} /* photo runs the full height of the header */ @media (min-width:768px){ html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]>img, html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]>div[aria-hidden="true"][style*="height"]{top:0 !important;bottom:0 !important;height:100% !important;min-height:100% !important;object-fit:cover !important} } @media (max-width:767px){ html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]::before{width:200px;height:170px} } /* i8-news-photobox: photo spans the full header height without overhanging the nav */ @media (min-width:768px){ html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]>img, html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]>div[aria-hidden="true"][style*="height"]{top:0 !important;bottom:0 !important;height:100% !important;min-height:0 !important;align-self:stretch} html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]>img{height:100% !important} } /* i8-news-hexleft2: top-left hexagons on the new core-pattern article headers too */ html body :is(div,section)[data-screen-label$=" article"]:has(>[data-sector-hero])>div[style*="max-width:1360px"]::before, html body :is(div,section)[data-screen-label$=" article"]:has(>[data-sector-hero])>div[style*="max-width: 1360px"]::before, /* i8-news-hexleft2: top-left hexagons on the new core-pattern article headers too */ html body :is(div,section)[data-screen-label$=" article"]:has(>[data-sector-hero])>div[style*="max-width: 1360px"]::before, html body :is(div,section)[data-screen-label$=" article"]:has(>[data-sector-hero])>div[style*="max-width:1360px"]::before{content:"";position:absolute;top:-96px;left:-48px;width:380px;height:300px;z-index:0;pointer-events:none;background:url("data:image/svg+xml;utf8,") repeat left top;background-size:56px 97px;-webkit-mask-image:radial-gradient(125% 125% at 0 0,#000 0,rgba(0,0,0,.4) 46%,transparent 78%);mask-image:radial-gradient(125% 125% at 0 0,#000 0,rgba(0,0,0,.4) 46%,transparent 78%)} html body :is(div,section)[data-screen-label$=" article"]:has(>[data-sector-hero])>div[style*="1360px"]>*{position:relative;z-index:1} @media (max-width:767px){ html body :is(div,section)[data-screen-label$=" article"]:has(>[data-sector-hero])>div[style*="1360px"]::before{width:200px;height:170px;top:-36px;left:-20px} } /* i8-chorley-crop: lift the Chorley Wanderers team photo so more of the squad is in view */ html body img[src*="cw-team"],html body img[src*="chorley"]{object-position:50% 42% !important} /* i8-about-revealfix: About story credential tiles stranded at opacity 0 (scroll-reveal never fired) */ html body :is(div,section)[data-screen-label="About story"] div[style*="opacity:0"], html body :is(div,section)[data-screen-label="About story"] div[style*="opacity: 0"], /* i8-about-revealfix: About story credential tiles stranded at opacity 0 (scroll-reveal never fired) */ html body :is(div,section)[data-screen-label="About story"] div[style*="opacity: 0"], html body :is(div,section)[data-screen-label="About story"] div[style*="opacity:0"]{opacity:1 !important;transform:none !important;animation:none !important} /* i8-about-credgrid: About story credential grid was display:none on phones, so its reveal never ran */ @media (max-width:767px){ html body :is(div,section)[data-screen-label="About story"] div[style*="grid-column:1/-1"][style*="repeat(4"], html body :is(div,section)[data-screen-label="About story"] div[style*="grid-column: 1 / -1"][style*="repeat(4"], html body :is(div,section)[data-screen-label="About story"] div[style*="grid-column: 1/-1"][style*="repeat(4"], html body :is(div,section)[data-screen-label="About story"] div[style*="grid-column:1 / -1"][style*="repeat(4"]{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important} html body :is(div,section)[data-screen-label="About story"] div[style*="repeat(4"]>div{opacity:1 !important;animation:none !important;transform:none !important} } /* i8-news-hdr-mobile: article header photo full-width behind the copy on phones */ @media (max-width:767px){ html body :is(div,section)[data-screen-label$=" article"] [data-sector-hero], html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]>img, html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]>div[aria-hidden="true"][style*="height"]{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;min-height:0 !important;margin:0 !important;border-radius:0 !important;border:0 !important;box-shadow:none !important;object-fit:cover !important;opacity:.42 !important;z-index:0 !important;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),#000 45%,rgba(0,0,0,.8)) !important;mask-image:linear-gradient(180deg,rgba(0,0,0,.55),#000 45%,rgba(0,0,0,.8)) !important} html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]::after, html body :is(div,section)[data-screen-label$=" article"]:has(>[data-sector-hero])>div[style*="1360px"]::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(19,17,18,.55),rgba(19,17,18,.35) 45%,rgba(19,17,18,.85))} html body :is(div,section)[data-screen-label$=" article"]>div[style*="1.15fr"]>div:not([aria-hidden]), html body :is(div,section)[data-screen-label$=" article"]>div[style*="1360px"]>div, html body :is(div,section)[data-screen-label$=" article"]>div[style*="1360px"]>h1{position:relative;z-index:2} } /* i8-hdr-rule-mobile: animated green divider along the bottom of every page header (phones) */ @keyframes i8HdrSweepM{0%{transform:translateX(-45%)}100%{transform:translateX(145%)}} @media (max-width:767px){ html body :is(div,section,header)[data-screen-label$=" header"]{position:relative;border-bottom:0 !important} html body :is(div,section,header)[data-screen-label$=" header"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;z-index:5;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(140,196,99,.34) 16%,rgba(140,196,99,.34) 84%,transparent)} html body :is(div,section,header)[data-screen-label$=" header"] [data-hdr-sweep]{position:absolute;left:0;right:0;bottom:0;height:2px;overflow:hidden;z-index:6;pointer-events:none} html body :is(div,section,header)[data-screen-label$=" header"] [data-hdr-sweep]::after{content:"";position:absolute;top:0;bottom:0;width:34%;background:linear-gradient(90deg,transparent,#8cc463,transparent);animation:i8HdrSweepM 5.5s ease-in-out infinite} } /* i8-about-valuesgrid: "How we work" value cards were display:none on phones, leaving an empty section */ @media (max-width:767px){ html body :is(div,section)[data-screen-label="Sponsorships"] div[style*="repeat(3,1fr)"], html body :is(div,section)[data-screen-label="Sponsorships"] div[style*="repeat(3, 1fr)"]{display:grid !important;grid-template-columns:1fr !important;gap:12px !important} html body :is(div,section)[data-screen-label="Sponsorships"] div[style*="repeat(3"]>div{opacity:1 !important;animation:none !important;transform:none !important} } /* i8-about-values2: "How we work" value cards block (was collapsed on phones) */ @media (max-width:767px){ html body [data-about-values]{display:block !important;padding:0 20px 34px !important} html body [data-about-values] div[style*="repeat(3"]{display:grid !important;grid-template-columns:1fr !important;gap:12px !important} html body [data-about-values] div[style*="repeat(3"]>div{opacity:1 !important;animation:none !important;transform:none !important;min-height:0 !important} } /* i8-cred-even: credential tiles equal height and aligned */ @media (max-width:767px){ html body :is(div,section)[data-screen-label="About story"] div[style*="repeat(4"]{align-items:stretch !important} html body :is(div,section)[data-screen-label="About story"] div[style*="repeat(4"]>div{display:flex !important;flex-direction:column !important;height:100% !important;padding:14px 16px !important} } /* i8-fullbleed-cards: article headers + news/project card photos edge to edge (phones) */ @media (max-width:767px){ html body :is(div,section,header)[data-screen-label$=" article"], html body :is(div,section,header)[data-screen-label$=" header"]{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:0 !important;box-sizing:border-box !important} /* content-box headers: 100vw + side padding was overflowing the page */ html body [data-news-card],html body [data-proj-card]{overflow:hidden !important;padding:0 !important} html body [data-news-card]>img,html body [data-proj-card] img, html body [data-news-card]>[data-proj-photo] img{width:100% !important;max-width:100% !important;margin:0 !important;border:0 !important;border-radius:0 !important;display:block !important} html body [data-news-card]>div,html body [data-proj-card]>div{padding-left:16px !important;padding-right:16px !important} } /* i8-about-values3: hard override so the How we work cards can never be collapsed */ @media (max-width:767px){ html body div[data-about-values][data-about-values]{display:block !important;visibility:visible !important;opacity:1 !important;height:auto !important;max-height:none !important;overflow:visible !important;padding:0 20px 34px !important} html body div[data-about-values][data-about-values] *{visibility:visible !important} html body div[data-about-values][data-about-values]>div:last-child{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;height:auto !important} html body div[data-about-values][data-about-values]>div:last-child>div{display:block !important;opacity:1 !important;height:auto !important;min-height:0 !important;animation:none !important;transform:none !important} } /* i8-acc8-fit: about-page ghost 8 a touch smaller, sat between the intro and the accreditation cards (desktop) */ @media (min-width:768px){ html body span[data-acc-8]{width:min(228px,16.5vw) !important;top:38px !important} } /* ===== i8-botpad-desk: one uniform gap between the last content section and the footer / review band (desktop). Pages padded BOTH the section and its inner wrapper, so the gaps stacked — zero the section, put the whole 124px (the About-page value) on the padded wrapper. Footer-specific: keyed off the footer wrap itself, never a mid-page "Reviews" section. ===== */ @media (min-width:768px){ html body :is(div,section,article):not([data-i8-bandstrip],[data-i8-bandcopy],[data-i8-footwrap],[data-mb-wrap]):has(+ [data-i8-footwrap]), html body :is(div,section,article):not([data-i8-bandstrip],[data-i8-bandcopy],[data-i8-footwrap],[data-mb-wrap]):has(+ div[data-screen-label="Metrics bar"]), html body :is(div,section,article):not([data-i8-bandstrip],[data-i8-bandcopy],[data-i8-footwrap],[data-mb-wrap]):has(+ div[data-i8-bandstrip]), html body :is(div,section,article):not([data-i8-bandstrip],[data-i8-bandcopy],[data-i8-footwrap],[data-mb-wrap]):has(+ :is(div,section,footer) [data-footer-bottom]), html body :is(div,section,article):not([data-i8-bandstrip],[data-i8-bandcopy],[data-i8-footwrap],[data-mb-wrap]):has(+ footer){padding-bottom:0 !important} html body :is(div,section,article):not([data-i8-bandstrip],[data-i8-bandcopy],[data-i8-footwrap],[data-mb-wrap]):has(+ [data-i8-footwrap]) > div[style*="max-width"]:last-of-type, html body :is(div,section,article):not([data-i8-bandstrip],[data-i8-bandcopy],[data-i8-footwrap],[data-mb-wrap]):has(+ div[data-screen-label="Metrics bar"]) > div[style*="max-width"]:last-of-type, html body :is(div,section,article):not([data-i8-bandstrip],[data-i8-bandcopy],[data-i8-footwrap],[data-mb-wrap]):has(+ div[data-i8-bandstrip]) > div[style*="max-width"]:last-of-type, html body :is(div,section,article):not([data-i8-bandstrip],[data-i8-bandcopy],[data-i8-footwrap],[data-mb-wrap]):has(+ :is(div,section,footer) [data-footer-bottom]) > div[style*="max-width"]:last-of-type, html body :is(div,section,article):not([data-i8-bandstrip],[data-i8-bandcopy],[data-i8-footwrap],[data-mb-wrap]):has(+ footer) > div[style*="max-width"]:last-of-type{padding-bottom:124px !important} } /* ===== i8-values-revealfix-2 (2026-08-20): the About "How we work" cards sat at opacity 0 on phones — the earlier fix keyed off [style*="repeat(3,"] but the browser serialises inline grid values with a space ("repeat(3, 1fr)"), so it never matched. Spelling-agnostic. ===== */ @media (max-width:767px){ html body [data-about-values] div[style*="grid-template-columns"]{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;height:auto !important} html body [data-about-values] div[style*="grid-template-columns"]>div{opacity:1 !important;visibility:visible !important;transform:none !important;animation:none !important;min-height:0 !important;height:auto !important} } /* ===== i8-cred-compact (2026-08-20): About credential tiles were carrying the desktop type scale on phones — 22px titles, 18px padding, tiles taller than their content. Compact 2-up. ===== */ @media (max-width:767px){ html body :is(div,section)[data-screen-label="About story"] div[style*="repeat(4"]{gap:8px !important;margin-top:14px !important;align-content:start !important;align-self:start !important;grid-auto-rows:min-content !important;height:auto !important} html body :is(div,section)[data-screen-label="About story"] div[style*="repeat(4"]>div{padding:11px 12px 12px !important;border-radius:10px !important;border-top-width:2px !important;box-sizing:border-box !important} html body :is(div,section)[data-screen-label="About story"] div[style*="repeat(4"]>div>span[aria-hidden="true"]{display:none !important} html body :is(div,section)[data-screen-label="About story"] div[style*="repeat(4"]>div>div:nth-of-type(1){font-size:15px !important;line-height:1.04 !important;letter-spacing:.005em !important} html body :is(div,section)[data-screen-label="About story"] div[style*="repeat(4"]>div>div:nth-of-type(2){font-size:11.5px !important;line-height:1.35 !important;margin-top:5px !important} } /* ===== i8-slogan-off (2026-08-20): rotating "Working With …" slogan hidden on phones — it ate a screenful above the credential tiles. Desktop keeps it. ===== */ @media (max-width:767px){ html body [data-about-slogan]{display:none !important} } /* ===== i8-phonemock (2026-08-21, rewritten): the IUG App phone mock changed height between loads. Cause: an aspect-ratio box whose CONTENT (logo, title, chip rows, button) is taller than the ratio allows — aspect-ratio yields to content, so it painted at the ratio first, then grew once fonts and rows settled. Two competing heights, alternating per load. Fixed by dropping the ratio on phones: height comes from content only, which is deterministic, and the inner gaps are tightened so it still reads compact rather than stretched. ===== */ @media (max-width:767px){ html body div[style*="aspect-ratio:9/18"], html body div[style*="aspect-ratio: 9/18"], html body div[style*="aspect-ratio: 9 / 18"], html body div[style*="aspect-ratio:9 / 18"]{ aspect-ratio:auto !important;height:auto !important;min-height:0 !important; row-gap:5px !important;gap:5px !important} } /* ===== i8-wwe-pad (2026-08-21, rewritten): "Working With Excellence" script logo was running edge to edge on phones. The first attempt used margin, but a higher-specificity rule forces width:100% on that image, so the margin had nothing to bite on. Padding inside border-box shrinks the artwork itself and survives a forced width. ===== */ @media (max-width:767px){ html body :is(div,section,header)[data-screen-label] img[src*="wwe-white"], html body img[src*="wwe-white"][src]{ box-sizing:border-box !important; width:100% !important;max-width:100% !important;height:auto !important; padding-left:0 !important;padding-right:0 !important; margin-left:-0.96% !important;margin-right:0 !important;margin-bottom:14px !important; display:block !important;object-fit:contain !important} } /* ===== i8-newsphoto-mob (2026-08-20): news header photos on phones. The desktop treatment pins the photo to the right 72% behind a left-fade mask, which on a 390px screen leaves almost nothing visible. Full width, brighter, with a vertical scrim so the headline still reads. ===== */ @media (max-width:767px){ html body :is(div,section)[data-screen-label$="article"] [data-sector-hero]{ left:0 !important;right:0 !important;width:100% !important;opacity:.92 !important; background-position:center 45% !important; -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72) 0%,#000 42%,#000 100%) !important; mask-image:linear-gradient(180deg,rgba(0,0,0,.72) 0%,#000 42%,#000 100%) !important} html body :is(div,section)[data-screen-label$="article"] [data-sector-hero]::after{ content:"" !important;display:block !important;position:absolute;inset:0; background:linear-gradient(180deg,rgba(19,17,18,.34) 0%,rgba(19,17,18,.58) 46%,rgba(19,17,18,.86) 100%)} html body :is(div,section)[data-screen-label$="article"] [data-news-hero-photo]{opacity:.86 !important} /* page headers (town / service / sector / guide): photo full width but held back, with a strong scrim, so headline and intro copy stay readable */ html body :is(div,section,header)[data-screen-label*="header" i]:not([data-screen-label="Home hero"]) :is([data-sector-hero],[data-town-hero],[data-ghead-photo]){ left:0 !important;right:0 !important;width:100% !important;opacity:.94 !important; background-position:center 42% !important; -webkit-mask-image:none !important;mask-image:none !important} html body :is(div,section,header)[data-screen-label*="header" i]:not([data-screen-label="Home hero"]) :is([data-sector-hero],[data-town-hero],[data-ghead-photo])::after{ content:"" !important;display:block !important;position:absolute;inset:0; background:linear-gradient(180deg,rgba(19,17,18,.14) 0%,rgba(19,17,18,.34) 45%,rgba(19,17,18,.74) 100%)} } /* ===== i8-tilerow-keep: the drawer's Call / Email / WhatsApp row must stay three across — the blanket single-column rules above would stack it. ===== */ @media (max-width:767px){ html body nav[aria-label="Mobile menu"] div[data-i8-tilerow]{grid-template-columns:repeat(3,1fr) !important;gap:7px !important} html body nav[aria-label="Mobile menu"] div[data-i8-tilerow]>a{min-height:0 !important;box-sizing:border-box !important} } /* ===== i8-docs-mob (2026-08-20): the Documentation cards ran 264px tall on a phone because the icon block alone is 120px. Icon left at 46px, text right — four compact rows instead of four full screens. ===== */ @media (max-width:767px){ html body [data-screen-label="Documentation"] div[style*="grid-template-columns"]{gap:8px !important} html body [data-screen-label="Documentation"] div[style*="grid-template-columns"]>div{ display:grid !important;grid-template-columns:46px 1fr !important;column-gap:13px !important;row-gap:3px !important; align-items:center !important;align-content:center !important;padding:13px 15px 14px !important; border-radius:11px !important;box-shadow:none !important;min-height:0 !important;box-sizing:border-box !important} html body [data-screen-label="Documentation"] div[style*="grid-template-columns"]>div>div:nth-of-type(1){ grid-column:1 !important;grid-row:1/span 2 !important;height:46px !important;width:46px !important; align-items:center !important;justify-content:center !important;animation:none !important;margin:0 !important} html body [data-screen-label="Documentation"] div[style*="grid-template-columns"]>div>div:nth-of-type(1) svg{ width:100% !important;height:100% !important;max-width:46px !important;max-height:46px !important} html body [data-screen-label="Documentation"] div[style*="grid-template-columns"]>div>div:nth-of-type(2){ grid-column:2 !important;grid-row:1 !important;align-self:end !important;font-size:17px !important;line-height:1.06 !important;margin:0 !important} html body [data-screen-label="Documentation"] div[style*="grid-template-columns"]>div>div:nth-of-type(3){ grid-column:2 !important;grid-row:2 !important;align-self:start !important;font-size:12.5px !important;line-height:1.42 !important;margin:2px 0 0 !important} } /* ===== i8-projcard-fix (2026-08-20): project / news cards on phones. Two faults: (a) the "[data-proj-card] > div" 16px side padding was written for the TEXT block but matched the PHOTO wrapper too, insetting every image 32px so it never reached full width; (b) "[data-proj-card] [data-proj-photo] img {height:300px}" plus overflow:hidden on the card clipped ~80px of copy. Selectors carry an extra [style] qualifier so they outrank that rule. ===== */ @media (max-width:767px){ html body :is([data-proj-card],[data-news-card])[style]{height:auto !important;min-height:0 !important;overflow:hidden !important;border-radius:13px !important;padding:0 0 14px !important;gap:5px !important} /* photo wrapper: edge to edge, height from the image */ html body :is([data-proj-card],[data-news-card])[style] [data-proj-photo][style], html body :is([data-proj-card],[data-news-card])[style]>div[style]:has(>img){ padding:0 !important;margin:0 !important;height:auto !important;min-height:0 !important;max-height:none !important; border-radius:13px 13px 0 0 !important;overflow:hidden !important;flex:0 0 auto !important;margin-bottom:4px !important} html body :is([data-proj-card],[data-news-card])[style] [data-proj-photo][style] img, html body :is([data-proj-card],[data-news-card])[style]>div[style]:has(>img) img, html body :is([data-proj-card],[data-news-card])[style] img[data-slot]{ width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important; aspect-ratio:4/3 !important;object-fit:cover !important;display:block !important} /* text block keeps its gutter and grows to fit */ /* text rows: gutter only. These cards are a flex COLUMN of several separate text divs, not one text block — adding vertical padding to each (plus flex-grow) stacked ~120px of dead space into every card. */ html body :is([data-proj-card],[data-news-card])[style]>div[style]:not(:has(img)):not([data-proj-photo]){ padding-left:16px !important;padding-right:16px !important; height:auto !important;min-height:0 !important;overflow:visible !important;flex:0 0 auto !important} html body :is([data-proj-card],[data-news-card])[style]>div[style]:not(:has(img)) *{overflow:visible !important;text-overflow:clip !important;max-height:none !important} /* compact type: a card is a glance, not a screenful */ html body :is([data-proj-card],[data-news-card])[style] h2, html body :is([data-proj-card],[data-news-card])[style] h3{font-size:19px !important;line-height:1.08 !important;margin:3px 0 0 !important} html body :is([data-proj-card],[data-news-card])[style] p{font-size:13px !important;line-height:1.48 !important;margin:6px 0 0 !important} } /* ===== i8-faqpills-mob (2026-08-20): FAQ category filter pills. The blanket 44px tap-target rule was adding to their padding, so each pill stood ~200px tall. Border-box + own height; grid stays 2-up. ===== */ @media (max-width:767px){ html body [data-faq-pills] a[data-faq-pill]{ box-sizing:border-box !important;min-height:0 !important;height:44px !important; padding:0 12px !important;display:flex !important;align-items:center !important;justify-content:center !important; font-size:13px !important;line-height:1 !important;width:auto !important;flex:0 0 auto !important} html body [data-faq-pills]{display:flex !important;flex-wrap:wrap !important;gap:8px !important;grid-template-columns:none !important} } /* ===== i8-hdr-mob (2026-08-20) — REPLACES i8-hdr-clean-mob + i8-hdr-clean-2. Mobile headers: photographs only. No grid, no glow, no graphics, and exactly one divider on every header. Audited across all 252 pages before writing. Image-bearing header elements: data-town-hero 75 data-sector-hero 32 data-ghead-photo 18 data-news-hero-photo 4 tags 62 unhooked image divs 2 Every hide below is guarded on :not([style*="url("]) so anything carrying an image is spared by definition — including hooks that do not exist yet. This is why the previous two attempts kept hiding photos: they allow-listed hooks. Divider: the site uses three mechanisms — animated [data-hdr-sweep], a [data-hdr-rule] bar, and an inline border-bottom on the 36 news articles. On mobile all three are suppressed and replaced by one border on the header, so every header has one divider and none has two. ===== */ @media (max-width:767px){ html body :is(div,section,header)[data-screen-label*="header" i]:not([data-screen-label="Home hero"]):not([style*="url("]), html body :is(div,section)[data-screen-label$="article"]:not([style*="url("]){ background-image:none !important;background-color:#131112 !important} html body :is(div,section,header)[data-screen-label*="header" i]:not([data-screen-label="Home hero"]), html body :is(div,section)[data-screen-label$="article"]{ border-bottom:3px solid #6fac46 !important} html body :is(div,section,header)[data-screen-label*="header" i]:not([data-screen-label="Home hero"])::before, html body :is(div,section,header)[data-screen-label*="header" i]:not([data-screen-label="Home hero"])::after, html body :is(div,section)[data-screen-label$="article"]::before, html body :is(div,section)[data-screen-label$="article"]::after{content:none !important;display:none !important} html body :is(div,section,header)[data-screen-label*="header" i]:not([data-screen-label="Home hero"]) :is(span,div)[style*="radial-gradient"]:not([style*="url("]), html body :is(div,section,header)[data-screen-label*="header" i]:not([data-screen-label="Home hero"]) :is(span,div)[style*="blur("]:not([style*="url("]), html body :is(div,section,header)[data-screen-label*="header" i]:not([data-screen-label="Home hero"]) :is(span,div)[style*="hex-tile"], html body :is(div,section)[data-screen-label$="article"] :is(span,div)[style*="radial-gradient"]:not([style*="url("]):not([data-news-hero-scrim]), html body :is(div,section)[data-screen-label$="article"] :is(span,div)[style*="blur("]:not([style*="url("]), html body :is(div,section)[data-screen-label$="article"] :is(span,div)[style*="hex-tile"], html body :is(div,section,header)[data-screen-label*="header" i]:not([data-screen-label="Home hero"]) :is([data-hdr-sweep],[data-hdr-rule],[data-hdr-hex]), html body :is(div,section)[data-screen-label$="article"] :is([data-hdr-sweep],[data-hdr-rule],[data-hdr-hex]){display:none !important} html body :is(div,section,header)[data-screen-label*="header" i]:not([data-screen-label="Home hero"]) [style*="font-size:200px"], html body :is(div,section,header)[data-screen-label*="header" i]:not([data-screen-label="Home hero"]) [style*="font-size: 200px"], html body :is(div,section)[data-screen-label$="article"] [style*="font-size:200px"], html body :is(div,section)[data-screen-label$="article"] [style*="font-size: 200px"]{display:none !important} /* photographs protected last, so this wins over everything above */ /* photographs protected last, so this wins over the hides above. Scoped to header/article sections only, and NOT to — the hides above can never match an , and a blanket img{display:block} was breaking the inline badge row inside the third-party reviews widget. */ html body :is(div,section,header)[data-screen-label*="header" i]:not([data-screen-label="Home hero"]) :is([style*="url("],[data-town-hero],[data-sector-hero],[data-ghead-photo],[data-news-hero-photo],[data-news-hero-scrim]), html body :is(div,section)[data-screen-label$="article"] :is([style*="url("],[data-town-hero],[data-sector-hero],[data-ghead-photo],[data-news-hero-photo],[data-news-hero-scrim]){display:block !important} } /* ===== i8-svcfig-mob (2026-08-21): the two cut-out operative figures on the green "Asbestos Removal" service card. At desktop width they sit clear to the right of the copy; on a 390px card they cover the heading and body text entirely. Hidden on phones — the factory silhouette wash stays. ===== */ @media (max-width:767px){ html body a[data-svc-card="green"] img[src*="operative-red-trim"], html body a[data-svc-card="green"] img[src*="operative-blue-trim"]{display:none !important} } /* ===== i8-socialbg-mob (2026-08-21): the green slab behind "Latest from our socials". Nothing in the page styles [data-screen-label="Social feed"], so the fill comes from the third-party feed widget's own injected wrapper. Cleared on the section and on the widget shells inside it; the post images and the LinkedIn Follow button keep their own colours. ===== */ @media (max-width:767px){ html body :is(div,section,article)[data-screen-label="Social feed"]{background:none !important;background-color:transparent !important} html body :is(div,section,article)[data-screen-label="Social feed"] :is(.ti-widget,.ti-widget-container,.ti-widget-body,.ti-header,.ti-widget-header,.ti-col,.ti-row){background:none !important;background-color:transparent !important;box-shadow:none !important} } /* ===== i8-heroshard-mob (2026-08-21, corrected): green shards must sit BEHIND the operative on phones. Measured facts: the five [data-hero-shard] spans are the shards (clip-path polygons, opacity .3/.36/.3/1/1) and they come BEFORE the figure in the DOM; the figure is img[src*="hero-figure"] with an explicit z-index:0; the three [data-hero-beam] spans are display:none and irrelevant. The first version of this rule raised the shards to z-index 1, which is why they went OVER him — and raising [data-hero-bg] with them washed the figure out under its 43% photo overlay. Correct move: leave the shard and bg layers at their authored stacking and raise the figure above them. Shards 1–3 stay partly visible through him by design; shards 4–5 are opaque and now sit below. Desktop is untouched — there the figure already wins. ===== */ @media (max-width:767px){ html body div[data-screen-label="Home hero"] img[src*="hero-figure"]{z-index:1 !important;position:relative} html body div[data-screen-label="Home hero"]>div[style*="max-width:1360px"], html body div[data-screen-label="Home hero"]>div[style*="max-width: 1360px"]{position:relative !important;z-index:2 !important} } /* ===== i8-navtap-mob (2026-08-21): drawer taps felt laggy / dropped. The drawer is a scroll container (overflow-y:auto + -webkit-overflow-scrolling:touch) which on Android leaves the ~300ms double-tap delay on its links, and taps during the .32s open transition were being swallowed. touch-action:manipulation removes the delay; the active state gives immediate visual feedback. ===== */ @media (max-width:767px){ html body nav[aria-label="Mobile menu"] :is(a,button){touch-action:manipulation !important;-webkit-tap-highlight-color:transparent} html body nav[aria-label="Mobile menu"] a.m-link:active{background:rgba(111,172,70,.16) !important} html body nav[aria-label="Mobile menu"] div[data-i8-tilerow]>a:active{filter:brightness(.9)} } /* second pass: about, services and survey-analyser spellings */ @media (max-width:767px){ html body [style*="grid-template-columns:1fr 1.15fr"], html body [style*="grid-template-columns: 1fr 1.15fr"], html body [style*="grid-template-columns:.8fr 1.2fr"], html body [style*="grid-template-columns: .8fr 1.2fr"], html body [style*="grid-template-columns:0.8fr 1.2fr"], html body [style*="grid-template-columns: 0.8fr 1.2fr"], html body [style*="grid-template-columns:.9fr 1.2fr .9fr"], html body [style*="grid-template-columns: .9fr 1.2fr .9fr"], html body [style*="grid-template-columns:0.9fr 1.2fr 0.9fr"], html body [style*="grid-template-columns: 0.9fr 1.2fr 0.9fr"], html body [style*="grid-template-columns:1.4fr 1.6fr 1.15fr 1.2fr 1.1fr"], html body [style*="grid-template-columns: 1.4fr 1.6fr 1.15fr 1.2fr 1.1fr"], html body [style*="grid-template-columns:1.5fr 1fr"], html body [style*="grid-template-columns: 1.5fr 1fr"]{grid-template-columns:1fr !important} } /* ===== i8-grid-spellings: the collapse rules above key on inline-style TEXT, so a grid written "1.18fr 0.82fr" never matched a rule written "1.18fr .82fr". Same intent as the existing collapse block, just the spellings it missed. ===== */ @media (max-width:767px){ html body [style*="grid-template-columns:1.18fr 0.82fr"], html body [style*="grid-template-columns: 1.18fr 0.82fr"], html body [style*="grid-template-columns:0.85fr 1.15fr"], html body [style*="grid-template-columns: 0.85fr 1.15fr"], html body [style*="grid-template-columns:.85fr 1.15fr"], html body [style*="grid-template-columns: .85fr 1.15fr"], html body [style*="grid-template-columns:1fr 0.9fr"], html body [style*="grid-template-columns: 1fr 0.9fr"], html body [style*="grid-template-columns:1fr .9fr"], html body [style*="grid-template-columns: 1fr .9fr"], html body [style*="grid-template-columns:0.9fr 1.1fr"], html body [style*="grid-template-columns: 0.9fr 1.1fr"], html body [style*="grid-template-columns:1.6fr 1fr"], html body [style*="grid-template-columns: 1.6fr 1fr"], html body [style*="grid-template-columns:172px 1fr"], html body [style*="grid-template-columns: 172px 1fr"]{grid-template-columns:1fr !important} }