/* Persistent sector navigation, shared by all six pages. */
html{scroll-padding-top:112px}
header{position:sticky;top:0;z-index:50;height:auto;min-height:90px;display:grid;grid-template-columns:158px minmax(0,1fr) auto;align-items:center;gap:36px;padding:16px 5%;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 3px 12px #263f3508}
header .sector-band{display:block;background:transparent;padding:0;min-width:0}
header .sector-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
header .sector-tab{font-size:12px;padding:12px 0 10px;border-top:0;border-bottom:2px solid var(--line);gap:7px;justify-content:center;transition:border-color .15s}
header .sector-tab>:last-child{display:none}
header .sector-tab:hover,header .sector-tab.active{border-bottom-color:var(--draw);text-decoration:none;opacity:1}
header .sector-tab.active{font-weight:700}
header .header-contact{font-size:12px;gap:20px;white-space:nowrap}
@media(max-width:1150px){header{gap:25px;padding:15px 4%;grid-template-columns:135px minmax(0,1fr) auto}header .brand img{width:135px}header .sector-tabs{gap:12px}header .sector-tab{font-size:11px;gap:5px}header .header-contact{gap:12px}}
@media(max-width:950px){html{scroll-padding-top:145px}header{grid-template-columns:1fr auto;gap:4px 20px;padding:14px 6% 0;min-height:0}header .brand{grid-column:1;grid-row:1}header .header-contact{grid-column:2;grid-row:1;padding:8px 0}header .sector-band{grid-column:1/-1;grid-row:2;overflow:visible}header .sector-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:0}header .sector-tab{font-size:12px;padding:16px 0 12px;min-width:0;white-space:normal;justify-content:flex-start}header .sector-tab:last-child{min-width:0}}
@media(max-width:700px){html{scroll-padding-top:140px}header{padding:13px 5% 0;gap:5px 15px;margin:0}header .brand img{width:125px}header .sector-band{display:block;overflow:visible}header .sector-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;overflow:visible;padding:0}header .sector-tab{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;font-size:10px;line-height:1.35;min-width:0;flex:initial;padding:11px 0 10px;white-space:normal}header .sector-tab:last-child{min-width:0}header .swatch{width:7px;height:7px}header .header-contact{font-size:11px;gap:17px}header .sector-tab>span:nth-child(2){overflow-wrap:normal}header .sector-tabs .water-purification>span:nth-child(2){max-width:75px}}
@media(prefers-reduced-motion:reduce){header .sector-tab{transition:none}}

/* A single typographic treatment for the complete company name. */
.contact-company{display:block;margin:2px 0 7px;font-family:Manrope,Arial,sans-serif;font-size:24px;font-weight:400;line-height:1.4;letter-spacing:-.55px;color:var(--ink)}
@media(max-width:1000px){.contact-company{font-size:22px}}
@media(max-width:700px){.contact-company{font-size:23px}}

.hero-copy .market-entry{justify-content:center;text-align:center;min-width:250px;gap:0}

/* Balanced sector header and simplified actions. */
header{grid-template-columns:158px minmax(0,1fr);gap:46px}
header .sector-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
header .sector-tab{justify-content:center}
.hero-copy .button,.contact .button{justify-content:center;text-align:center;min-width:250px;gap:0}
.home{--straw:#eee3a4}
.home .intro{background:#d9948c}
.home .approach{background:#8eac8a}
.home .intro .section-label,.home .intro p,.home .approach .section-label,.home .approach p,.home .approach .steps span{color:var(--ink)}
.home .approach .steps article,.home .approach .scope-note{border-color:#678263}
@media(max-width:1150px){header{grid-template-columns:135px minmax(0,1fr);gap:30px}header .sector-tabs{gap:18px}}
@media(max-width:950px){header{grid-template-columns:1fr;padding:14px 6% 0;gap:7px}header .brand{grid-column:1;grid-row:1}header .sector-band{grid-column:1;grid-row:2}header .sector-tab{justify-content:flex-start}header .sector-tabs{gap:16px}}
@media(max-width:700px){header{padding:13px 5% 0;gap:5px}header .sector-tabs{gap:9px}header .sector-tab{justify-content:flex-start}.hero-copy .button,.contact .button{min-width:250px;max-width:100%}}

/* Balance the Livestock introduction so the final word is not orphaned. */
.livestock .hero-copy>p{max-width:560px;font-size:15px;text-wrap:balance}

/* Home sections follow the approved South African flag pastel palette. */
.home .contact{background:#94b8cd}
.home .contact .section-label,.home .contact p,.home .contact small{color:var(--ink)}
.home .contact address{border-color:#7095aa}

/* White flag-inspired separators between the three Home colour fields. */
.home .approach,.home .contact{border-top:18px solid #fff}
@media(max-width:700px){.home .approach,.home .contact{border-top-width:12px}}

/* Balanced two-column commercial partnership section. */
.home .intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.bridge-visual{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}
.bridge-visual .section-label{margin-bottom:24px}
.handshake-frame{width:100%;max-width:360px;aspect-ratio:1.5;margin:auto;overflow:hidden;mix-blend-mode:multiply}
.handshake-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 54%;filter:grayscale(1) brightness(1.3) contrast(4)}
.bridge-copy{min-width:0}.bridge-copy h2{font-size:clamp(31px,3.25vw,46px)}
@media(max-width:1000px){.home .intro{gap:35px}.handshake-frame{max-width:320px}}
@media(max-width:700px){.home .intro{display:grid;grid-template-columns:1fr;gap:25px}.bridge-visual .section-label{margin-bottom:10px}.handshake-frame{max-width:290px;margin:0 auto}.bridge-copy h2{font-size:32px}.bridge-copy p:first-of-type{margin-top:22px}}

/* Sector-specific product families, customers and market-entry criteria. */
footer{background:var(--hero)}
.product-families{list-style:none;padding:0;margin:30px 0 0;max-width:490px}
.product-families li{font-size:17px;line-height:1.6;padding:14px 0;border-bottom:1px solid var(--line)}
.product-families li:first-child{border-top:1px solid var(--line)}
.customer-block{margin-bottom:30px}.customer-block .section-label{margin-bottom:14px}
.customer-block p{margin:0}.sector-detail .focus-panel>ul{margin:0}
@media(max-width:700px){.product-families{margin-top:25px}.product-families li{font-size:16px;padding:12px 0}.sector-detail{margin-top:35px}.sector-detail .focus-panel{margin-top:0}.customer-block{margin-bottom:25px}}

.contact-location{display:block;margin:0 0 14px;font-size:15px;line-height:1.6;font-weight:400;color:var(--ink)}

.contact address a.contact-link,.contact address .contact-link{display:flex;align-items:center;gap:10px}.contact-icon{width:17px;height:17px;flex:0 0 17px;display:block}