/* Shared Harsho Group visual system. Loaded after the original page styles. */
:root{--navy:#102b40;--navy2:#17394e;--navy3:#0c2334;--c:#087faa;--c2:#066889;--c3:#09536e;--teal:#398678;--sky:#edf4f7;--sky2:#e1edf2;--light:#f6f8f9;--muted:#536777;--muted2:#627887;--border:#dce5ea}
body{font-family:'Plus Jakarta Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
.wrap{max-width:1280px;padding-left:48px;padding-right:48px}
section.sec{padding:88px 0}
h1,h2,h3,.sec-h,.s-h1,.xname,.ceo-title,.book-title,.cv-title,.co-main-title,.avc-title,.kili-h{font-family:'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-1.4px;font-weight:700;line-height:1.18}
.sec-h{font-size:clamp(28px,3.5vw,43px)}
.sec-h em,.page-hero h1 em,.ceo-title em,.book-title em{font-style:normal}
.eyebrow,.ph-kicker,.ceo-eyebrow,.xtag,.fc h5,.nm-sec{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:11px;letter-spacing:2px;line-height:1.6}
.sec-p{font-size:15px;line-height:1.9}
nav#nav,nav#nav.scrolled{height:80px;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 2px 12px #102b4008}
.nav-inner{max-width:1280px;padding:0 48px}
.nav-link{font-size:12px;padding:10px 11px;border-radius:4px}
a.nav-cta,.btn-primary{background:var(--c);color:#fff;box-shadow:none;border-radius:5px}
a.nav-cta:hover,.btn-primary:hover{background:var(--c2);box-shadow:none}
.btn,.s-btn-primary,.s-btn-ghost{border-radius:5px;min-height:46px;text-transform:none;letter-spacing:0;font-size:13px;box-shadow:none}
.btn:hover,.xcard:hover{transform:translateY(-3px);box-shadow:0 12px 28px #102b4010}
.nav-mobile{top:80px!important}
.nav-item:focus-within .mega-drop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto}
:focus-visible{outline:3px solid #329fc7;outline-offset:4px}
.hero-slider{margin-top:0;padding-top:0;height:690px;min-height:690px;max-height:none;background:var(--navy3)}
.s-content{max-width:1280px;padding:48px 48px 80px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:80px}
.s-h1{font-size:clamp(40px,4.4vw,62px);line-height:1.12;letter-spacing:-2.5px;text-shadow:none;max-width:670px}
.s-h1 em{font-style:normal;color:#76cee8!important}
.s-h1 em::after,.s-eyebrow-dot::before,.slider-glow-tl,.slider-glow-br{display:none}
.s-bg{filter:saturate(.65);transform:none!important}
.s-ov{background:linear-gradient(90deg,rgba(8,29,44,.95),rgba(8,29,44,.82) 44%,rgba(8,29,44,.36))}
.s-eyebrow{padding:0;background:none;border:0;border-radius:0;margin-bottom:25px;backdrop-filter:none}
.s-eyebrow-text{font-size:10px;letter-spacing:2.4px;color:#e1eef4}
.s-desc{font-weight:400;font-size:15px;line-height:1.85;color:#d9e4eb;text-shadow:none;max-width:540px;margin-bottom:28px}
.s-btn-primary{background:#fff!important;color:var(--navy)!important;box-shadow:none}
.s-btn-ghost{border-color:#ffffff70;background:transparent}
.s-trust{margin-top:30px;padding-top:22px;gap:30px}
.s-trust-val{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:24px}
.s-trust-lbl{color:#c2d1dc;font-size:10px;letter-spacing:1px}
.s-right{background:#102b40d9;border:1px solid #ffffff24;border-radius:8px;padding:28px;box-shadow:none;backdrop-filter:blur(10px)}
.s-right-label{color:#80cce3!important;font-size:10px;letter-spacing:2px}
.s-right-title{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:21px;line-height:1.4;letter-spacing:-.5px}
.s-feature{background:transparent;border:0;border-top:1px solid #ffffff20;border-radius:0;padding:17px 0;box-shadow:none}
.s-feat-title{font-size:13px;color:#fff}.s-feat-desc{color:#becfd9;font-size:11px}.s-feat-check{display:none}
.slider-prev,.slider-next{top:auto;bottom:24px;transform:none;width:38px;height:38px;border-radius:5px}
.slider-prev{left:48px}.slider-next{left:94px;right:auto}.slider-prev:hover,.slider-next:hover{transform:none}
.slider-dots{bottom:37px}.slide-counter{bottom:31px;right:48px;color:#c4d3dd;font-family:Arial,sans-serif}
.ticker-band{display:none}.stats-card{background:#f3f7f9}.stats-card::before,.stats-card::after{display:none}
.stats-inner{max-width:1280px;padding:10px 48px}.stat-num{color:var(--navy)!important;font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:30px}.stat-lbl,.stat-label,.stat-sub{color:var(--muted)!important}.stat-item{padding:26px 16px}.stat-ico{background:#e6eff3;color:var(--c)}
.companies-sec{background:#f3f6f8}.companies-grid{gap:24px;margin-top:36px}.xcard{border-radius:8px;box-shadow:none;border:1px solid var(--border)}
.xh{min-height:260px;padding:26px;background-size:cover!important;background-position:center!important}.xh::before{display:none}
.xc1 .xh{background:linear-gradient(#102b4040,#102b40f2),url('../images/enhanced/pack-product-range.jpg')}
.xc3 .xh{background:linear-gradient(#102b4040,#102b40f2),url('../images/enhanced/milling-page-hero.jpg')}
.xc2 .xh{background:linear-gradient(#102b4040,#102b40f2),url('../images/enhanced/trading-hero-baner.jpg')}
.xh-top{margin-bottom:auto}.xico{display:none}.xtag{font-size:9px;border-radius:3px;background:#102b4099}.xname{font-size:26px;margin-top:35px;letter-spacing:-.8px}.xtagline{color:#e0e9ef;font-weight:400;font-size:12px}.xwm{display:none}.xb{padding:24px}.xpill{background:#f5f8fa;border:1px solid #e2e9ed;border-radius:4px;font-size:11px}.xstats{border-radius:4px}.xst-l{color:#607586}
.about-grid{gap:56px}.about-vis-card{border-radius:8px;background:var(--navy);box-shadow:none}.avc-title{font-size:25px}.avc-desc{color:#c9d8e3}.avc-l{color:#c9d8e3}
.news-card,.pcard,.pg-card,.trust-card,.book-form-card,.contact-card{border-radius:8px;box-shadow:0 4px 20px #102b4007;border-color:var(--border)}
.ceo-sec{margin-top:0!important;background:var(--navy3)}.ceo-photo-frame{border-radius:8px;border:0;box-shadow:none}.ceo-photo-frame::before{display:none}.ceo-sub-msg,.ceo-stat-l,.ceo-sig-role{color:#b8cbd8}
.page-hero{padding:85px 0 70px;background:var(--navy3)}.page-hero h1{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:clamp(34px,4.7vw,60px)}.page-hero .ph-desc{color:#c4d3df}
.book-sec{background:#f3f6f8}.book-form-card::before{background:var(--c)}.book-input,.book-select{border-radius:5px}.book-hl-desc{color:var(--muted)}
footer{background:#0c2334}footer::before{height:1px;background:#ffffff25}.fc a,.fb-desc,.foot-btm p,.foot-btm-links a{color:#b5c6d1}.fb-logo-wrap{border-radius:5px;box-shadow:none}.fc h5{color:#77c9e3}
@media(min-width:901px) and (max-width:1100px){.s-content{gap:32px;grid-template-columns:1.4fr 1fr}.s-right{padding:20px}.nav-inner{padding:0 24px}.nav-link{padding:9px 7px;font-size:11px}}
@media(max-width:900px){.wrap{padding:0 28px}.nav-inner{padding:0 24px}.nav-main{display:none}.hb{display:flex}.hero-slider{height:660px;min-height:660px;max-height:none}.s-content{display:block;padding:50px 28px 90px}.s-left{max-width:660px}.s-right{display:none}.s-h1{font-size:48px}.s-desc{max-width:580px}.slider-prev{left:28px}.slider-next{left:74px}.stats-inner{padding:12px 20px}.about-grid{gap:32px}.companies-grid{grid-template-columns:1fr}.xh{min-height:250px}.foot-grid{gap:32px}}
@media(max-width:560px){section.sec{padding:58px 0}.wrap{padding:0 22px}.nav-inner{padding:0 18px}.hero-slider{height:650px;min-height:650px}.s-content{padding:40px 22px 84px}.s-h1{font-size:38px;letter-spacing:-1.5px}.s-desc{font-size:14px}.s-eyebrow-text{font-size:9px;letter-spacing:1.5px}.s-trust{gap:22px}.s-btn-primary,.s-btn-ghost{padding:13px 18px;font-size:12px}.slide-counter{right:22px}.slider-prev{left:22px}.slider-next{left:68px}.sec-h{font-size:30px;letter-spacing:-1px}.stat-item{flex-basis:50%;padding:18px 10px}.stats-inner{padding:10px 12px}.stat-num{font-size:25px}.ceo-title{font-size:29px}.foot-grid{grid-template-columns:1fr}.book-form-card{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.slide.active .s-eyebrow,.slide.active .s-h1,.slide.active .s-desc,.slide.active .s-btns,.slide.active .s-trust,.slide.active .s-right{opacity:1;transform:none}}
/* Override legacy heading specificity and decorative navigation treatments. */
.slide .s-h1{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:clamp(40px,4.4vw,62px);line-height:1.12;letter-spacing:-2.5px;font-weight:700}
.slide .s-h1 em{font-style:normal}
nav#nav::before,.slider-side-label{display:none}
.nav-logo{border:0!important;box-shadow:none!important;background:none!important;border-radius:0!important}
.s-right-label{font-family:'Plus Jakarta Sans',Arial,sans-serif}
@media(max-width:900px){.slide .s-h1{font-size:48px}}
@media(max-width:560px){.slide .s-h1{font-size:38px;letter-spacing:-1.5px}}
/* Give every carousel slide a fixed viewport basis, including narrow screens. */
.hero-slider .slider-track{height:100%!important}
.hero-slider .slide{flex:0 0 100%;width:100%;min-width:0;height:100%!important}
.hero-slider .s-content{min-width:0;width:100%;box-sizing:border-box}
.hero-slider .s-left{width:100%;min-width:0}
@media(max-width:900px){.hero-slider .s-content{padding:40px 28px 85px!important}}
@media(max-width:560px){.hero-slider .s-content{padding:32px 22px 85px!important}.slide .s-h1{font-size:36px}.s-h1 em{display:inline}.s-trust{margin-top:26px}}
/* Keep accent text legible over photographic page headers. */
[class*="page-hero"] h1 em{color:#8bd8ef;font-style:normal}
[class*="page-hero"] .ph-kicker,[class*="page-hero"] .mph-kicker{color:#b4e8f5}
/* Let the retouched photograph retain its natural colours beneath the text overlay. */
.hero-slider .s-bg{filter:none}

/* Review refinements: readable controls, supporting text and consistent forms. */
.hero-slider .slider-vlabel{display:none}
.hero-slider .slider-ctrls{bottom:24px;right:48px;gap:8px}
.hero-slider .slider-ctrls button{position:static;inset:auto;transform:none;width:44px;height:44px;border-radius:6px;background:#102b40cc;border:1px solid #ffffff60}
.hero-slider .slider-ctrls button:hover{background:var(--c2);color:#fff;transform:none}
.hero-slider .slider-dots{left:48px;bottom:24px;transform:none;gap:6px;max-width:calc(100% - 200px)}
.hero-slider .s-dot,.hero-slider .s-dot.active{width:36px;height:44px;padding:0;justify-content:center;background:transparent;border-radius:4px;border-bottom:2px solid transparent}
.hero-slider .s-dot.active{border-bottom-color:#8bd8ef}
.hero-slider .s-dot-num{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:12px;letter-spacing:0;color:#d8e5ed}
.hero-slider .s-dot.active .s-dot-num{color:#fff}
.hero-slider .s-dot-line{display:none}
.stat-sub{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-style:normal;font-size:11px;line-height:1.5}
.stat-lbl{letter-spacing:1.3px;line-height:1.5}
.stat-unit{font-family:'Plus Jakarta Sans',Arial,sans-serif;color:var(--c2)}
.wp-step-p,.cv-desc,.cv-hl-sub{color:#bfd0dc}
.wp-num{color:#8bd8ef}
.book-eyebrow,.book-form-title,.book-contact-num{font-family:'Plus Jakarta Sans',Arial,sans-serif}
.book-eyebrow{letter-spacing:2px;color:var(--c2)}
.book-eyebrow::before{background:var(--c2)}
.book-form-title{font-size:22px;letter-spacing:-.5px}
.book-title em{font-style:normal;color:var(--c2)}
.book-step-badge{color:var(--c2);background:var(--sky);border-color:var(--border);border-radius:5px;letter-spacing:1px}
.book-hl-ico{background:var(--sky);color:var(--c2);border:1px solid var(--border);border-radius:7px}
.book-hl,.book-contact,.book-form-card{border-color:var(--border)}
.book-contact{background:var(--sky);border-style:solid}
.book-form-subtitle,.book-contact-label{color:var(--muted)}
.book-input::placeholder{color:#667a88}
.book-input:focus,.book-select:focus{border-color:var(--c);box-shadow:0 0 0 3px #087faa20}
@media(min-width:561px) and (max-width:900px){.companies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.companies-grid>.xcard:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:560px){
 .hero-slider .slider-ctrls{right:22px;bottom:20px}
 .hero-slider .slider-dots{left:22px;bottom:20px;max-width:calc(100% - 140px);gap:0}
 .hero-slider .s-dot,.hero-slider .s-dot.active{width:30px}
 .book-highlights,.book-field-row{grid-template-columns:minmax(0,1fr)}
 .book-form-title{font-size:19px}
 .book-form-header{gap:12px;flex-wrap:wrap}
 .stat-item{min-width:0;flex-wrap:wrap;gap:8px}
 .stat-sub{max-width:130px}
 .foot-btm-links{gap:18px;flex-wrap:wrap}
}

/* Navigation polish: clear location, comfortable touch targets and contained scrolling. */
.nav-link[aria-current="page"]{color:var(--c2);background:var(--sky)}
.nm-link[aria-current="page"]{color:var(--c2);background:var(--sky);font-weight:700;border-left:3px solid var(--c)}
.hb{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.nav-mobile{overscroll-behavior:contain;padding-bottom:max(32px,env(safe-area-inset-bottom))}
.nav-mobile .nm-link{min-height:48px;border-radius:6px}
.nav-mobile .nm-sec{margin-top:18px;color:var(--muted)}
html{scroll-padding-top:100px}
@media(max-width:900px){
 body.navigation-open{overflow:hidden}
 body.navigation-open .wa-wrap,body.navigation-open .chick-float{visibility:hidden}
 .nav-mobile .nm-cta{min-height:48px;display:flex;align-items:center;justify-content:center;margin-top:20px;border-radius:6px}
}
@media(max-width:560px){
 .book-input,.book-select,input.form-input,textarea.form-input{font-size:16px}
}

/* Readable leadership highlights against the dark blue section. */
.ceo-highlight{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:14px 16px}
.ceo-highlight-icon{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:10px;background:rgba(255,255,255,.12);color:#fff}
.ceo-highlight-icon svg{width:26px!important;height:26px!important;stroke-width:2;display:block!important}
.ceo-highlight-description{font-size:12px;line-height:1.6;color:#e1ecf4;margin-top:3px}