:root{--bg:#0b0b0b;--ink:#111;--paper:#f4efe6;--paper2:#e9e1d4;--orange:#ef6a13;--orange2:#ff8a32;--steel:#7d8587;--white:#fff;--muted:#a9a39a;--line:rgba(255,255,255,.13);--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.wrap{width:min(var(--max),calc(100% - 56px));margin:auto}.nav{position:fixed;inset:0 0 auto;z-index:50;height:86px;background:rgba(8,8,8,.68);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.navin{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:14px;justify-self:start}.brandmark{width:44px;height:44px;border:1px solid rgba(239,106,19,.45);border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#1c1c1c,#0d0d0d);position:relative}.brandmark:before{content:"G";font:900 21px/1 Arial;color:var(--orange)}.brandtxt b{font-size:15px;letter-spacing:.08em}.brandtxt span{display:block;font-size:9px;letter-spacing:.25em;color:#aaa;margin-top:4px}.navlinks{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600}.navlinks a{padding:12px 0;position:relative;color:#ddd}.navlinks a:after{content:"";position:absolute;left:50%;right:50%;bottom:3px;height:2px;background:var(--orange);transition:.25s}.navlinks a:hover:after,.navlinks a.active:after{left:0;right:0}.navright{justify-self:end;display:flex;align-items:center;gap:18px}.phone{font-size:13px;color:#ddd}.cta{background:var(--orange);color:#0b0b0b;padding:14px 20px;border-radius:999px;font-weight:800;font-size:13px;display:inline-flex;gap:12px;align-items:center;transition:.2s}.cta:hover{transform:translateY(-2px);background:var(--orange2)}.burger{display:none;background:none;border:0;color:#fff;font-size:26px}.mobile{display:none}
.hero{min-height:100vh;padding-top:86px;display:grid;align-items:end;position:relative;isolation:isolate;background:#111;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,3,.96) 0%,rgba(3,3,3,.82) 40%,rgba(3,3,3,.25) 72%,rgba(3,3,3,.55) 100%),url('https://goliathconstruction.co.za/wp-content/uploads/2026/07/2150576450.jpg') center/cover no-repeat;z-index:-2}.hero:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(0deg,#0b0b0b,transparent);z-index:-1}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;padding:110px 0 70px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.eyebrow:before{content:"";width:34px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:Georgia,serif;font-size:clamp(64px,8vw,138px);line-height:.84;letter-spacing:-.06em;margin:26px 0 30px;max-width:980px}.hero h1 em{font-style:normal;color:var(--orange)}.lead{font-size:18px;line-height:1.7;color:#d6d2cc;max-width:720px}.hero-actions{display:flex;gap:14px;margin-top:34px}.ghost{padding:14px 20px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-weight:700;font-size:13px}.hero-panel{border:1px solid rgba(255,255,255,.15);background:rgba(15,15,15,.62);backdrop-filter:blur(12px);border-radius:28px;padding:28px}.hero-panel .top{display:flex;justify-content:space-between;color:#aaa;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.metric{padding:26px 0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.metric strong{font-size:34px;display:block;color:#fff}.metric span{font-size:12px;color:#a6a6a6;text-transform:uppercase;letter-spacing:.12em}.scroll{position:absolute;bottom:24px;left:28px;font-size:10px;letter-spacing:.18em;color:#888;writing-mode:vertical-rl}
.section{padding:110px 0}.paper{background:var(--paper);color:#111}.paper2{background:var(--paper2);color:#111}.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;margin-bottom:50px}.kicker{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--orange)}.section-head h2{font-family:Georgia,serif;font-size:clamp(46px,5vw,82px);line-height:.95;letter-spacing:-.045em;margin:0}.section-head p{font-size:17px;line-height:1.7;color:#59544c;max-width:700px;margin-left:auto}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.svc{min-height:430px;border-radius:24px;overflow:hidden;position:relative;background:#1a1a1a}.svc img{height:100%;position:absolute;inset:0;filter:grayscale(.15) contrast(1.05)}.svc:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,7,7,.95),rgba(7,7,7,.08) 72%)}.svc .content{position:absolute;z-index:2;inset:auto 26px 26px}.svc .num{font-size:11px;letter-spacing:.2em;color:var(--orange)}.svc h3{font-size:28px;margin:8px 0 9px}.svc p{color:#c5c0b9;line-height:1.55;font-size:14px}.svc:hover img{transform:scale(1.035);transition:.5s}
.proof{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.proofbox{background:#111;border-radius:28px;padding:40px;min-height:430px;position:relative;overflow:hidden}.proofbox h3{font:54px/.95 Georgia,serif;letter-spacing:-.04em;max-width:550px}.proofbox p{max-width:600px;color:#b8b4ae;line-height:1.7}.badgegrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:36px}.badge{border:1px solid var(--line);border-radius:18px;padding:18px}.badge strong{display:block;font-size:23px;color:#fff}.badge span{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.12em}.mapline{position:absolute;right:-80px;bottom:-80px;width:360px;height:360px;border:1px solid rgba(239,106,19,.25);border-radius:50%}.mapline:before,.mapline:after{content:"";position:absolute;border:1px solid rgba(239,106,19,.18);border-radius:50%}.mapline:before{inset:48px}.mapline:after{inset:96px}
.fleetstrip{display:flex;gap:14px;overflow:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.fleetitem{min-width:340px;scroll-snap-align:start;border-radius:22px;overflow:hidden;background:#181818;border:1px solid var(--line)}.fleetitem img{height:240px}.fleetitem div{padding:18px 20px;display:flex;justify-content:space-between}.fleetitem b{font-size:17px}.fleetitem span{color:#888;font-size:12px}.darkhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.darkhead h2{font:clamp(44px,6vw,84px)/.95 Georgia,serif;letter-spacing:-.04em;margin:0}.darkhead p{color:#a8a39e;max-width:520px;line-height:1.6}
.projectgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.project{border-radius:26px;overflow:hidden;position:relative;min-height:520px;background:#222}.project.secondary{min-height:520px}.project img{position:absolute;inset:0;height:100%;filter:saturate(.8)}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.05) 70%)}.project .content{position:absolute;z-index:2;inset:auto 28px 28px}.tag{display:inline-block;padding:7px 10px;border-radius:999px;background:var(--orange);color:#111;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.project h3{font:38px/1 Georgia,serif;margin:14px 0 8px}.project p{color:#ccc;max-width:520px;line-height:1.6;font-size:14px}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cfc7ba}.time{padding:26px 24px 0 0;position:relative}.time:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--orange);position:absolute;top:-5px}.time b{font-size:24px}.time p{color:#625d55;line-height:1.5;font-size:14px}.footer{background:#070707;border-top:1px solid var(--line);padding:60px 0 28px}.footgrid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:60px}.footbrand{font:52px/1 Georgia,serif}.footbrand span{color:var(--orange)}.footer p,.footer li{color:#999;font-size:13px;line-height:1.7}.footer ul{padding:0;list-style:none}.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#eee}.copy{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;color:#666;font-size:11px;display:flex;justify-content:space-between}
.pagehero{padding:165px 0 80px;background:#101010;position:relative;overflow:hidden}.pagehero:after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(239,106,19,.14);border-radius:50%;right:-100px;top:-110px}.pagehero h1{font:clamp(58px,7vw,110px)/.9 Georgia,serif;letter-spacing:-.05em;max-width:1000px;margin:20px 0}.pagehero p{color:#aaa;max-width:760px;font-size:17px;line-height:1.7}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-row{border:1px solid #d7cec0;border-radius:22px;padding:28px;background:#f8f4ed}.service-row h3{font-size:26px}.service-row ul{padding-left:18px;line-height:1.9;color:#625d55}.case{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-bottom:18px}.case-media,.case-body{border-radius:24px;overflow:hidden;background:#171717}.case-media img{height:100%;min-height:420px}.case-body{padding:34px}.case-body h2{font:46px/1 Georgia,serif}.case-body p{color:#b7b0a8;line-height:1.7}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:25px}.fact{padding:15px;border:1px solid var(--line);border-radius:14px}.fact span{display:block;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.fact b{font-size:15px}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.form{background:#fff;color:#111;border-radius:28px;padding:32px}.field{display:grid;gap:8px;margin-bottom:16px}.field label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.field input,.field select,.field textarea{width:100%;padding:15px;border:1px solid #ddd;border-radius:12px;font:inherit;background:#fafafa}.field textarea{min-height:140px}.submit{border:0;cursor:pointer;width:100%;justify-content:center}.offices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.office{border:1px solid var(--line);border-radius:16px;padding:16px}.office b{display:block;margin-bottom:5px}.office span{font-size:12px;color:#999;line-height:1.5}
@media(max-width:1050px){.navin{grid-template-columns:1fr auto}.navlinks,.navright .phone{display:none}.navright{display:flex}.burger{display:block}.hero-grid,.proof,.projectgrid,.section-head,.case,.contactgrid{grid-template-columns:1fr}.hero-grid{padding-top:80px}.hero-panel{max-width:520px}.cards3{grid-template-columns:1fr 1fr}.section-head p{margin-left:0}.timeline{grid-template-columns:1fr 1fr;gap:28px}.service-list{grid-template-columns:1fr}.mobile.open{display:flex;position:fixed;top:86px;left:0;right:0;background:#0b0b0b;border-bottom:1px solid var(--line);padding:24px 28px;flex-direction:column;gap:16px;z-index:49}.mobile a{padding:8px 0;font-weight:700}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:1/-1}}
@media(max-width:700px){.wrap{width:min(100% - 32px,var(--max))}.nav{height:74px}.hero{padding-top:74px}.brandtxt{display:none}.navright .cta{display:none}.hero-grid{padding:80px 0 50px}.hero h1{font-size:58px}.lead{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.cards3{grid-template-columns:1fr}.section{padding:78px 0}.section-head h2,.darkhead h2{font-size:48px}.fleetitem{min-width:82vw}.badgegrid,.timeline,.facts,.offices{grid-template-columns:1fr}.projectgrid{grid-template-columns:1fr}.project,.project.secondary{min-height:430px}.footgrid{grid-template-columns:1fr}.footgrid>div:first-child{grid-column:auto}.copy{flex-direction:column;gap:8px}.pagehero{padding:130px 0 60px}.pagehero h1{font-size:58px}}