{"id":10,"date":"2026-04-11T20:12:13","date_gmt":"2026-04-11T20:12:13","guid":{"rendered":"https:\/\/unapologeticethicz.co.za\/?page_id=10"},"modified":"2026-04-14T15:11:43","modified_gmt":"2026-04-14T15:11:43","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/unapologeticethicz.co.za\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e3c6a0 e-flex e-con-boxed e-con e-parent\" data-id=\"7e3c6a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-132f129 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"132f129\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\"\/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\"\/>\r\n<title>Unapologetic Ethicz<\/title>\r\n<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=Bebas+Neue&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,700;9..40,900&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --red:#ff3b30;\r\n  --off-white:#f4f1eb;\r\n  --black:#060606;\r\n  --dark:#080808;\r\n  --card:#0d0d0d;\r\n  --border:rgba(255,255,255,0.08);\r\n  --muted:rgba(255,255,255,0.55);\r\n  --body-text:rgba(255,255,255,0.72);\r\n}\r\nhtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%;width:100%;overflow-x:hidden}\r\nbody{font-family:'DM Sans',sans-serif;background:var(--black);color:#fff;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;margin:0;padding:0}\r\nimg{display:block;max-width:100%}\r\na{text-decoration:none;color:inherit}\r\n\r\n@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}\r\n@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\r\n@keyframes spin{to{transform:rotate(360deg)}}\r\n@keyframes pulse-ring{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.12);opacity:.12}}\r\n\r\n\/* HEADER *\/\r\nheader{position:sticky;top:0;z-index:200;width:100%;border-bottom:1px solid transparent;transition:background .4s,border-color .4s;}\r\nheader.scrolled{background:rgba(5,5,5,0.94);border-color:var(--border);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);}\r\n.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:.85rem 1.25rem;}\r\n@media(min-width:768px){.nav-inner{padding:.95rem 2.5rem}}\r\n@media(min-width:1240px){.nav-inner{padding:.95rem 4rem}}\r\n@media(min-width:1600px){.nav-inner{padding:.95rem 5.5rem}}\r\n\r\n.logo{display:flex;align-items:center;gap:.6rem}\r\n.logo-mark{position:relative;width:40px;height:40px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(255,59,48,.5);background:rgba(255,59,48,.1);display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:900;color:#fff;}\r\n.logo-mark::before{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(255,59,48,.3);animation:pulse-ring 3s ease-in-out infinite;}\r\n.logo-text-top{display:block;font-size:.66rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#fff}\r\n.logo-text-bot{display:block;font-size:.56rem;letter-spacing:.36em;text-transform:uppercase;color:var(--red)}\r\n\r\n.desktop-nav{display:none;align-items:center;gap:1.8rem}\r\n@media(min-width:1024px){.desktop-nav{display:flex}}\r\n.desktop-nav a{position:relative;font-size:.65rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6);transition:color .2s;}\r\n.desktop-nav a::after{content:'';position:absolute;bottom:-3px;left:0;height:1px;width:0;background:var(--red);transition:width .25s}\r\n.desktop-nav a:hover{color:#fff}\r\n.desktop-nav a:hover::after{width:100%}\r\n\r\n.btn-red{display:inline-flex;align-items:center;gap:.4rem;background:var(--red);color:#fff;border:none;border-radius:99px;padding:.65rem 1.3rem;font-size:.66rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:background .2s;white-space:nowrap;}\r\n.btn-red::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.14);transform:translateX(-110%) skewX(-14deg);transition:transform .35s;}\r\n.btn-red:hover{background:#ff5148}\r\n.btn-red:hover::before{transform:translateX(110%) skewX(-14deg)}\r\n.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:99px;padding:.65rem 1.3rem;font-size:.66rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:background .2s;white-space:nowrap;}\r\n.btn-ghost:hover{background:rgba(255,255,255,.1)}\r\n\r\n.nav-cta{display:none}\r\n@media(min-width:1024px){.nav-cta{display:inline-flex}}\r\n.menu-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:#fff;font-size:1rem;cursor:pointer;transition:background .2s;}\r\n.menu-toggle:hover{background:rgba(255,255,255,.1)}\r\n@media(min-width:1024px){.menu-toggle{display:none}}\r\n\r\n.mobile-menu{display:none;flex-direction:column;border-top:1px solid rgba(255,255,255,.07);background:#050505;padding:.9rem 1.25rem 1.4rem;}\r\n.mobile-menu.open{display:flex}\r\n.mobile-menu a{padding:.75rem 0;font-size:.82rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.05);transition:color .2s;animation:fadeUp .35s both;}\r\n.mobile-menu a:hover{color:#fff}\r\n.mobile-menu .btn-red{margin-top:1.1rem;justify-content:center}\r\n\r\n\/* HERO *\/\r\n#home{position:relative;overflow:hidden;background:#050505;isolation:isolate;width:100%}\r\n.hero-bg{position:absolute;inset:0;pointer-events:none}\r\n.hero-bg-grad{position:absolute;inset:0;background:radial-gradient(ellipse 65% 55% at 88% 12%,rgba(255,59,48,.14),transparent),radial-gradient(ellipse 40% 60% at 8% 88%,rgba(255,255,255,.025),transparent);}\r\n.hero-grid{position:absolute;inset:0;opacity:.06;background-image:linear-gradient(rgba(255,255,255,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.55) 1px,transparent 1px);background-size:56px 56px;}\r\n.hero-orbit{position:absolute;right:-100px;top:0;width:520px;height:520px;border-radius:50%;border:1px dashed rgba(255,59,48,.35);opacity:.12;animation:spin 24s linear infinite;}\r\n.hero-orbit-2{position:absolute;left:-70px;bottom:-40px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.06);}\r\n.hero-stripe{position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,var(--red) 45%,transparent);opacity:.2;}\r\n.noise{position:absolute;inset:0;pointer-events:none;opacity:.04;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");}\r\n\r\n.hero-inner{position:relative;width:100%;margin:0;display:grid;gap:2.5rem;padding:3.5rem 1.25rem 4.5rem;}\r\n@media(min-width:640px){.hero-inner{padding:4.5rem 2.5rem 5.5rem}}\r\n@media(min-width:1024px){.hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;padding:6rem 4rem 7rem;gap:3rem}}\r\n@media(min-width:1600px){.hero-inner{padding:6rem 5.5rem 7rem;}}\r\n\r\n.hero-badge{display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(255,59,48,.3);background:rgba(255,59,48,.08);border-radius:99px;padding:.42rem .95rem;font-size:.62rem;letter-spacing:.17em;text-transform:uppercase;color:rgba(255,255,255,.68);margin-bottom:1.3rem;animation:fadeUp .7s .05s both;}\r\n.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 6px var(--red);flex-shrink:0}\r\n\r\n.hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(60px,13vw,106px);line-height:.9;letter-spacing:.02em;color:#fff;animation:fadeUp .7s .1s both;}\r\n.hero-title .accent{color:var(--red)}\r\n\r\n.hero-desc{margin-top:1.3rem;font-size:clamp(.88rem,2vw,1rem);line-height:1.85;color:var(--body-text);max-width:500px;animation:fadeUp .7s .18s both;}\r\n.hero-ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem;animation:fadeUp .7s .26s both}\r\n.hero-stats{display:flex;gap:2rem;flex-wrap:wrap;margin-top:2.8rem;animation:fadeUp .7s .34s both}\r\n.stat-num{font-family:'Bebas Neue',sans-serif;font-size:2.1rem;letter-spacing:.04em;color:#fff;line-height:1}\r\n.stat-label{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-top:.18rem}\r\n\r\n.hero-img-col{display:flex;align-items:center;justify-content:center;animation:fadeUp .7s .22s both}\r\n.hero-img-wrap{position:relative;width:100%;max-width:450px;margin:0 auto}\r\n.hero-img-decor{display:none;position:absolute;left:-14px;top:24px;width:78%;height:80%;border-radius:34px;border:1px solid rgba(255,59,48,.3);opacity:.3;}\r\n@media(min-width:1024px){.hero-img-decor{display:block}}\r\n.hero-img-badge{display:none;position:absolute;right:-16px;top:-14px;background:#0d0d0d;border:1px solid rgba(255,59,48,.3);border-radius:16px;padding:.85rem .95rem;text-align:center;box-shadow:0 14px 44px rgba(0,0,0,.5);z-index:2;}\r\n@media(min-width:1024px){.hero-img-badge{display:block}}\r\n.badge-since{font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.3)}\r\n.badge-year{font-family:'Bebas Neue',sans-serif;font-size:1.9rem;color:#fff;line-height:1;margin-top:.12rem}\r\n.badge-sa{font-size:.5rem;letter-spacing:.17em;text-transform:uppercase;color:var(--red);margin-top:.1rem}\r\n\r\n.hero-img-card{border-radius:26px;padding:3px;overflow:hidden;background:linear-gradient(135deg,rgba(255,59,48,.4),rgba(255,255,255,.06),transparent);box-shadow:0 30px 85px rgba(0,0,0,.6);}\r\n.hero-img-card-inner{border-radius:24px;overflow:hidden;background:#0d0d0d;position:relative}\r\n.hero-img-card img{width:100%;height:clamp(260px,52vw,500px);object-fit:cover;object-position:center;filter:brightness(.72) contrast(1.05);}\r\n.hero-img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.88) 100%);}\r\n.div-pills{position:absolute;top:12px;left:12px;display:flex;gap:.3rem;flex-wrap:wrap;z-index:2}\r\n.div-pill{padding:.26rem .7rem;border-radius:99px;font-size:.56rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:background .3s,color .3s,border-color .3s;border:1px solid transparent;}\r\n.hero-img-info{position:absolute;bottom:0;left:0;right:0;padding:1.1rem;z-index:2}\r\n.hero-info-card{border-radius:16px;padding:.95rem 1.1rem;background:rgba(0,0,0,.52);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);}\r\n.hero-info-tag{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.38rem;transition:color .3s}\r\n.hero-info-text{font-size:.75rem;line-height:1.6;color:rgba(255,255,255,.65)}\r\n.progress-bars{display:flex;gap:.26rem;margin-top:.65rem}\r\n.progress-bar{height:3px;border-radius:99px;background:rgba(255,255,255,.18);transition:flex .35s,background .35s}\r\n\r\n\/* TICKER *\/\r\n.ticker-section{overflow:hidden;width:100%;border-top:1px solid rgba(255,59,48,.2);border-bottom:1px solid rgba(255,59,48,.2);background:rgba(255,59,48,.07);padding:.85rem 0;}\r\n.ticker-track{display:flex;width:max-content;animation:ticker 28s linear infinite}\r\n.ticker-track:hover{animation-play-state:paused}\r\n.ticker-item{display:inline-flex;align-items:center;gap:.8rem;padding:0 1.1rem;font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;}\r\n.ticker-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,59,48,.45);flex-shrink:0}\r\n\r\n\/* SECTION LAYOUT *\/\r\n.section-pad{padding:4rem 0;width:100%}\r\n@media(min-width:768px){.section-pad{padding:5.5rem 0}}\r\n.section-inner{width:100%;margin:0;padding:0 1.25rem}\r\n@media(min-width:640px){.section-inner{padding:0 2.5rem}}\r\n@media(min-width:1240px){.section-inner{padding:0 4rem}}\r\n@media(min-width:1600px){.section-inner{padding:0 5.5rem}}\r\n\r\n.section-tag{font-size:.64rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--red);margin-bottom:1rem}\r\n.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5.5vw,58px);line-height:.92;letter-spacing:.02em}\r\n.title-dark{color:#111}\r\n.title-light{color:#fff}\r\n.highlight-bar{position:relative;display:inline-block}\r\n.highlight-bar::after{content:'';position:absolute;bottom:3px;left:0;right:0;height:8px;background:var(--red);opacity:.18;z-index:-1;border-radius:2px;}\r\n\r\n\/* ABOUT *\/\r\n#about{background:var(--off-white);width:100%}\r\n.about-grid{display:grid;gap:2.5rem}\r\n@media(min-width:1024px){.about-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:4rem}}\r\n.about-ghost{font-family:'Bebas Neue',sans-serif;font-size:clamp(70px,12vw,120px);line-height:1;color:rgba(0,0,0,.06);margin-top:.4rem;user-select:none;}\r\n.about-body{font-size:clamp(.88rem,1.8vw,1rem);line-height:1.85;color:rgba(27,27,27,.78);margin-bottom:2rem}\r\n.value-grid{display:grid;gap:.65rem;grid-template-columns:repeat(2,1fr)}\r\n@media(max-width:420px){.value-grid{grid-template-columns:1fr}}\r\n.value-pill{border-radius:16px;border:1.5px solid rgba(0,0,0,.08);background:#fff;padding:.9rem 1.1rem;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#111;box-shadow:0 5px 18px rgba(0,0,0,.05);cursor:default;display:flex;align-items:center;gap:.55rem;transition:background .2s,color .2s,border-color .2s;}\r\n.value-pill:hover{background:var(--red);color:#fff;border-color:var(--red)}\r\n.value-arrow{color:var(--red);transition:color .2s;flex-shrink:0}\r\n.value-pill:hover .value-arrow{color:#fff}\r\n\r\n\/* DIVISIONS *\/\r\n#divisions{background:var(--dark);width:100%}\r\n.div-head{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:2.8rem}\r\n@media(min-width:1024px){.div-head{flex-direction:row;align-items:flex-end;justify-content:space-between}}\r\n.div-sub{max-width:400px;font-size:.92rem;line-height:1.8;color:var(--muted)}\r\n.div-grid{display:grid;gap:1rem}\r\n@media(min-width:640px){.div-grid{grid-template-columns:repeat(2,1fr)}}\r\n@media(min-width:1024px){.div-grid{grid-template-columns:repeat(3,1fr)}}\r\n.div-card{border-radius:22px;padding:1.5rem;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;cursor:default;}\r\n.div-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 26px 60px rgba(0,0,0,.35)}\r\n.div-card.featured{background:var(--red);border-color:rgba(255,59,48,.4);box-shadow:0 22px 55px rgba(255,59,48,.2)}\r\n@media(min-width:640px) and (max-width:1023px){.div-card.featured{grid-column:1\/-1}}\r\n.div-card-num{position:absolute;right:1rem;top:.5rem;font-family:'Bebas Neue',sans-serif;font-size:4.2rem;line-height:1;color:rgba(255,255,255,.07);user-select:none;pointer-events:none;}\r\n.div-card.featured .div-card-num{color:rgba(255,255,255,.15)}\r\n.div-icon{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;margin-bottom:1.3rem;flex-shrink:0;}\r\n.div-tag{font-size:.58rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;margin-bottom:.55rem}\r\n.div-card.featured .div-tag{color:rgba(255,255,255,.7)}\r\n.div-title{font-family:'Bebas Neue',sans-serif;font-size:1.75rem;line-height:.95;letter-spacing:.02em;color:#fff;margin-bottom:.9rem}\r\n.div-desc{font-size:.8rem;line-height:1.78;color:rgba(255,255,255,.54);margin-bottom:1.6rem}\r\n.div-card.featured .div-desc{color:rgba(255,255,255,.88)}\r\n.div-footer{display:flex;align-items:center;gap:.65rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}\r\n.div-card.featured .div-footer{border-color:rgba(255,255,255,.2)}\r\n.div-enquire{padding:.36rem .9rem;border-radius:99px;font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transition:opacity .2s;}\r\n.div-enquire:hover{opacity:.72}\r\n\r\n\/* GALLERY SECTION *\/\r\n#gallery{background:var(--black);width:100%;position:relative;overflow:hidden;}\r\n#gallery::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 40% at 10% 80%,rgba(255,59,48,.07),transparent);pointer-events:none;}\r\n\r\n.gallery-tabs{display:flex;gap:.4rem;margin-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:0;}\r\n.gallery-tab-btn{position:relative;padding:.75rem 1.4rem;font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.38);background:none;border:none;cursor:pointer;transition:color .25s;white-space:nowrap;}\r\n.gallery-tab-btn::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transition:transform .3s cubic-bezier(.22,1,.36,1);}\r\n.gallery-tab-btn.active{color:#fff;}\r\n.gallery-tab-btn.active::after{transform:scaleX(1);}\r\n.gallery-tab-btn:hover{color:rgba(255,255,255,.75);}\r\n\r\n.gallery-panel{display:none}\r\n.gallery-panel.active{display:block}\r\n\r\n.photo-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr);}\r\n@media(min-width:640px){.photo-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}\r\n@media(min-width:1024px){.photo-grid{grid-template-columns:repeat(4,1fr)}}\r\n\r\n.photo-item{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;aspect-ratio:3\/4;background:#111;border:1px solid rgba(255,255,255,.06);}\r\n.photo-item:hover .photo-img{transform:scale(1.07);filter:brightness(.65) contrast(1.1);}\r\n.photo-item:hover .photo-caption{opacity:1;transform:translateY(0);}\r\n.photo-img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.82) contrast(1.05);transition:transform .55s cubic-bezier(.22,1,.36,1),filter .4s;}\r\n.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:1rem .9rem .9rem;background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,transparent);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;}\r\n.photo-caption-label{font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.9);}\r\n.photo-caption-tag{font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:.28rem;}\r\n\r\n.photo-item.placeholder{background:linear-gradient(135deg,#111,#0d0d0d);border:1px dashed rgba(255,59,48,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;cursor:default;}\r\n.placeholder-icon{font-size:2rem;opacity:.35;}\r\n.placeholder-label{font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.3);}\r\n.placeholder-sub{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,59,48,.4);}\r\n\r\n.video-grid{display:grid;gap:1rem;grid-template-columns:1fr;}\r\n@media(min-width:640px){.video-grid{grid-template-columns:repeat(2,1fr)}}\r\n@media(min-width:1240px){.video-grid{grid-template-columns:repeat(3,1fr)}}\r\n\r\n.video-item{position:relative;border-radius:18px;overflow:hidden;background:#0d0d0d;border:1px solid rgba(255,255,255,.07);cursor:pointer;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;}\r\n.video-item:hover{transform:translateY(-4px);box-shadow:0 20px 52px rgba(0,0,0,.5);}\r\n.video-thumb-wrap{position:relative;aspect-ratio:16\/9;overflow:hidden;background:#0d0d0d;}\r\n.video-thumb{width:100%;height:100%;object-fit:cover;filter:brightness(.75);transition:transform .45s cubic-bezier(.22,1,.36,1),filter .35s;}\r\n.video-item:hover .video-thumb{transform:scale(1.04);filter:brightness(.6);}\r\n.video-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;}\r\n.video-play-circle{width:52px;height:52px;border-radius:50%;background:rgba(255,59,48,.88);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 26px rgba(255,59,48,.4);transition:transform .3s,background .3s;}\r\n.video-item:hover .video-play-circle{transform:scale(1.12);background:var(--red);}\r\n.video-play-icon{font-size:.9rem;color:#fff;margin-left:3px;}\r\n.video-meta{padding:.9rem 1rem .85rem;}\r\n.video-tag{font-size:.54rem;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:.3rem;}\r\n.video-title{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.88);line-height:1.45;}\r\n\r\n.lightbox{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:1rem;}\r\n.lightbox.open{display:flex;}\r\n.lightbox-close{position:absolute;top:1.2rem;right:1.2rem;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:2;}\r\n.lightbox-close:hover{background:rgba(255,59,48,.5);}\r\n.lightbox-img{max-width:100%;max-height:90vh;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.7);object-fit:contain;}\r\n.lightbox-caption{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55);white-space:nowrap;}\r\n\r\n.video-modal{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem;}\r\n.video-modal.open{display:flex;}\r\n.video-modal-inner{position:relative;width:100%;max-width:960px;}\r\n.video-modal-close{position:absolute;top:-44px;right:0;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;}\r\n.video-modal-close:hover{background:rgba(255,59,48,.5);}\r\n.video-iframe-wrap{position:relative;padding-bottom:56.25%;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.7);}\r\n.video-iframe-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none;}\r\n\r\n.gallery-view-more{display:flex;justify-content:center;margin-top:2rem;}\r\n\r\n\/* WHY US *\/\r\n#why-us{background:var(--off-white);width:100%}\r\n.why-grid{display:grid;gap:2.5rem}\r\n@media(min-width:1024px){.why-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:4rem}}\r\n.why-list{display:flex;flex-direction:column;gap:.65rem;margin-top:1.8rem}\r\n.why-item{display:flex;align-items:flex-start;gap:.9rem;border-radius:18px;background:#fff;padding:1rem 1.2rem;border:1px solid rgba(0,0,0,.07);box-shadow:0 5px 20px rgba(0,0,0,.04);transition:transform .25s,box-shadow .25s;cursor:default;}\r\n.why-item:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.1)}\r\n.why-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font-size:.7rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin-top:1px;}\r\n.why-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#111}\r\n.why-sub{font-size:.72rem;color:rgba(0,0,0,.4);margin-top:.18rem;line-height:1.5}\r\n.why-card{border-radius:26px;background:#111;padding:2rem;color:#fff;position:relative;overflow:hidden;box-shadow:0 26px 68px rgba(0,0,0,.2);}\r\n.why-glow{position:absolute;right:0;top:0;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,var(--red),transparent);opacity:.1;transform:translate(32%,-32%);pointer-events:none;}\r\n.why-card-tag{font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--red)}\r\n.why-card-num{font-family:'Bebas Neue',sans-serif;font-size:clamp(56px,9vw,88px);line-height:1;color:#fff;margin:.55rem 0 .38rem}\r\n.why-card-num span{color:var(--red)}\r\n.why-card-body{font-size:.8rem;line-height:1.8;color:rgba(255,255,255,.54);max-width:300px}\r\n.why-card-list{margin-top:1.8rem;padding-top:1.3rem;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.8rem}\r\n.why-card-list-item{display:flex;align-items:center;gap:.65rem;font-size:.78rem;color:rgba(255,255,255,.54)}\r\n.wcdot{width:5px;height:5px;border-radius:50%;background:var(--red);flex-shrink:0}\r\n\r\n\/* CLIENTS *\/\r\n#clients{background:var(--dark);width:100%}\r\n.clients-intro{max-width:560px;font-size:.9rem;line-height:1.8;color:var(--muted);margin-top:.9rem;margin-bottom:2.4rem;}\r\n.clients-grid{display:grid;gap:1rem;grid-template-columns:1fr;}\r\n@media(min-width:560px){.clients-grid{grid-template-columns:repeat(2,1fr)}}\r\n@media(min-width:1024px){.clients-grid{grid-template-columns:repeat(4,1fr)}}\r\n.client-card{border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.9rem;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;cursor:default;min-height:170px;}\r\n.client-card:hover{background:rgba(255,59,48,.08);border-color:rgba(255,59,48,.25);transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.28);}\r\n.client-logo-wrap{width:100%;height:78px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;padding:.65rem;}\r\n.client-logo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}\r\n.client-name{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72);line-height:1.5;}\r\n\r\n\/* CONTACT *\/\r\n#contact{background:var(--black);position:relative;overflow:hidden;width:100%}\r\n.contact-glow{position:absolute;right:0;top:0;bottom:0;width:55%;pointer-events:none;background:radial-gradient(ellipse 50% 60% at 95% 50%,rgba(255,59,48,.1),transparent);}\r\n.contact-box{border-radius:24px;overflow:hidden;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);}\r\n@media(max-width:480px){.contact-box{border-radius:16px}}\r\n.contact-top-bar{height:3px;background:linear-gradient(90deg,var(--red),rgba(255,59,48,.2),transparent)}\r\n.contact-body{padding:1.8rem 1.3rem;display:grid;gap:2.2rem}\r\n@media(min-width:640px){.contact-body{padding:2.2rem 2rem}}\r\n@media(min-width:1024px){.contact-body{grid-template-columns:1fr 1fr;padding:3rem 2.8rem;gap:2.8rem}}\r\n.contact-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,6.5vw,58px);line-height:.92;letter-spacing:.02em;color:#fff;margin-top:.7rem;}\r\n.contact-title span{color:var(--red)}\r\n.contact-desc{margin-top:1.2rem;font-size:.92rem;line-height:1.85;color:var(--muted);max-width:380px}\r\n.contact-cta{margin-top:1.6rem}\r\n.contact-cards{display:grid;gap:.8rem;grid-template-columns:1fr 1fr;align-content:start}\r\n@media(max-width:380px){.contact-cards{grid-template-columns:1fr}}\r\n.contact-card{border-radius:16px;background:var(--card);padding:1.1rem;border:1px solid rgba(255,255,255,.07);box-shadow:0 4px 18px rgba(0,0,0,.26);transition:transform .25s,box-shadow .25s;}\r\n.contact-card:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(0,0,0,.38)}\r\n.contact-card.full{grid-column:1\/-1}\r\n.contact-card-tag{font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;color:var(--red);margin-bottom:.6rem}\r\n.contact-card-val{font-size:.9rem;font-weight:600;color:#fff;word-break:break-word;display:block;transition:color .2s}\r\na.contact-card-val:hover{color:var(--red)}\r\n\r\n\/* FOOTER *\/\r\nfooter{background:#040404;border-top:1px solid rgba(255,255,255,.06);padding:1.5rem 1.25rem;width:100%}\r\n@media(min-width:768px){footer{padding:1.6rem 2.5rem}}\r\n@media(min-width:1240px){footer{padding:1.6rem 4rem}}\r\n@media(min-width:1600px){footer{padding:1.6rem 5.5rem}}\r\n.footer-inner{width:100%;margin:0;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;}\r\n@media(min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:.7rem;text-align:left}}\r\n.footer-logo{display:flex;align-items:center;gap:.55rem}\r\n.footer-logo-mark{width:29px;height:29px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,59,48,.36);background:rgba(255,59,48,.1);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:900;color:#fff;}\r\n.footer-brand-top{font-size:.62rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#fff}\r\n.footer-brand-bot{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--red)}\r\n.footer-copy{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.22);line-height:1.7}\r\n\r\n.footer-bottom{width:100%;border-top:1px solid rgba(255,255,255,.05);padding-top:.9rem;margin-top:.3rem;display:flex;justify-content:center;align-items:center;}\r\n.jsm-credit{display:inline-flex;align-items:center;gap:.5rem;font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.2);transition:color .25s;}\r\n.jsm-credit:hover{color:var(--red)}\r\n.jsm-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,59,48,.4);flex-shrink:0;transition:background .25s;}\r\n.jsm-credit:hover .jsm-dot{background:var(--red)}\r\n\r\n\/* REVEAL *\/\r\n.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}\r\n.reveal.visible{opacity:1;transform:translateY(0)}\r\n.rd1{transition-delay:.1s}.rd2{transition-delay:.2s}.rd3{transition-delay:.3s}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- HEADER -->\r\n<header id=\"siteHeader\">\r\n  <div class=\"nav-inner\">\r\n    <a href=\"https:\/\/unapologeticethicz.co.za\/\" class=\"logo\">\r\n      <div class=\"logo-mark\">U<\/div>\r\n      <div>\r\n        <span class=\"logo-text-top\">Unapologetic<\/span>\r\n        <span class=\"logo-text-bot\">Ethicz<\/span>\r\n      <\/div>\r\n    <\/a>\r\n    <nav class=\"desktop-nav\">\r\n      <a href=\"https:\/\/unapologeticethicz.co.za\/\">Home<\/a>\r\n      <a href=\"https:\/\/unapologeticethicz.co.za\/?page_id=18\">About Us<\/a>\r\n      <a href=\"https:\/\/unapologeticethicz.co.za\/?page_id=23\">Contact Us<\/a>\r\n    <\/nav>\r\n    <a href=\"https:\/\/unapologeticethicz.co.za\/?page_id=23\" class=\"btn-red nav-cta\">Let's Talk <span>&#8594;<\/span><\/a>\r\n    <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Toggle menu\">&#9776;<\/button>\r\n  <\/div>\r\n  <div class=\"mobile-menu\" id=\"mobileMenu\">\r\n    <a href=\"https:\/\/unapologeticethicz.co.za\/\">Home<\/a>\r\n    <a href=\"https:\/\/unapologeticethicz.co.za\/?page_id=18\">About Us<\/a>\r\n    <a href=\"https:\/\/unapologeticethicz.co.za\/?page_id=23\">Contact Us<\/a>\r\n    <a href=\"https:\/\/unapologeticethicz.co.za\/?page_id=23\" class=\"btn-red\">Let's Talk &rarr;<\/a>\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- HERO -->\r\n<section id=\"home\">\r\n  <div class=\"hero-bg\">\r\n    <div class=\"hero-bg-grad\"><\/div>\r\n    <div class=\"hero-grid\"><\/div>\r\n    <div class=\"hero-orbit\"><\/div>\r\n    <div class=\"hero-orbit-2\"><\/div>\r\n    <div class=\"hero-stripe\"><\/div>\r\n    <div class=\"noise\"><\/div>\r\n  <\/div>\r\n  <div class=\"hero-inner\">\r\n    <div>\r\n      <div class=\"hero-badge\"><span class=\"badge-dot\"><\/span>Innovating Media &amp; Mining Solutions<\/div>\r\n      <h1 class=\"hero-title\">Bold<br><span class=\"accent\">Multi<\/span><br>Sector<\/h1>\r\n      <p class=\"hero-desc\">Unapologetic Ethicz is a diversified South African company delivering media production, mining support, and industrial services &mdash; built on innovation, safety, and measurable results.<\/p>\r\n      <div class=\"hero-ctas\">\r\n        <a href=\"https:\/\/unapologeticethicz.co.za\/?page_id=18\" class=\"btn-red\">Explore About Us <span>&rarr;<\/span><\/a>\r\n        <a href=\"https:\/\/unapologeticethicz.co.za\/?page_id=23\" class=\"btn-ghost\">Get In Touch<\/a>\r\n      <\/div>\r\n      <div class=\"hero-stats\">\r\n        <div><div class=\"stat-num\" data-target=\"2019\" data-type=\"year\">2019<\/div><div class=\"stat-label\">Founded<\/div><\/div>\r\n        <div><div class=\"stat-num\" data-target=\"3\" data-suffix=\"+\">3+<\/div><div class=\"stat-label\">Divisions<\/div><\/div>\r\n        <div><div class=\"stat-num\" data-target=\"100\" data-suffix=\"%\">100%<\/div><div class=\"stat-label\">SA Owned<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"hero-img-col\">\r\n      <div class=\"hero-img-wrap\">\r\n        <div class=\"hero-img-decor\"><\/div>\r\n        <div class=\"hero-img-badge\">\r\n          <div class=\"badge-since\">Est.<\/div>\r\n          <div class=\"badge-year\">2019<\/div>\r\n          <div class=\"badge-sa\">SA<\/div>\r\n        <\/div>\r\n        <div class=\"hero-img-card\">\r\n          <div class=\"hero-img-card-inner\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=1200&q=80\" alt=\"Professional team\"\/>\r\n            <div class=\"hero-img-overlay\"><\/div>\r\n            <div class=\"div-pills\" id=\"divPills\">\r\n              <button class=\"div-pill\" data-index=\"0\" style=\"background:#ff3b30;color:#000;border-color:#ff3b30;\">Creative<\/button>\r\n              <button class=\"div-pill\" data-index=\"1\" style=\"background:rgba(0,0,0,.45);color:rgba(255,255,255,.45);border-color:rgba(255,255,255,.1);\">Safety<\/button>\r\n              <button class=\"div-pill\" data-index=\"2\" style=\"background:rgba(0,0,0,.45);color:rgba(255,255,255,.45);border-color:rgba(255,255,255,.1);\">Industrial<\/button>\r\n            <\/div>\r\n            <div class=\"hero-img-info\">\r\n              <div class=\"hero-info-card\">\r\n                <div class=\"hero-info-tag\" id=\"heroInfoTag\" style=\"color:#ff3b30;\">Media &amp; Production<\/div>\r\n                <p class=\"hero-info-text\">Built for performance, reliability, and modern service delivery.<\/p>\r\n                <div class=\"progress-bars\">\r\n                  <div class=\"progress-bar\" id=\"pb0\" style=\"flex:3;background:#ff3b30;\"><\/div>\r\n                  <div class=\"progress-bar\" id=\"pb1\" style=\"flex:1;\"><\/div>\r\n                  <div class=\"progress-bar\" id=\"pb2\" style=\"flex:1;\"><\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- TICKER -->\r\n<div class=\"ticker-section\">\r\n  <div class=\"ticker-track\" id=\"tickerTrack\"><\/div>\r\n<\/div>\r\n\r\n<!-- ABOUT PREVIEW -->\r\n<section id=\"about\" class=\"section-pad\">\r\n  <div class=\"section-inner\">\r\n    <div class=\"about-grid\">\r\n      <div class=\"reveal\">\r\n        <div class=\"section-tag\">About The Business<\/div>\r\n        <h2 class=\"section-title title-dark\">One Business<br><span class=\"highlight-bar\">Multiple<\/span><br>Capabilities<\/h2>\r\n        <div class=\"about-ghost\">3&times;<\/div>\r\n      <\/div>\r\n      <div class=\"reveal rd1\">\r\n        <p class=\"about-body\">A forward thinking service provider offering integrated solutions across media production, mining support, and industrial services. Not generic corporate &mdash; sharper, stronger, and built to deliver where it counts.<\/p>\r\n        <div class=\"value-grid\">\r\n          <div class=\"value-pill\"><span class=\"value-arrow\">&rarr;<\/span>Operational Excellence<\/div>\r\n          <div class=\"value-pill\"><span class=\"value-arrow\">&rarr;<\/span>Innovation &amp; Adaptability<\/div>\r\n          <div class=\"value-pill\"><span class=\"value-arrow\">&rarr;<\/span>Safety First Approach<\/div>\r\n          <div class=\"value-pill\"><span class=\"value-arrow\">&rarr;<\/span>Client Centered Delivery<\/div>\r\n        <\/div>\r\n        <div style=\"margin-top:2rem;\">\r\n          <a href=\"https:\/\/unapologeticethicz.co.za\/?page_id=18\" class=\"btn-red\">Full Company Profile &rarr;<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- DIVISIONS -->\r\n<section id=\"divisions\" class=\"section-pad\">\r\n  <div class=\"section-inner\">\r\n    <div class=\"div-head reveal\">\r\n      <div>\r\n        <div class=\"section-tag\">Core Divisions<\/div>\r\n        <h2 class=\"section-title title-light\">Structured Services<br>Built To Deliver<\/h2>\r\n      <\/div>\r\n      <p class=\"div-sub\">Three focused divisions. One cohesive capability. Built to service industries that demand quality and reliability.<\/p>\r\n    <\/div>\r\n    <div class=\"div-grid\">\r\n      <article class=\"div-card featured reveal\">\r\n        <div class=\"div-card-num\">01<\/div>\r\n        <div class=\"div-icon\" style=\"background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.26);color:#fff;\">&#9654;<\/div>\r\n        <div class=\"div-tag\">Creative<\/div>\r\n        <h3 class=\"div-title\">Media &amp; Production<\/h3>\r\n        <p class=\"div-desc\">Live streaming, full video production, photography, event coverage, digital marketing, branding, and web solutions for brands, institutions, and public sector clients.<\/p>\r\n        <div class=\"div-footer\">\r\n          <div style=\"flex:1;height:1px;background:rgba(255,255,255,.2);\"><\/div>\r\n          <a href=\"https:\/\/unapologeticethicz.co.za\/?page_id=23\" class=\"div-enquire\" style=\"background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.28);\">Enquire &rarr;<\/a>\r\n        <\/div>\r\n      <\/article>\r\n      <article class=\"div-card reveal rd1\">\r\n        <div class=\"div-card-num\">02<\/div>\r\n        <div class=\"div-icon\" style=\"background:rgba(232,197,71,.1);border:1px solid rgba(232,197,71,.24);color:#e8c547;\">&#11041;<\/div>\r\n        <div class=\"div-tag\" style=\"color:#e8c547;\">Safety Driven<\/div>\r\n        <h3 class=\"div-title\">Mining Support<\/h3>\r\n        <p class=\"div-desc\">Structured support for underground and surface operations including labour supply, ore handling, shutdown assistance, drilling support, and safety focused site coordination.<\/p>\r\n        <div class=\"div-footer\">\r\n          <div style=\"flex:1;height:1px;background:rgba(255,255,255,.08);\"><\/div>\r\n          <a href=\"https:\/\/unapologeticethicz.co.za\/?page_id=23\" class=\"div-enquire\" style=\"background:rgba(232,197,71,.1);color:#e8c547;border:1px solid rgba(232,197,71,.24);\">Enquire &rarr;<\/a>\r\n        <\/div>\r\n      <\/article>\r\n      <article class=\"div-card reveal rd2\">\r\n        <div class=\"div-card-num\">03<\/div>\r\n        <div class=\"div-icon\" style=\"background:rgba(77,166,255,.1);border:1px solid rgba(77,166,255,.24);color:#4da6ff;\">&#10792;<\/div>\r\n        <div class=\"div-tag\" style=\"color:#4da6ff;\">Operational<\/div>\r\n        <h3 class=\"div-title\">Industrial Services<\/h3>\r\n        <p class=\"div-desc\">Industrial cleaning, water treatment support, mechanical maintenance, pumping, dredging, supply, and delivery solutions built for performance and reliability.<\/p>\r\n        <div class=\"div-footer\">\r\n          <div style=\"flex:1;height:1px;background:rgba(255,255,255,.08);\"><\/div>\r\n          <a href=\"https:\/\/unapologeticethicz.co.za\/?page_id=23\" class=\"div-enquire\" style=\"background:rgba(77,166,255,.1);color:#4da6ff;border:1px solid rgba(77,166,255,.24);\">Enquire &rarr;<\/a>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- GALLERY SECTION -->\r\n<section id=\"gallery\" class=\"section-pad\">\r\n  <div class=\"section-inner\">\r\n    <div class=\"reveal\" style=\"margin-bottom:.5rem;\">\r\n      <div class=\"section-tag\">Our Work<\/div>\r\n      <h2 class=\"section-title title-light\">Work That<br>Speaks For Itself<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-tabs reveal rd1\">\r\n      <button class=\"gallery-tab-btn active\" data-tab=\"photography\">&#128247;&nbsp; Photography<\/button>\r\n      <button class=\"gallery-tab-btn\" data-tab=\"videos\">&#9654;&nbsp; Videos &amp; Live Stream<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-panel active\" id=\"tab-photography\">\r\n      <div class=\"photo-grid\">\r\n        <div class=\"photo-item reveal\" onclick=\"openLightbox('https:\/\/unapologeticethicz.co.za\/wp-content\/uploads\/2026\/04\/571216768_797350356446325_6503280083301143692_n.jpg','Aerial Photography')\">\r\n          <img decoding=\"async\" class=\"photo-img\" src=\"https:\/\/unapologeticethicz.co.za\/wp-content\/uploads\/2026\/04\/571216768_797350356446325_6503280083301143692_n.jpg\" alt=\"Aerial Photography\" loading=\"lazy\"\/>\r\n          <div class=\"photo-caption\">\r\n            <div class=\"photo-caption-tag\">Photography<\/div>\r\n            <div class=\"photo-caption-label\">Aerial Photography<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"photo-item reveal rd1\" onclick=\"openLightbox('https:\/\/unapologeticethicz.co.za\/wp-content\/uploads\/2026\/04\/670484466_930043986510294_2752849203194245139_n.jpg','Matric Dance')\">\r\n          <img decoding=\"async\" class=\"photo-img\" src=\"https:\/\/unapologeticethicz.co.za\/wp-content\/uploads\/2026\/04\/670484466_930043986510294_2752849203194245139_n.jpg\" alt=\"Matric Dance\" loading=\"lazy\"\/>\r\n          <div class=\"photo-caption\">\r\n            <div class=\"photo-caption-tag\">Events<\/div>\r\n            <div class=\"photo-caption-label\">Matric Dance<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"photo-item reveal rd2\" onclick=\"openLightbox('https:\/\/unapologeticethicz.co.za\/wp-content\/uploads\/2026\/04\/670343707_930043976510295_7148770518269578604_n.jpg','Weddings')\">\r\n          <img decoding=\"async\" class=\"photo-img\" src=\"https:\/\/unapologeticethicz.co.za\/wp-content\/uploads\/2026\/04\/670343707_930043976510295_7148770518269578604_n.jpg\" alt=\"Weddings\" loading=\"lazy\"\/>\r\n          <div class=\"photo-caption\">\r\n            <div class=\"photo-caption-tag\">Special Events<\/div>\r\n            <div class=\"photo-caption-label\">Weddings<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"photo-item reveal rd3\" onclick=\"openLightbox('https:\/\/unapologeticethicz.co.za\/wp-content\/uploads\/2026\/04\/670478470_930044073176952_152529462142411835_n.jpg','Team Building')\">\r\n          <img decoding=\"async\" class=\"photo-img\" src=\"https:\/\/unapologeticethicz.co.za\/wp-content\/uploads\/2026\/04\/670478470_930044073176952_152529462142411835_n.jpg\" alt=\"Team Building\" loading=\"lazy\"\/>\r\n          <div class=\"photo-caption\">\r\n            <div class=\"photo-caption-tag\">Corporate<\/div>\r\n            <div class=\"photo-caption-label\">Team Building<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-panel\" id=\"tab-videos\">\r\n      <div class=\"video-grid\">\r\n        <div class=\"video-item reveal\" onclick=\"openVideoModal('shDDMdvs5xs')\">\r\n          <div class=\"video-thumb-wrap\">\r\n            <img decoding=\"async\" class=\"video-thumb\" src=\"https:\/\/img.youtube.com\/vi\/shDDMdvs5xs\/hqdefault.jpg\" alt=\"Live Stream\" loading=\"lazy\"\/>\r\n            <div class=\"video-play-btn\"><div class=\"video-play-circle\"><span class=\"video-play-icon\">&#9654;<\/span><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"video-meta\">\r\n            <div class=\"video-tag\">Live Stream<\/div>\r\n            <div class=\"video-title\">Live Production Coverage<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"video-item reveal rd1\" onclick=\"openVideoModal('qYjjFAPvSSc')\">\r\n          <div class=\"video-thumb-wrap\">\r\n            <img decoding=\"async\" class=\"video-thumb\" src=\"https:\/\/img.youtube.com\/vi\/qYjjFAPvSSc\/hqdefault.jpg\" alt=\"Live Stream\" loading=\"lazy\"\/>\r\n            <div class=\"video-play-btn\"><div class=\"video-play-circle\"><span class=\"video-play-icon\">&#9654;<\/span><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"video-meta\">\r\n            <div class=\"video-tag\">Live Stream<\/div>\r\n            <div class=\"video-title\">Live Event Broadcast<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"video-item reveal rd2\" onclick=\"openVideoModal('WaYyQEcSPOY')\">\r\n          <div class=\"video-thumb-wrap\">\r\n            <img decoding=\"async\" class=\"video-thumb\" src=\"https:\/\/img.youtube.com\/vi\/WaYyQEcSPOY\/hqdefault.jpg\" alt=\"Live Stream\" loading=\"lazy\"\/>\r\n            <div class=\"video-play-btn\"><div class=\"video-play-circle\"><span class=\"video-play-icon\">&#9654;<\/span><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"video-meta\">\r\n            <div class=\"video-tag\">Live Stream<\/div>\r\n            <div class=\"video-title\">Full Production Stream<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"video-item reveal\" onclick=\"openVideoModal('TnR9ng82xTU')\">\r\n          <div class=\"video-thumb-wrap\">\r\n            <img decoding=\"async\" class=\"video-thumb\" src=\"https:\/\/img.youtube.com\/vi\/TnR9ng82xTU\/hqdefault.jpg\" alt=\"Video Production\" loading=\"lazy\"\/>\r\n            <div class=\"video-play-btn\"><div class=\"video-play-circle\"><span class=\"video-play-icon\">&#9654;<\/span><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"video-meta\">\r\n            <div class=\"video-tag\">Production<\/div>\r\n            <div class=\"video-title\">Video Production Showcase<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"video-item reveal rd1\" onclick=\"openVideoModal('pQWeHPHelu8')\">\r\n          <div class=\"video-thumb-wrap\">\r\n            <img decoding=\"async\" class=\"video-thumb\" src=\"https:\/\/img.youtube.com\/vi\/pQWeHPHelu8\/hqdefault.jpg\" alt=\"Video Production\" loading=\"lazy\"\/>\r\n            <div class=\"video-play-btn\"><div class=\"video-play-circle\"><span class=\"video-play-icon\">&#9654;<\/span><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"video-meta\">\r\n            <div class=\"video-tag\">Production<\/div>\r\n            <div class=\"video-title\">Creative Media Work<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"gallery-view-more\">\r\n        <a href=\"https:\/\/www.youtube.com\/@unapologeticnetworkz\/videos\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-red\">\r\n          View More Videos on YouTube &nbsp;&#9654;\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- WHY US -->\r\n<section id=\"why-us\" class=\"section-pad\">\r\n  <div class=\"section-inner\">\r\n    <div class=\"why-grid\">\r\n      <div class=\"reveal\">\r\n        <div class=\"section-tag\">Why Choose Us<\/div>\r\n        <h2 class=\"section-title title-dark\">Serious Work<br>Strong Delivery<\/h2>\r\n        <div class=\"why-list\">\r\n          <div class=\"why-item\"><div class=\"why-num\">1<\/div><div><div class=\"why-label\">Operational Excellence<\/div><div class=\"why-sub\">Across media, mining, and industrial services<\/div><\/div><\/div>\r\n          <div class=\"why-item\"><div class=\"why-num\">2<\/div><div><div class=\"why-label\">Reliable Workforce<\/div><div class=\"why-sub\">Backed by practical execution and experience<\/div><\/div><\/div>\r\n          <div class=\"why-item\"><div class=\"why-num\">3<\/div><div><div class=\"why-label\">Scalable Delivery<\/div><div class=\"why-sub\">For both small and large projects<\/div><\/div><\/div>\r\n          <div class=\"why-item\"><div class=\"why-num\">4<\/div><div><div class=\"why-label\">Results Driven<\/div><div class=\"why-sub\">Professional, client centered approach<\/div><\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"reveal rd1\">\r\n        <div class=\"why-card\">\r\n          <div class=\"why-glow\"><\/div>\r\n          <div class=\"noise\"><\/div>\r\n          <div class=\"why-card-tag\">Brand Positioning<\/div>\r\n          <div class=\"why-card-num\">3<span>&times;<\/span><\/div>\r\n          <p class=\"why-card-body\">Three industries. One powerful partner. Built to go beyond generic company profiles and deliver real capability.<\/p>\r\n          <div class=\"why-card-list\">\r\n            <div class=\"why-card-list-item\"><div class=\"wcdot\"><\/div>Media production &amp; digital capability<\/div>\r\n            <div class=\"why-card-list-item\"><div class=\"wcdot\"><\/div>Mining &amp; industrial credibility<\/div>\r\n            <div class=\"why-card-list-item\"><div class=\"wcdot\"><\/div>Safety compliant, results-focused operations<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CLIENTS -->\r\n<section id=\"clients\" class=\"section-pad\">\r\n  <div class=\"section-inner\">\r\n    <div class=\"reveal\">\r\n      <div class=\"section-tag\">Our Clients<\/div>\r\n      <h2 class=\"section-title title-light\">Trusted By<br>Industry Leaders<\/h2>\r\n      <p class=\"clients-intro\">We partner with organisations that demand quality, reliability, and results across mining, hospitality, municipal, and development sectors.<\/p>\r\n    <\/div>\r\n    <div class=\"clients-grid reveal rd1\">\r\n      <div class=\"client-card\">\r\n        <div class=\"client-logo-wrap\">\r\n          <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/unapologeticethicz.co.za\/wp-content\/uploads\/2026\/04\/Impala_Platinum_logo.svg_.png\" alt=\"Impala Platinum logo\" loading=\"lazy\"\/>\r\n        <\/div>\r\n        <div class=\"client-name\">Impala Platinum<\/div>\r\n      <\/div>\r\n      <div class=\"client-card\">\r\n        <div class=\"client-logo-wrap\">\r\n          <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/unapologeticethicz.co.za\/wp-content\/uploads\/2026\/04\/sun-city-hotel-bm-logo-removebg-preview.png\" alt=\"Sun City Hotel logo\" loading=\"lazy\"\/>\r\n        <\/div>\r\n        <div class=\"client-name\">Sun City Hotel<\/div>\r\n      <\/div>\r\n      <div class=\"client-card\">\r\n        <div class=\"client-logo-wrap\">\r\n          <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/unapologeticethicz.co.za\/wp-content\/uploads\/2026\/04\/Rustenburg-Local-Municipality.logo-removebg-preview.png\" alt=\"Rustenburg Local Municipality logo\" loading=\"lazy\"\/>\r\n        <\/div>\r\n        <div class=\"client-name\">Rustenburg Local Municipality<\/div>\r\n      <\/div>\r\n      <div class=\"client-card\">\r\n        <div class=\"client-logo-wrap\">\r\n          <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/unapologeticethicz.co.za\/wp-content\/uploads\/2026\/04\/rcdt-logo-web_brown_red-text-removebg-preview.png\" alt=\"RCDT logo\" loading=\"lazy\"\/>\r\n        <\/div>\r\n        <div class=\"client-name\">RCDT<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CONTACT CTA -->\r\n<section id=\"contact\" class=\"section-pad\">\r\n  <div class=\"contact-glow\"><\/div>\r\n  <div class=\"section-inner\">\r\n    <div class=\"contact-box reveal\">\r\n      <div class=\"contact-top-bar\"><\/div>\r\n      <div class=\"contact-body\">\r\n        <div>\r\n          <div class=\"section-tag\">Contact Us<\/div>\r\n          <h2 class=\"contact-title\">Let's Build<br>Something<br><span>Solid<\/span><\/h2>\r\n          <p class=\"contact-desc\">Ready to work with a company that handles media, mining, and industrial projects with serious capability and a premium approach?<\/p>\r\n          <div class=\"contact-cta\"><a href=\"tel:0768240859\" class=\"btn-red\">Call Now <span>&rarr;<\/span><\/a><\/div>\r\n        <\/div>\r\n        <div class=\"contact-cards\">\r\n          <div class=\"contact-card\">\r\n            <div class=\"contact-card-tag\">Phone &mdash; Tshepiso<\/div>\r\n            <a href=\"tel:0768240859\" class=\"contact-card-val\">076 824 0859<\/a>\r\n          <\/div>\r\n          <div class=\"contact-card\">\r\n            <div class=\"contact-card-tag\">Phone &mdash; Phemelo<\/div>\r\n            <a href=\"tel:0653226074\" class=\"contact-card-val\">065 322 6074<\/a>\r\n          <\/div>\r\n          <div class=\"contact-card\">\r\n            <div class=\"contact-card-tag\">Email<\/div>\r\n            <a href=\"mailto:tshepiso1963@gmail.com\" class=\"contact-card-val\">tshepiso1963@gmail.com<\/a>\r\n          <\/div>\r\n          <div class=\"contact-card\">\r\n            <div class=\"contact-card-tag\">Email<\/div>\r\n            <a href=\"mailto:Phemelommami2@gmail.com\" class=\"contact-card-val\">Phemelommami2@gmail.com<\/a>\r\n          <\/div>\r\n          <div class=\"contact-card full\">\r\n            <div class=\"contact-card-tag\">Address<\/div>\r\n            <span class=\"contact-card-val\" style=\"cursor:default;\">0510 Mafika Section, Kanana, 0320<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n  <div class=\"footer-inner\">\r\n    <a href=\"https:\/\/unapologeticethicz.co.za\/\" class=\"footer-logo\">\r\n      <div class=\"footer-logo-mark\">U<\/div>\r\n      <div>\r\n        <span class=\"footer-brand-top\">Unapologetic <\/span>\r\n        <span class=\"footer-brand-bot\">Ethicz<\/span>\r\n      <\/div>\r\n    <\/a>\r\n    <p class=\"footer-copy\">&copy; <span id=\"year\"><\/span> Unapologetic Ethicz.<br>All rights reserved.<\/p>\r\n    <div class=\"footer-bottom\">\r\n      <a href=\"https:\/\/www.jsmmediagroup.co.za\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"jsm-credit\">\r\n        <span class=\"jsm-dot\"><\/span>\r\n        Designed by JSM Media Group\r\n        <span class=\"jsm-dot\"><\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- PHOTO LIGHTBOX -->\r\n<div class=\"lightbox\" id=\"lightbox\" onclick=\"closeLightbox(event)\">\r\n  <button class=\"lightbox-close\" onclick=\"closeLightbox()\">&#10005;<\/button>\r\n  <img decoding=\"async\" class=\"lightbox-img\" id=\"lightboxImg\" src=\"\" alt=\"\"\/>\r\n  <div class=\"lightbox-caption\" id=\"lightboxCaption\"><\/div>\r\n<\/div>\r\n\r\n<!-- VIDEO MODAL -->\r\n<div class=\"video-modal\" id=\"videoModal\" onclick=\"closeVideoModal(event)\">\r\n  <div class=\"video-modal-inner\">\r\n    <button class=\"video-modal-close\" onclick=\"closeVideoModal()\">&#10005;<\/button>\r\n    <div class=\"video-iframe-wrap\">\r\n      <iframe id=\"videoIframe\" src=\"\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.getElementById('year').textContent = new Date().getFullYear();\r\n\r\n\/* \u2500\u2500 Header scroll \u2500\u2500 *\/\r\nconst hdr = document.getElementById('siteHeader');\r\nwindow.addEventListener('scroll', () => { hdr.classList.toggle('scrolled', window.scrollY > 40); }, {passive:true});\r\n\r\n\/* \u2500\u2500 Mobile menu \u2500\u2500 *\/\r\nconst toggle = document.getElementById('menuToggle');\r\nconst mob    = document.getElementById('mobileMenu');\r\ntoggle.addEventListener('click', () => {\r\n  const open = mob.classList.toggle('open');\r\n  toggle.textContent = open ? '\\u2715' : '\\u2630';\r\n});\r\nmob.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {\r\n  mob.classList.remove('open');\r\n  toggle.textContent = '\\u2630';\r\n}));\r\n\r\n\/* \u2500\u2500 Hero pill rotation \u2500\u2500 *\/\r\nconst divData = [\r\n  {tag:'Media &amp; Production', color:'#ff3b30'},\r\n  {tag:'Mining Support',         color:'#e8c547'},\r\n  {tag:'Industrial Services',    color:'#4da6ff'},\r\n];\r\nlet active = 0, divTimer;\r\nfunction setDiv(i) {\r\n  active = i;\r\n  const infoTag = document.getElementById('heroInfoTag');\r\n  infoTag.innerHTML = divData[i].tag;\r\n  infoTag.style.color = divData[i].color;\r\n  [0,1,2].forEach(j => {\r\n    document.getElementById('pb'+j).style.flex       = j===i ? 3 : 1;\r\n    document.getElementById('pb'+j).style.background = j===i ? divData[j].color : 'rgba(255,255,255,0.18)';\r\n    const pill = document.querySelector('[data-index=\"'+j+'\"]');\r\n    if (j===i) { pill.style.background=divData[j].color; pill.style.color='#000'; pill.style.borderColor=divData[j].color; }\r\n    else { pill.style.background='rgba(0,0,0,0.45)'; pill.style.color='rgba(255,255,255,0.45)'; pill.style.borderColor='rgba(255,255,255,0.1)'; }\r\n  });\r\n}\r\ndocument.querySelectorAll('.div-pill').forEach(p => p.addEventListener('click', () => {\r\n  clearInterval(divTimer); setDiv(parseInt(p.dataset.index));\r\n  divTimer = setInterval(() => setDiv((active+1)%3), 3200);\r\n}));\r\ndivTimer = setInterval(() => setDiv((active+1)%3), 3200);\r\n\r\n\/* \u2500\u2500 Ticker \u2500\u2500 *\/\r\nconst items = [\r\n  {t:'Media Production',red:true},{t:'Mining Support',red:false},\r\n  {t:'Industrial Services',red:true},{t:'South African Owned',red:false},\r\n  {t:'Est. 2019',red:true},{t:'Safety First',red:false},\r\n  {t:'Innovation Driven',red:true},{t:'Trusted Delivery',red:false},\r\n  {t:'Acknowledge No Regret',red:true},{t:'Multi-Sector Capability',red:false},\r\n];\r\nconst track = document.getElementById('tickerTrack');\r\nconst mkTicker = arr => arr.map(i => '<span class=\"ticker-item\" style=\"color:'+(i.red?'#ff3b30':'rgba(255,255,255,0.42)')+'\">'+i.t+'<span class=\"ticker-dot\"><\/span><\/span>').join('');\r\ntrack.innerHTML = mkTicker(items) + mkTicker(items);\r\n\r\n\/* \u2500\u2500 Gallery tabs \u2500\u2500 *\/\r\ndocument.querySelectorAll('.gallery-tab-btn').forEach(btn => {\r\n  btn.addEventListener('click', () => {\r\n    document.querySelectorAll('.gallery-tab-btn').forEach(b => b.classList.remove('active'));\r\n    document.querySelectorAll('.gallery-panel').forEach(p => p.classList.remove('active'));\r\n    btn.classList.add('active');\r\n    document.getElementById('tab-' + btn.dataset.tab).classList.add('active');\r\n  });\r\n});\r\n\r\n\/* \u2500\u2500 Photo lightbox \u2500\u2500 *\/\r\nfunction openLightbox(src, caption) {\r\n  document.getElementById('lightboxImg').src = src;\r\n  document.getElementById('lightboxCaption').textContent = caption;\r\n  document.getElementById('lightbox').classList.add('open');\r\n  document.body.style.overflow = 'hidden';\r\n}\r\nfunction closeLightbox(e) {\r\n  if (!e || e.target === document.getElementById('lightbox') || e.currentTarget.tagName === 'BUTTON') {\r\n    document.getElementById('lightbox').classList.remove('open');\r\n    document.body.style.overflow = '';\r\n  }\r\n}\r\n\r\n\/* \u2500\u2500 Video modal \u2500\u2500 *\/\r\nfunction openVideoModal(id) {\r\n  document.getElementById('videoIframe').src = 'https:\/\/www.youtube.com\/embed\/' + id + '?autoplay=1&rel=0';\r\n  document.getElementById('videoModal').classList.add('open');\r\n  document.body.style.overflow = 'hidden';\r\n}\r\nfunction closeVideoModal(e) {\r\n  if (!e || e.target === document.getElementById('videoModal') || e.currentTarget.tagName === 'BUTTON') {\r\n    document.getElementById('videoIframe').src = '';\r\n    document.getElementById('videoModal').classList.remove('open');\r\n    document.body.style.overflow = '';\r\n  }\r\n}\r\ndocument.addEventListener('keydown', e => {\r\n  if (e.key === 'Escape') { closeLightbox(); closeVideoModal(); }\r\n});\r\n\r\n\/* \u2500\u2500 Reveal on scroll \u2500\u2500 *\/\r\nconst revObs = new IntersectionObserver(entries => {\r\n  entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); revObs.unobserve(e.target); } });\r\n}, {threshold:0.1});\r\ndocument.querySelectorAll('.reveal').forEach(el => revObs.observe(el));\r\n\r\n\/* \u2500\u2500 Counter animation \u2500\u2500 *\/\r\nconst cObs = new IntersectionObserver(entries => {\r\n  entries.forEach(e => {\r\n    if (!e.isIntersecting) return;\r\n    const el = e.target, target = parseInt(el.dataset.target), suffix = el.dataset.suffix||'', isYear = el.dataset.type==='year';\r\n    let val = isYear ? 1990 : 0;\r\n    const steps = 55, inc = (target-val)\/steps; let s = 0;\r\n    const t = setInterval(() => { s++; val+=inc; el.textContent=Math.round(val)+suffix; if(s>=steps){el.textContent=target+suffix;clearInterval(t);} }, 18);\r\n    cObs.unobserve(el);\r\n  });\r\n}, {threshold:0.5});\r\ndocument.querySelectorAll('[data-target]').forEach(el => cObs.observe(el));\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\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>Unapologetic Ethicz U Unapologetic Ethicz Home About Us Contact Us Let&#8217;s Talk &#8594; &#9776; Home About Us Contact Us Let&#8217;s Talk &rarr; Innovating Media &amp; Mining Solutions BoldMultiSector Unapologetic Ethicz is a diversified South African company delivering media production, mining support, and industrial services &mdash; built on innovation, safety, and measurable results. Explore About Us [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/unapologeticethicz.co.za\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unapologeticethicz.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unapologeticethicz.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unapologeticethicz.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unapologeticethicz.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":40,"href":"https:\/\/unapologeticethicz.co.za\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":83,"href":"https:\/\/unapologeticethicz.co.za\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/83"}],"wp:attachment":[{"href":"https:\/\/unapologeticethicz.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}