/* 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}
/* Larger brand marks across every public page, within the existing header. */
nav#nav a.nav-logo{position:relative;align-self:flex-start;margin-top:-3px;padding:0!important;width:128px;height:112px;overflow:hidden;background:#fff!important;border:1px solid #22b4e5!important;border-radius:13px!important;box-shadow:0 3px 8px #0a3c6e12!important;z-index:2}
nav#nav a.nav-logo img{position:absolute;top:-13px;left:50%;height:124px!important;width:124px!important;max-width:none;flex-shrink:0;object-fit:contain;transform:translateX(-50%)}
nav#nav a.nav-logo::after{content:'Quality & Result';position:absolute;bottom:12px;left:0;width:100%;text-align:center;font:500 9px/1.2 Arial,sans-serif;letter-spacing:.1px;color:#ed1c24}
footer .fb-logo-wrap{max-width:260px}
footer .fb-logo-wrap img,footer .fb-logo img{height:124px;width:auto;max-width:100%;object-fit:contain}
@media(max-width:1100px){nav#nav .nav-inner{gap:16px}}
@media(max-width:560px){
 nav#nav a.nav-logo{width:106px;height:96px;margin-top:0;border-radius:11px!important}
 nav#nav a.nav-logo img{top:-13px;height:108px!important;width:108px!important;max-width:none}
 nav#nav a.nav-logo::after{bottom:10px;font-size:8px}
 footer .fb-logo-wrap img,footer .fb-logo img{height:112px}
}
.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}
/* Keep division slides and text within one viewport, including phone widths. */
.prod-slider .ps-slide{flex:0 0 100%;width:100%;min-width:0}
.prod-slider .pss-content{width:100%;min-width:0;box-sizing:border-box}
.prod-slider .pss-content>div{min-width:0}
.prod-slider .pss-content p{overflow-wrap:break-word}
.prod-slider .ps-dots .s-dot{min-width:28px;min-height:28px;border-radius:50%;background-clip:content-box;padding:9px;border:0}
.prod-slider .ps-dots .s-dot.active{background-color:var(--c)}
@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}
 .page-hero .ph-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .page-hero .ph-badge{justify-self:start}
}

/* 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}

/* Immersive division cards: photography, a short introduction and one clear link. */
.division-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:38px}
.division-card{position:relative;display:flex;align-items:flex-end;min-height:470px;isolation:isolate;overflow:hidden;border-radius:20px;background:#102b40;color:#fff;text-decoration:none;box-shadow:0 12px 30px #102b4018;transition:transform .3s,box-shadow .3s}
.division-card-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.division-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,27,41,.16) 0%,transparent 30%,rgba(4,27,41,.6) 58%,#062a3e 100%)}
.division-card-tag{position:absolute;top:22px;left:22px;padding:7px 12px;border:1px solid #ffffff55;border-radius:20px;background:#062a3e80;color:#fff;font-size:9px;letter-spacing:1.7px;text-transform:uppercase;font-weight:600;backdrop-filter:blur(8px)}
.division-card-content{width:100%;padding:26px}
.division-card-content h3{color:#fff;font-size:27px;line-height:1.15;letter-spacing:-.8px;margin:0 0 10px}
.division-card-content p{color:#e2edf2;font-size:13px;line-height:1.6;margin:0 0 24px;min-height:42px}
.division-card-action{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:5px 6px 5px 19px;border:1px solid #ffffff38;border-radius:28px;background:#1285a64d;color:#fff;font-size:12px;font-weight:600;backdrop-filter:blur(10px)}
.division-card-arrow{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#fff;color:#07506a;font:24px Arial,sans-serif}
.division-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px #102b4028}
.division-card:hover .division-card-photo{transform:scale(1.045)}
.division-card:focus-visible{outline:3px solid #087faa;outline-offset:5px}
@media(max-width:1000px) and (min-width:701px){.division-cards{gap:18px}.division-card{min-height:420px}.division-card-content{padding:20px}.division-card-content h3{font-size:22px}.division-card-tag{left:20px;font-size:8px}}
@media(max-width:700px){.division-cards{grid-template-columns:1fr;gap:24px}.division-card{min-height:460px}.division-card-content p{min-height:0}}
@media(prefers-reduced-motion:reduce){.division-card,.division-card-photo{transition:none}.division-card:hover,.division-card:hover .division-card-photo{transform:none}}