@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&display=swap');

/* Poster-led visual language: navy authority, gold structure, direct typography. */
.hero h1,.page-hero h1,h2,.service-card h3,.service-row h2,.portfolio-shade h2,.cta h2,.contact-copy h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.012em}
.hero h1,.page-hero h1{font-weight:800;text-transform:uppercase;line-height:.98}
.eyebrow,.strip p,.strip div,.service-card>span,.project-card p,.portfolio-shade p{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;letter-spacing:.12em}
.hero-image{background-image:linear-gradient(90deg,#04182eea 8%,#061b3294 54%,#061b3240),url('images/21370.jpg');background-position:center 58%}
.hero:after{content:'';position:absolute;right:-7vw;bottom:-30vw;width:45vw;height:58vw;border-left:9px solid var(--gold);transform:skewX(-13deg);opacity:.94;pointer-events:none}
.hero-copy,.hero-bottom{z-index:1}.hero h1 em{display:inline-block;color:var(--gold)}
.strip{border-bottom:4px solid var(--gold)}
.service-card{border-top:4px solid transparent}.service-card:hover{border-top-color:var(--gold)}
.feature-image-photo{background-image:url('images/18904.jpg');background-position:center 36%}
.split-photo{background-image:url('images/6074.jpg');background-position:center}
.p1{background-image:url('images/23002.jpg')}.p2{background-image:url('images/21372.jpg')}.p3{background-image:url('images/18998.jpg')}
.pi-1{background-image:url('images/21370.jpg')}.pi-2{background-image:url('images/23002.jpg')}.pi-3{background-image:url('images/18904.jpg')}.pi-4{background-image:url('images/21372.jpg')}
.feature-panel,.cta{background-color:#041b33;background-image:linear-gradient(115deg,transparent 0 76%,#caa45c22 76% 77%,transparent 77%)}
.stat-list div:nth-child(3){border-top-color:#caa45c}.stat-list div:nth-child(3) strong{font-size:clamp(27px,3.3vw,47px);letter-spacing:-.045em}
.contact-details a{color:inherit}.contact-details a:hover{color:var(--gold)}
@media(max-width:800px){.hero:after{right:-20vw;bottom:-56vw;width:70vw;height:86vw}.feature-image-photo{background-position:center}.hero h1,.page-hero h1{line-height:1.02}}

/* Approved Sikonela Mkhweli logo from the supplied brand assets. */
.brand{width:228px;height:56px;padding:4px;background:#fff url('images/sikonela-logo.png') center/contain no-repeat;box-shadow:0 3px 16px #03142633}
.brand>span{opacity:0;pointer-events:none}.light-brand{background-color:#fff}
@media(max-width:800px){.brand{width:178px;height:48px}.site-header{height:70px}nav{top:70px}}