{"id":176,"date":"2026-06-11T14:09:20","date_gmt":"2026-06-11T14:09:20","guid":{"rendered":"https:\/\/staging.samplesite.top\/binnaeng\/?page_id=176"},"modified":"2026-10-26T17:14:18","modified_gmt":"2026-10-26T17:14:18","slug":"hse-management","status":"publish","type":"page","link":"https:\/\/staging.samplesite4u.com\/binnaeng\/hse-management\/","title":{"rendered":"HSE Management"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"176\" class=\"elementor elementor-176\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6096102 e-con-full e-flex e-con e-parent\" data-id=\"6096102\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f47cfd4 elementor-widget elementor-widget-html\" data-id=\"f47cfd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<div class=\"hz-page\">\r\n\r\n  <!-- HERO -->\r\n  <header class=\"hh-hero\">\r\n    <div class=\"hh-wrap hh-grid\">\r\n  \r\n      <div class=\"hh-copy\">\r\n        <span class=\"hh-status\"><i class=\"hh-dot\"><\/i><i class=\"fa-solid fa-satellite-dish\"><\/i> SITE SCAN ACTIVE<\/span>\r\n        <span class=\"hh-eyebrow hh-ei\"><i class=\"fa-solid fa-shield-heart\"><\/i>HEALTH, SAFETY &amp; ENVIRONMENT<\/span>\r\n        <h1>Every hazard found. <span>Every risk controlled.<\/span><\/h1>\r\n        <p>Integrated Health, Safety &amp; Environment frameworks built into every phase of operation, because everyone on site deserves to go home safe.<\/p>\r\n        <div class=\"hh-actions\">\r\n          <a href=\"#hz-board\" class=\"hh-btn hh-btn-a\">Verify our protocols<i class=\"fa-solid fa-arrow-down\"><\/i><\/a>\r\n          <a href=\"https:\/\/staging.samplesite4u.com\/binnaeng\/get-a-quote\/\" class=\"hh-btn hh-btn-l\"><i class=\"fa-solid fa-envelope\"><\/i>Request a site audit<\/a>\r\n        <\/div>\r\n      <\/div>\r\n  \r\n      <div class=\"hh-radar-col\">\r\n        <div class=\"hh-radar\" role=\"img\" aria-label=\"Animated hazard scanner: each hazard is detected and turns green once controlled\">\r\n          <div class=\"hh-ring hh-r1\"><\/div><div class=\"hh-ring hh-r2\"><\/div><div class=\"hh-ring hh-r3\"><\/div>\r\n          <div class=\"hh-axis hh-ax1\"><\/div><div class=\"hh-axis hh-ax2\"><\/div>\r\n          <div class=\"hh-sweep\"><\/div>\r\n  \r\n          <span class=\"hh-blip\" style=\"left:71.9%;top:24%;--d:.67s\"><em><i class=\"fa-solid fa-person-falling\"><\/i>Working at height<\/em><\/span>\r\n          <span class=\"hh-blip\" style=\"left:76.3%;top:59.6%;--d:1.83s\"><em><i class=\"fa-solid fa-bolt\"><\/i>Electrical<\/em><\/span>\r\n          <span class=\"hh-blip\" style=\"left:53.1%;top:85.9%;--d:2.92s\"><em><i class=\"fa-solid fa-weight-hanging\"><\/i>Lifting ops<\/em><\/span>\r\n          <span class=\"hh-blip hh-left\" style=\"left:25.4%;top:67.2%;--d:3.92s\"><em><i class=\"fa-solid fa-door-closed\"><\/i>Confined space<\/em><\/span>\r\n          <span class=\"hh-blip hh-left\" style=\"left:24.7%;top:28.8%;--d:5.17s\"><em><i class=\"fa-solid fa-fire\"><\/i>Hot work<\/em><\/span>\r\n  \r\n          <div class=\"hh-core\"><i class=\"fa-solid fa-helmet-safety\"><\/i><\/div>\r\n        <\/div>\r\n        <div class=\"hh-legend\"><span><i class=\"fa-solid fa-triangle-exclamation hh-lr\"><\/i> Hazard detected<\/span><span><i class=\"fa-solid fa-circle-check hh-lg\"><\/i> Risk controlled<\/span><\/div>\r\n      <\/div>\r\n  \r\n    <\/div>\r\n    <div class=\"hh-stripe\" aria-hidden=\"true\"><\/div>\r\n  <\/header>\r\n\r\n  <!-- HAZARD TAPE -->\r\n  <div class=\"hz-tape\" aria-hidden=\"true\">\r\n    <div class=\"hz-track\">\r\n      <i class=\"fa-solid fa-helmet-safety ic\"><\/i><span>SAFETY FIRST<\/span><i class=\"sp\"><\/i><i class=\"fa-solid fa-ban ic\"><\/i><span>NO SHORTCUTS<\/span><i class=\"sp\"><\/i><i class=\"fa-solid fa-hand ic\"><\/i><span>STOP WORK AUTHORITY<\/span><i class=\"sp\"><\/i><i class=\"fa-solid fa-heart-pulse ic\"><\/i><span>ZERO HARM<\/span><i class=\"sp\"><\/i>\r\n      <i class=\"fa-solid fa-helmet-safety ic\"><\/i><span>SAFETY FIRST<\/span><i class=\"sp\"><\/i><i class=\"fa-solid fa-ban ic\"><\/i><span>NO SHORTCUTS<\/span><i class=\"sp\"><\/i><i class=\"fa-solid fa-hand ic\"><\/i><span>STOP WORK AUTHORITY<\/span><i class=\"sp\"><\/i><i class=\"fa-solid fa-heart-pulse ic\"><\/i><span>ZERO HARM<\/span><i class=\"sp\"><\/i>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- MAIN -->\r\n  <section class=\"hz-main\" id=\"hz-board\">\r\n    <div class=\"hz-wrap hz-grid\">\r\n\r\n      <div class=\"hz-photo\">\r\n        <img decoding=\"async\" src=\"https:\/\/staging.samplesite.top\/binnaeng\/wp-content\/uploads\/2026\/07\/edilizia_img-body-1.png\" alt=\"Field audit in progress\" class=\"hz-img\">\r\n        <div class=\"hz-shade\"><\/div>\r\n        <div class=\"hz-vf\"><\/div>\r\n        <span class=\"hz-tag\"><i class=\"hz-dot\"><\/i><i class=\"fa-solid fa-clipboard-list\"><\/i> FIELD AUDIT IN PROGRESS<\/span>\r\n        <div class=\"hz-ptext\">\r\n          <span class=\"hz-eyebrow hz-eyebrow-lt hz-ei\"><i class=\"fa-solid fa-users\"><\/i>SAFETY CULTURE<\/span>\r\n          <h3>People come home the same way they came in.<\/h3>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Interactive permit -->\r\n      <div class=\"hz-clip\" id=\"hzClip\">\r\n        <div class=\"hz-clip-head\">\r\n          <div>\r\n            <span class=\"hz-eyebrow hz-ei\"><i class=\"fa-solid fa-stamp\"><\/i>SITE CLEARANCE PERMIT<\/span>\r\n            <h2>Verify each protocol to clear the site.<\/h2>\r\n          <\/div>\r\n          <button type=\"button\" class=\"hz-reset\" id=\"hzReset\"><i class=\"fa-solid fa-rotate-left\"><\/i>Reset<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"hz-prog\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\r\n        <p class=\"hz-count\"><i class=\"fa-solid fa-list-check\"><\/i><span id=\"hzCount\" aria-live=\"polite\">0 of 4 protocols verified. Tap each one to check it off.<\/span><\/p>\r\n\r\n        <div class=\"hz-rows\">\r\n          <button type=\"button\" class=\"hz-row\" role=\"checkbox\" aria-checked=\"false\">\r\n            <span class=\"hz-ico\"><i class=\"fa-solid fa-helmet-safety\"><\/i><\/span>\r\n            <span class=\"hz-rt\"><small>01<\/small><b>HSE Management<\/b><em>Integrated Health, Safety &amp; Environment frameworks built into every phase of operation.<\/em><u>TAP TO VERIFY<\/u><\/span>\r\n            <span class=\"hz-chk\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n          <\/button>\r\n          <button type=\"button\" class=\"hz-row\" role=\"checkbox\" aria-checked=\"false\">\r\n            <span class=\"hz-ico\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/span>\r\n            <span class=\"hz-rt\"><small>02<\/small><b>Risk Assessment<\/b><em>Proactive hazard identification and quantitative risk modeling across critical assets.<\/em><u>TAP TO VERIFY<\/u><\/span>\r\n            <span class=\"hz-chk\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n          <\/button>\r\n          <button type=\"button\" class=\"hz-row\" role=\"checkbox\" aria-checked=\"false\">\r\n            <span class=\"hz-ico\"><i class=\"fa-solid fa-file-shield\"><\/i><\/span>\r\n            <span class=\"hz-rt\"><small>03<\/small><b>Regulatory Compliance<\/b><em>Full alignment with international and local statutory standards, audited and documented.<\/em><u>TAP TO VERIFY<\/u><\/span>\r\n            <span class=\"hz-chk\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n          <\/button>\r\n          <button type=\"button\" class=\"hz-row\" role=\"checkbox\" aria-checked=\"false\">\r\n            <span class=\"hz-ico\"><i class=\"fa-solid fa-clipboard-check\"><\/i><\/span>\r\n            <span class=\"hz-rt\"><small>04<\/small><b>Site Safety Inspections<\/b><em>Scheduled and unannounced inspections that keep field operations accountable in real time.<\/em><u>TAP TO VERIFY<\/u><\/span>\r\n            <span class=\"hz-chk\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"hz-foot\">\r\n          <div class=\"hz-sig\"><span><\/span><small><i class=\"fa-solid fa-signature\"><\/i>HSE OFFICER<\/small><\/div>\r\n          <div class=\"hz-stamp\"><b><i class=\"fa-solid fa-circle-check\"><\/i>CLEARED TO WORK<\/b><small>ALL PROTOCOLS ACTIVE<\/small><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<style>\r\n.hz-page{--ink:#0F172A;--sl:#475569;--mut:#64748b;--am:#F59E0B;--am2:#D97706;--gr:#16A34A;--line:#E2E8F0;\r\n  font-family:'Montserrat',sans-serif;color:var(--ink);width:100%;overflow-x:clip;background:#FAFBFC}\r\n.hz-page *,.hz-page *::before,.hz-page *::after{box-sizing:border-box;margin:0;padding:0}\r\n\/* Montserrat on the text only (NOT on pseudo-elements, so icons keep their font) *\/\r\n.hz-page *{font-family:'Montserrat',sans-serif}\r\n\/* Font Awesome icons: force the icon font on the <i> AND its ::before glyph *\/\r\n.hz-page i.fa-solid,\r\n.hz-page i.fa-solid::before{font-family:\"Font Awesome 6 Free\"!important;font-weight:900!important;font-style:normal}\r\n.hz-page i.fa-solid{line-height:1;display:inline-block}\r\n.hz-wrap{max-width:1200px;margin:0 auto;padding:0 32px}\r\n.hz-eyebrow{display:block;position:relative;padding-left:30px;font-size:11px;font-weight:700;letter-spacing:3px;color:var(--am2);margin-bottom:20px}\r\n.hz-eyebrow::before{content:\"\";position:absolute;left:0;top:50%;width:18px;height:2px;background:currentColor;transform:translateY(-50%)}\r\n.hz-eyebrow-lt{color:var(--am)}\r\n.hz-row:focus-visible,.hz-reset:focus-visible{outline:3px solid var(--am);outline-offset:3px}\r\n\r\n\/* tape *\/\r\n.hz-tape{position:relative;background:var(--am);padding:20px 0;overflow:hidden;border-block:12px solid transparent;\r\n  border-image:repeating-linear-gradient(-45deg,var(--ink) 0 14px,var(--am) 14px 28px) 12}\r\n.hz-track{display:inline-flex;align-items:center;white-space:nowrap;animation:hzmarq 32s linear infinite}\r\n.hz-track span{font-size:15px;font-weight:800;letter-spacing:.22em;color:var(--ink);padding:0 4px}\r\n.hz-track i.sp{width:10px;height:10px;background:var(--ink);transform:rotate(45deg);margin:0 34px;flex-shrink:0}\r\n.hz-track i.ic{font-size:16px;color:var(--ink);margin-right:12px;flex-shrink:0}\r\n@keyframes hzmarq{to{transform:translateX(-50%)}}\r\n\r\n\/* main *\/\r\n.hz-main{padding:100px 0;background-image:linear-gradient(#eef1f5 1px,transparent 1px),linear-gradient(90deg,#eef1f5 1px,transparent 1px);background-size:40px 40px}\r\n.hz-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:stretch}\r\n\r\n.hz-photo{position:relative;border-radius:20px;overflow:hidden;min-height:620px;background:var(--ink);box-shadow:0 14px 36px rgba(15,23,42,.14)}\r\n.hz-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}\r\n.hz-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,0) 50%,rgba(0,0,0,.88))}\r\n.hz-vf{position:absolute;inset:18px;pointer-events:none;\r\n  background:\r\n   linear-gradient(#fff,#fff) 0 0\/34px 3px no-repeat,linear-gradient(#fff,#fff) 0 0\/3px 34px no-repeat,\r\n   linear-gradient(#fff,#fff) 100% 0\/34px 3px no-repeat,linear-gradient(#fff,#fff) 100% 0\/3px 34px no-repeat,\r\n   linear-gradient(#fff,#fff) 0 100%\/34px 3px no-repeat,linear-gradient(#fff,#fff) 0 100%\/3px 34px no-repeat,\r\n   linear-gradient(#fff,#fff) 100% 100%\/34px 3px no-repeat,linear-gradient(#fff,#fff) 100% 100%\/3px 34px no-repeat;opacity:.75}\r\n.hz-tag{position:absolute;top:40px;left:40px;z-index:2;display:inline-flex;align-items:center;gap:8px;background:rgba(15,23,42,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:30px;color:#fff;font-size:10px;font-weight:700;letter-spacing:1.5px}\r\n.hz-tag i.fa-solid{color:var(--am);font-size:11px}\r\n.hz-dot{width:7px;height:7px;border-radius:50%;background:var(--am);display:inline-block;animation:hzblink 1.4s ease-in-out infinite}\r\n@keyframes hzblink{50%{opacity:.25}}\r\n.hz-ptext{position:absolute;left:44px;right:44px;bottom:48px;z-index:2}\r\n.hz-ptext h3{font-size:clamp(22px,2.4vw,30px);font-weight:600;line-height:1.3;letter-spacing:-.02em;color:#fff}\r\n\r\n\/* clipboard *\/\r\n.hz-clip{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:62px 38px 30px;box-shadow:0 14px 36px rgba(15,23,42,.08)}\r\n.hz-clip::before{content:\"\";position:absolute;top:-14px;left:50%;width:150px;height:46px;margin-left:-75px;border-radius:10px;background:linear-gradient(#64748b,#334155);box-shadow:0 4px 10px rgba(15,23,42,.25)}\r\n.hz-clip::after{content:\"\";position:absolute;top:-2px;left:50%;width:56px;height:14px;margin-left:-28px;border-radius:8px;background:#0F172A}\r\n.hz-clip-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}\r\n.hz-clip-head h2{font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.03em;line-height:1.15}\r\n.hz-reset{display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--mut);background:none;border:1.5px solid var(--line);border-radius:20px;padding:7px 14px;cursor:pointer;flex-shrink:0;transition:all .2s}\r\n.hz-reset:hover{border-color:var(--ink);color:var(--ink)}\r\n.hz-reset i.fa-solid{font-size:10px;transition:transform .3s}\r\n.hz-reset:hover i.fa-solid{transform:rotate(-180deg)}\r\n.hz-prog{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}\r\n.hz-prog i{height:8px;border-radius:4px;background:var(--line);transition:background .3s}\r\n.hz-prog i.on{background:var(--am)}\r\n.hz-clip.is-clear .hz-prog i{background:var(--gr)}\r\n.hz-count{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:600;color:var(--mut);margin-bottom:8px}\r\n.hz-count i.fa-solid{color:var(--am2);margin-top:2px;font-size:13px}\r\n\r\n.hz-row{display:grid;grid-template-columns:50px 1fr 38px;gap:18px;align-items:center;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:22px 4px;cursor:pointer;font-family:inherit;color:inherit;transition:background .2s}\r\n.hz-row:hover{background:#fffbeb}\r\n.hz-ico{width:50px;height:50px;border-radius:12px;background:#fffbeb;border:1px solid #fde68a;color:var(--am2);display:flex;align-items:center;justify-content:center;font-size:19px;transition:all .25s}\r\n.hz-rt{display:block}\r\n.hz-rt small{display:block;font-size:11px;font-weight:700;color:#cbd5e1;margin-bottom:3px;letter-spacing:1px}\r\n.hz-rt b{display:block;font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}\r\n.hz-rt em{display:block;font-style:normal;font-size:13.5px;line-height:1.6;color:var(--sl);margin-bottom:8px}\r\n.hz-rt u{display:block;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#94a3b8}\r\n.hz-chk{width:38px;height:38px;border-radius:50%;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;color:transparent;font-size:15px;transition:all .25s cubic-bezier(.2,1.6,.4,1)}\r\n.hz-row[aria-checked=\"true\"] .hz-ico{background:var(--am);border-color:var(--am);color:var(--ink)}\r\n.hz-row[aria-checked=\"true\"] .hz-chk{background:var(--gr);border-color:var(--gr);color:#fff;transform:scale(1.08)}\r\n.hz-row[aria-checked=\"true\"] .hz-rt u{color:var(--gr)}\r\n\r\n.hz-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px dashed #cbd5e1;padding-top:24px;margin-top:2px;min-height:108px}\r\n.hz-sig{flex:1;max-width:220px}\r\n.hz-sig span{display:block;border-bottom:1.5px solid var(--ink);height:34px}\r\n.hz-sig small{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#94a3b8;margin-top:8px}\r\n.hz-sig small i.fa-solid{color:var(--am2);font-size:12px}\r\n.hz-stamp{border:4px double var(--gr);color:var(--gr);border-radius:10px;padding:10px 18px;text-align:center;opacity:0;transform:scale(2.2) rotate(-12deg);pointer-events:none;transition:opacity .3s,transform .4s cubic-bezier(.2,1.5,.4,1)}\r\n.hz-stamp b{display:block;font-size:17px;font-weight:800;letter-spacing:2px}\r\n.hz-stamp b i.fa-solid{margin-right:8px;font-size:15px}\r\n.hz-stamp small{display:block;font-size:9px;font-weight:700;letter-spacing:2px;margin-top:3px}\r\n.hz-clip.is-clear .hz-stamp{opacity:1;transform:scale(1) rotate(-8deg)}\r\n\r\n\/* eyebrows that carry an icon instead of the short line *\/\r\n.hz-ei{display:flex;align-items:center;gap:12px;padding-left:0}\r\n.hz-ei::before{display:none}\r\n.hz-ei i.fa-solid{font-size:15px}\r\n\r\n@media(max-width:1024px){\r\n  .hz-grid{grid-template-columns:1fr;gap:48px}\r\n  .hz-photo{min-height:460px}\r\n}\r\n@media(max-width:768px){\r\n  .hz-wrap{padding:0 20px}.hz-main{padding:64px 0}\r\n  .hz-clip{padding:56px 22px 24px}\r\n  .hz-row{grid-template-columns:44px 1fr 32px;gap:14px}\r\n  .hz-ico{width:44px;height:44px;font-size:17px}.hz-chk{width:32px;height:32px}\r\n  .hz-foot{flex-direction:column;align-items:flex-start}\r\n  .hz-ptext{left:26px;right:26px}.hz-tag{left:30px;top:30px}\r\n  .hz-track span{font-size:13px}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  .hz-track,.hz-dot{animation:none}\r\n  .hz-stamp{transition:none}\r\n}\r\n\r\n\/* ===== HERO ===== *\/\r\n.hh-hero{--ink:#0F172A;--am:#F59E0B;--gr:#22C55E;--rd:#EF4444;position:relative;overflow:hidden;width:100%;color:#fff;font-family:'Montserrat',sans-serif;\r\n  background-color:var(--ink);padding:96px 0 0;\r\n  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px}\r\n.hh-hero::before{content:\"\";position:absolute;right:-8%;top:-20%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.16),transparent 65%)}\r\n.hh-hero *,.hh-hero *::before,.hh-hero *::after{box-sizing:border-box;margin:0;padding:0}\r\n\/* Montserrat on the text only (NOT on pseudo-elements, so icons keep their font) *\/\r\n.hh-hero *{font-family:'Montserrat',sans-serif}\r\n\/* Font Awesome icons: force the icon font on the <i> AND its ::before glyph *\/\r\n.hh-hero i.fa-solid,\r\n.hh-hero i.fa-solid::before{font-family:\"Font Awesome 6 Free\"!important;font-weight:900!important;font-style:normal}\r\n.hh-hero i.fa-solid{line-height:1;display:inline-block}\r\n.hh-wrap{position:relative;max-width:1200px;margin:0 auto;padding:0 32px}\r\n.hh-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding-bottom:96px}\r\n\r\n.hh-status{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);padding:8px 16px;border-radius:30px;font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:26px}\r\n.hh-status i.fa-solid{font-size:12px;color:var(--am)}\r\n.hh-dot{width:8px;height:8px;border-radius:50%;background:var(--gr);display:inline-block;animation:hhblink 1.3s ease-in-out infinite}\r\n@keyframes hhblink{50%{opacity:.25}}\r\n.hh-eyebrow{display:block;position:relative;padding-left:30px;font-size:11px;font-weight:700;letter-spacing:3px;color:var(--am);margin-bottom:20px}\r\n.hh-eyebrow::before{content:\"\";position:absolute;left:0;top:50%;width:18px;height:2px;background:currentColor}\r\n.hh-ei{display:flex;align-items:center;gap:12px;padding-left:0}\r\n.hh-ei::before{display:none}\r\n.hh-ei i.fa-solid{font-size:15px}\r\n.hh-hero h1{font-size:clamp(38px,5.2vw,70px);font-weight:800;line-height:1.05;letter-spacing:-.035em;margin-bottom:26px;color:#fff!important}\r\n.hh-hero h1 span{display:block;font-weight:300;color:var(--am)!important;letter-spacing:-.02em}\r\n.hh-copy p{font-size:16px;line-height:1.8;color:rgba(255,255,255,.75);max-width:50ch;margin-bottom:36px}\r\n.hh-actions{display:flex;gap:14px;flex-wrap:wrap}\r\n.hh-btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 30px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;transition:background .2s,color .2s,transform .2s}\r\n.hh-btn:focus-visible{outline:3px solid var(--am);outline-offset:3px}\r\n.hh-btn i.fa-solid{font-size:13px;transition:transform .2s}\r\n.hh-btn-a i.fa-solid{margin-left:10px}\r\n.hh-btn-l i.fa-solid{margin-right:10px;color:var(--am)}\r\n.hh-btn-a:hover i.fa-solid{transform:translateY(3px)}\r\n.hh-btn-a{background:var(--am);color:var(--ink)!important}.hh-btn-a:hover{background:#fff;transform:translateY(-2px)}\r\n.hh-btn-l{border:1.5px solid rgba(255,255,255,.4);color:#fff!important}.hh-btn-l:hover{background:rgba(255,255,255,.1)}\r\n.hh-copy>*{animation:hhup .8s cubic-bezier(.2,.8,.2,1) both}\r\n.hh-copy>:nth-child(2){animation-delay:.08s}.hh-copy>:nth-child(3){animation-delay:.16s}.hh-copy>:nth-child(4){animation-delay:.24s}.hh-copy>:nth-child(5){animation-delay:.32s}\r\n@keyframes hhup{from{opacity:0;transform:translateY(24px)}}\r\n\r\n\/* radar *\/\r\n.hh-radar-col{display:flex;flex-direction:column;align-items:center;gap:26px}\r\n.hh-radar{position:relative;width:min(460px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#0b1426 0 98%,transparent 99%);border:2px solid rgba(245,158,11,.55);box-shadow:0 0 0 10px rgba(255,255,255,.04),0 30px 70px rgba(0,0,0,.55),inset 0 0 60px rgba(245,158,11,.1)}\r\n.hh-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(255,255,255,.14);transform:translate(-50%,-50%)}\r\n.hh-r1{width:30%;height:30%}.hh-r2{width:62%;height:62%}.hh-r3{width:94%;height:94%}\r\n.hh-axis{position:absolute;background:rgba(255,255,255,.1)}\r\n.hh-ax1{left:50%;top:3%;bottom:3%;width:1px}.hh-ax2{top:50%;left:3%;right:3%;height:1px}\r\n.hh-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 290deg,rgba(245,158,11,.5) 360deg);animation:hhspin 6s linear infinite}\r\n.hh-sweep::after{content:\"\";position:absolute;left:50%;top:0;width:2px;height:50%;margin-left:-1px;background:var(--am);box-shadow:0 0 12px var(--am)}\r\n@keyframes hhspin{to{transform:rotate(360deg)}}\r\n\r\n.hh-blip{position:absolute;width:16px;height:16px;margin:-8px;border-radius:50%;background:var(--rd);box-shadow:0 0 0 0 rgba(239,68,68,.6);animation:hhhit 6s linear var(--d) infinite}\r\n.hh-blip em{position:absolute;left:24px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;font-style:normal;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;color:#fff;background:rgba(15,23,42,.85);border:1px solid rgba(255,255,255,.2);padding:4px 9px;border-radius:12px}\r\n.hh-blip em i.fa-solid{margin-right:7px;font-size:10px;color:var(--am)}\r\n.hh-left em{left:auto;right:24px}\r\n@keyframes hhhit{\r\n  0%{background:var(--gr);box-shadow:0 0 0 0 rgba(34,197,94,.7);transform:scale(1.5)}\r\n  6%{box-shadow:0 0 0 18px rgba(34,197,94,0);transform:scale(1)}\r\n  80%{background:var(--gr);box-shadow:0 0 0 0 rgba(34,197,94,0)}\r\n  88%{background:var(--rd);box-shadow:0 0 0 0 rgba(239,68,68,.6)}\r\n  94%{box-shadow:0 0 0 14px rgba(239,68,68,0)}\r\n  100%{background:var(--rd);box-shadow:0 0 0 0 rgba(239,68,68,0)}\r\n}\r\n.hh-core{position:absolute;left:50%;top:50%;width:21%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--am);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:clamp(20px,5vw,34px);box-shadow:0 0 0 8px rgba(245,158,11,.2),0 0 40px rgba(245,158,11,.5);z-index:2}\r\n\r\n.hh-legend{display:flex;gap:26px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.65)}\r\n.hh-legend span{display:inline-flex;align-items:center;gap:9px}\r\n.hh-legend i.fa-solid{font-size:13px}\r\n.hh-lr{color:var(--rd)}.hh-lg{color:var(--gr)}\r\n\r\n.hh-stripe{height:16px;background:repeating-linear-gradient(-45deg,var(--am) 0 18px,var(--ink) 18px 36px)}\r\n\r\n@media(max-width:1024px){\r\n  .hh-grid{grid-template-columns:1fr;gap:56px}\r\n}\r\n@media(max-width:768px){\r\n  .hh-hero{padding-top:64px}.hh-wrap{padding:0 20px}.hh-grid{padding-bottom:64px}\r\n  .hh-actions .hh-btn{width:100%}\r\n  .hh-blip em{font-size:8.5px;padding:3px 7px;left:18px}.hh-left em{right:18px;left:auto}\r\n  .hh-blip em i.fa-solid{font-size:8.5px;margin-right:5px}\r\n  .hh-legend{gap:16px;font-size:10px}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  .hh-sweep,.hh-dot,.hh-copy>*{animation:none}\r\n  .hh-blip{animation:none;background:var(--gr)}\r\n}\r\n\r\n\/* Montserrat on all text (icons keep Font Awesome) *\/\r\n.hz-page,.hz-page *:not(i),.hz-page button,.hz-page a{font-family:'Montserrat',sans-serif!important}\r\n\/* final safety net: icons always win *\/\r\n.hz-page i.fa-solid,\r\n.hz-page i.fa-solid::before{font-family:\"Font Awesome 6 Free\"!important;font-weight:900!important}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var clip=document.getElementById('hzClip');if(!clip)return;\r\n  var rows=clip.querySelectorAll('.hz-row'),bars=clip.querySelectorAll('.hz-prog i'),\r\n      txt=document.getElementById('hzCount'),reset=document.getElementById('hzReset');\r\n  function update(){\r\n    var n=0;\r\n    rows.forEach(function(r,i){\r\n      var on=r.getAttribute('aria-checked')==='true';\r\n      if(on)n++;\r\n      bars[i].classList.toggle('on',on);\r\n      r.querySelector('u').textContent=on?'PROTOCOL VERIFIED':'TAP TO VERIFY';\r\n    });\r\n    clip.classList.toggle('is-clear',n===rows.length);\r\n    txt.textContent=n===rows.length?'Site cleared. All 4 protocols verified.':n+' of 4 protocols verified. Tap each one to check it off.';\r\n  }\r\n  rows.forEach(function(r){r.addEventListener('click',function(){\r\n    r.setAttribute('aria-checked',r.getAttribute('aria-checked')==='true'?'false':'true');update();\r\n  })});\r\n  reset.addEventListener('click',function(){rows.forEach(function(r){r.setAttribute('aria-checked','false')});update()});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SITE SCAN ACTIVE HEALTH, SAFETY &amp; ENVIRONMENT Every hazard found. Every risk controlled. Integrated Health, Safety &amp; Environment frameworks built into every phase of operation, because everyone on site deserves&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-176","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.samplesite4u.com\/binnaeng\/wp-json\/wp\/v2\/pages\/176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.samplesite4u.com\/binnaeng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.samplesite4u.com\/binnaeng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.samplesite4u.com\/binnaeng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.samplesite4u.com\/binnaeng\/wp-json\/wp\/v2\/comments?post=176"}],"version-history":[{"count":17,"href":"https:\/\/staging.samplesite4u.com\/binnaeng\/wp-json\/wp\/v2\/pages\/176\/revisions"}],"predecessor-version":[{"id":1137,"href":"https:\/\/staging.samplesite4u.com\/binnaeng\/wp-json\/wp\/v2\/pages\/176\/revisions\/1137"}],"wp:attachment":[{"href":"https:\/\/staging.samplesite4u.com\/binnaeng\/wp-json\/wp\/v2\/media?parent=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}