/*
Theme Name: Kheshti Industrial
Theme URI: https://kheshti.com/
Author: Kheshti
Description: Premium bilingual industrial manufacturer theme inspired by modern industrial editorial websites.
Version: 0.8.5
Text Domain: kheshti-industrial
*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{
 --ink:#101214;--paper:#f5f5f2;--white:#fff;--muted:#6e7275;--line:#d8d9d5;
 --accent:#d8a83e;--max:1480px;--dark:#111315;
 --sans:"Vazirmatn",Tahoma,sans-serif;
 --latin:"Manrope","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--white);font-family:var(--sans);line-height:1.7;font-weight:500;-webkit-font-smoothing:antialiased} body.en,body.lang-en{font-family:var(--latin),sans-serif;direction:ltr} :lang(en){font-family:var(--latin),sans-serif}
a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 56px),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(16,18,20,.09)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{font-size:30px;font-weight:900;letter-spacing:-1.5px;font-family:var(--latin),var(--sans)}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:600;color:var(--muted);line-height:1}
.nav-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;right:0;left:0;bottom:-9px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:right;transition:.3s}.nav-links a:hover:after{transform:scaleX(1)}
.lang{border:1px solid var(--ink);padding:8px 13px;border-radius:99px;font-size:12px}
.hero{min-height:calc(100vh - 82px);background:#151719;position:relative;overflow:hidden;color:white;display:flex;align-items:end}
.hero:before{content:"";position:absolute;inset:0;background:
 radial-gradient(circle at 78% 35%,rgba(216,168,62,.28),transparent 24%),
 linear-gradient(120deg,rgba(255,255,255,.04),transparent 42%),
 linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.18));}
.hero-visual{position:absolute;inset:0;background:
 linear-gradient(135deg,transparent 0 46%,rgba(255,255,255,.06) 46.2% 46.7%,transparent 47%),
 repeating-linear-gradient(90deg,transparent 0 120px,rgba(255,255,255,.025) 121px 122px);
}
.hero-machine{position:absolute;right:7%;top:13%;width:48%;height:70%;opacity:.9}
.machine-frame{position:absolute;right:8%;bottom:10%;width:76%;height:56%;border:5px solid rgba(255,255,255,.65);transform:skewX(-12deg);box-shadow:0 0 0 18px rgba(255,255,255,.025),0 40px 100px rgba(0,0,0,.5)}
.machine-frame:before{content:"";position:absolute;left:9%;top:18%;width:58%;height:20%;border:4px solid var(--accent);box-shadow:80px 100px 0 -1px rgba(216,168,62,.65)}
.machine-cylinder{position:absolute;right:12%;top:15%;width:30%;height:28%;border:4px solid #ddd;border-radius:50%;transform:rotate(-12deg)}
.machine-leg{position:absolute;bottom:3%;width:18%;height:25%;border-left:6px solid rgba(255,255,255,.7);border-right:6px solid rgba(255,255,255,.2)}
.machine-leg.one{right:20%}.machine-leg.two{right:50%}
.hero-content{position:relative;z-index:2;width:min(100%,1000px);padding:120px 0 90px}
.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#d7d8d5;margin-bottom:25px}
.hero h1{font-size:clamp(48px,7vw,108px);line-height:.98;letter-spacing:-5px;max-width:1000px;margin:0 0 35px;font-weight:800}
.hero p{font-size:18px;max-width:680px;color:#d9dad8;margin:0 0 38px}
.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border:1px solid rgba(255,255,255,.35);transition:.25s}.btn.primary{background:white;color:#111;border-color:white}.btn:hover{transform:translateY(-2px)}.btn.dark{background:#111;color:white;border-color:#111}
.scroll-note{position:absolute;right:30px;bottom:34px;writing-mode:vertical-rl;font-size:10px;letter-spacing:2px;color:#bbb}
.intro{padding:125px 0}.intro-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;align-items:end}.kicker{font-size:12px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.intro h2{font-size:clamp(38px,5vw,76px);line-height:1.03;letter-spacing:-3px;margin:16px 0 0}.intro-copy{font-size:19px;color:#51565a;max-width:650px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:70px}.stat{padding:30px 0;border-right:1px solid var(--line);padding-right:25px}.stat:last-child{border:0}.stat strong{font-size:42px;display:block}.stat span{color:var(--muted);font-size:13px}
.section{padding:105px 0}.section.soft{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section h2{font-size:clamp(36px,5vw,68px);line-height:1.02;letter-spacing:-3px;margin:8px 0 0}.section-head p{max-width:430px;color:var(--muted);margin:0}
.product-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.product{position:relative;min-height:430px;background:#1a1c1d;color:white;overflow:hidden;display:flex;align-items:end;grid-column:span 6}.product:nth-child(3){grid-column:span 4}.product:nth-child(4){grid-column:span 4}.product:nth-child(5){grid-column:span 4}.product-art{position:absolute;inset:0;background:
 radial-gradient(circle at 75% 35%,rgba(216,168,62,.24),transparent 22%),
 linear-gradient(145deg,#313537,#111315 62%);}
.product-art:after{content:"";position:absolute;inset:16%;border:2px solid rgba(255,255,255,.23);transform:skewY(-8deg);box-shadow:40px 40px 0 rgba(216,168,62,.08)}
.product-content{position:relative;z-index:2;padding:30px;width:100%;background:linear-gradient(transparent,rgba(0,0,0,.86))}
.product-number{font-size:11px;color:#c6c7c4;letter-spacing:2px}.product h3{font-size:30px;margin:8px 0}.product p{color:#d2d3d0;margin:0;max-width:480px}.arrow{float:left;font-size:22px}
.feature{display:grid;grid-template-columns:1.15fr .85fr;min-height:650px}.feature-image{background:#151719;position:relative;overflow:hidden}.feature-image:before{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.25);transform:skewY(-8deg);box-shadow:80px 80px 0 rgba(216,168,62,.12)}.feature-image:after{content:"KHESHTI / ENGINEERING";position:absolute;left:9%;bottom:8%;font-size:12px;letter-spacing:4px;color:#bbb}.feature-copy{background:#17191a;color:white;padding:80px clamp(35px,6vw,95px);display:flex;flex-direction:column;justify-content:center}.feature-copy h2{font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-3px;margin:15px 0 25px}.feature-copy p{color:#c9cac8;font-size:17px;max-width:560px}.list{margin:35px 0 0;padding:0;list-style:none}.list li{border-top:1px solid rgba(255,255,255,.18);padding:14px 0;color:#eee}.list li:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
.projects{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.project{min-height:480px;background:#ddd;position:relative;overflow:hidden}.project.small{min-height:232px}.project-visual{position:absolute;inset:0;background:linear-gradient(145deg,#8a8d8b,#202223 70%);transition:.6s}.project:nth-child(2) .project-visual{background:linear-gradient(145deg,#b4b5ae,#3d3f3d 70%)}.project:nth-child(3) .project-visual{background:linear-gradient(145deg,#555,#121414 70%)}.project:hover .project-visual{transform:scale(1.04)}.project-info{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:28px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.85))}.project-info h3{margin:3px 0;font-size:27px}.project-info p{margin:0;color:#ddd}.project-stack{display:grid;gap:16px}
.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.service{padding:32px 24px 45px 0;border-right:1px solid var(--line)}.service:not(:first-child){padding-left:24px}.service:last-child{border-right:0}.service .num{color:var(--muted);font-size:11px}.service h3{font-size:23px;margin:45px 0 10px}.service p{color:var(--muted);font-size:14px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.news-card{border-top:1px solid var(--ink);padding-top:18px}.news-image{height:260px;background:linear-gradient(145deg,#c7c9c5,#333638);margin-bottom:20px}.news-card:nth-child(2) .news-image{background:linear-gradient(145deg,#d1d0c8,#575958)}.news-card:nth-child(3) .news-image{background:linear-gradient(145deg,#888b88,#171919)}.news-card h3{font-size:25px;line-height:1.2;margin:8px 0}.news-card p{color:var(--muted);font-size:14px}.meta{font-size:11px;letter-spacing:1px;color:var(--muted)}
.cta{background:#111315;color:white;padding:110px 0}.cta-inner{display:flex;align-items:end;justify-content:space-between;gap:50px}.cta h2{font-size:clamp(44px,6vw,84px);line-height:1;letter-spacing:-4px;max-width:900px;margin:12px 0}.cta p{color:#bbb;max-width:550px}.cta .btn{margin-bottom:8px}
.site-footer{background:#0b0c0d;color:#fff;padding:75px 0 25px}.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px;padding-bottom:70px}.footer-brand{font-size:34px;font-weight:900}.footer-col h4{font-size:12px;color:#85898b;letter-spacing:1px;margin:0 0 18px}.footer-col a{display:block;color:#d7d8d6;margin:7px 0;font-size:14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:22px;display:flex;justify-content:space-between;color:#777;font-size:11px}
.mobile-toggle{display:none;border:1px solid #ccc;background:white;padding:9px 12px}
@media(max-width:1000px){.nav-links{display:none}.mobile-toggle{display:block}.intro-grid,.feature,.projects{grid-template-columns:1fr}.product:nth-child(n){grid-column:span 6}.services{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.hero-machine{opacity:.35;width:80%}}
@media(max-width:650px){.container{width:min(calc(100% - 32px),var(--max))}.nav{height:70px}.brand{font-size:25px}.hero{min-height:calc(100vh - 70px)}.hero-content{padding:80px 0 65px}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero p{font-size:16px}.intro,.section{padding:75px 0}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.product:nth-child(n){grid-column:span 12;min-height:360px}.services{grid-template-columns:1fr}.service,.service:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:25px 0}.cta-inner{display:block}.cta .btn{margin-top:25px}.footer-top{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.section-head{display:block}.section-head p{margin-top:20px}}

/* Reference-style editorial hero carousel */
.ref-hero{position:relative;min-height:calc(100vh - 82px);overflow:hidden;background:#111;color:#fff}
.ref-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease;display:grid;grid-template-columns:1.2fr .8fr}
.ref-slide.active{opacity:1;visibility:visible}
.ref-photo{position:relative;overflow:hidden;background:#252729}
.ref-photo:before{content:"";position:absolute;inset:-5%;background:
linear-gradient(120deg,rgba(0,0,0,.05),rgba(0,0,0,.55)),
radial-gradient(circle at 68% 35%,rgba(216,168,62,.5),transparent 24%),
linear-gradient(145deg,#7e8380 0%,#292c2d 52%,#0c0d0e 100%);transform:scale(1.03)}
.ref-photo:after{content:"";position:absolute;left:10%;right:8%;top:16%;bottom:12%;border:1px solid rgba(255,255,255,.25);transform:skewX(-12deg);box-shadow:90px 100px 0 rgba(216,168,62,.11)}
.ref-machine{position:absolute;z-index:1;right:18%;top:21%;width:48%;height:48%;border:5px solid rgba(255,255,255,.65);transform:skewX(-12deg);box-shadow:0 35px 80px rgba(0,0,0,.45)}
.ref-machine:before{content:"";position:absolute;left:10%;top:20%;width:62%;height:22%;background:rgba(216,168,62,.72);border:2px solid #fff}
.ref-machine:after{content:"";position:absolute;right:5%;top:12%;width:26%;height:26%;border:3px solid #fff;border-radius:50%}
.ref-panel{background:#191b1d;display:flex;flex-direction:column;justify-content:center;padding:80px clamp(35px,6vw,100px);position:relative}
.ref-panel .slide-no{font-size:13px;letter-spacing:3px;color:#aaa;margin-bottom:30px}
.ref-panel h1{font-size:clamp(42px,5vw,78px);line-height:1.02;letter-spacing:-3px;margin:0 0 25px}
.ref-panel p{color:#c6c7c5;max-width:540px;font-size:17px;margin:0 0 32px}
.ref-panel .ref-link{display:inline-flex;width:max-content;border-bottom:1px solid #fff;padding-bottom:7px;color:#fff}
.ref-controls{position:absolute;z-index:10;left:50%;bottom:34px;transform:translateX(-50%);display:flex;align-items:center;gap:12px}
.ref-dot{width:34px;height:2px;background:rgba(255,255,255,.35);border:0;padding:0;cursor:pointer;transition:.3s}
.ref-dot.active{background:#fff}
.ref-arrow{width:42px;height:42px;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:18px}
.ref-counter{position:absolute;z-index:10;left:30px;bottom:35px;font-size:11px;letter-spacing:2px;color:#aaa}
@media(max-width:850px){.ref-hero{min-height:780px}.ref-slide{grid-template-columns:1fr;grid-template-rows:52% 48%}.ref-panel{padding:35px 24px}.ref-panel h1{font-size:42px}.ref-photo:after{inset:12%}.ref-machine{right:15%;top:20%;width:55%;height:52%}}

/* V6 — full-width layered hero, matching the reference's editorial slide composition */
.ref-hero{height:calc(100vh - 82px);min-height:680px;position:relative;overflow:hidden;background:#111}
.ref-slide{position:absolute!important;inset:0!important;display:block!important;opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .8s ease,transform 1.2s ease}
.ref-slide.active{opacity:1;visibility:visible;transform:scale(1)}
.ref-photo{position:absolute!important;inset:0!important;background:#252729!important}
.ref-photo:before{content:""!important;position:absolute!important;inset:0!important;background:
linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.45) 40%,rgba(0,0,0,.10) 75%),
linear-gradient(0deg,rgba(0,0,0,.78) 0%,transparent 48%,rgba(0,0,0,.18) 100%),
radial-gradient(circle at 75% 30%,rgba(216,168,62,.36),transparent 25%),
linear-gradient(145deg,#737875,#252829 58%,#090a0b)!important;transform:none!important}
.ref-photo:after{content:""!important;position:absolute!important;inset:0!important;border:0!important;transform:none!important;box-shadow:none!important;background:
repeating-linear-gradient(90deg,transparent 0 119px,rgba(255,255,255,.025) 120px 121px)!important}
.ref-machine{opacity:.48;right:9%;top:22%;width:46%;height:52%;z-index:1}
.ref-panel{position:absolute!important;z-index:5!important;left:0;right:0;bottom:0;top:auto!important;background:linear-gradient(transparent,rgba(0,0,0,.72) 25%,rgba(0,0,0,.86));padding:150px 0 92px!important;display:block!important}
.ref-panel>*{margin-left:max(28px,calc((100% - var(--max))/2))}
.ref-panel .slide-no{font-size:13px;letter-spacing:3px;color:#ddd;margin-bottom:14px}
.ref-panel h1{font-size:clamp(40px,5.5vw,82px);max-width:850px;line-height:.98;letter-spacing:-3px;margin-bottom:22px}
.ref-panel p{font-size:17px;max-width:650px;color:#ddd;margin-bottom:25px}
.ref-panel .ref-link{border-bottom:1px solid #fff;padding-bottom:6px}
.ref-controls{left:auto;right:max(28px,calc((100% - var(--max))/2));bottom:88px;transform:none;display:flex;flex-direction:column;gap:10px}
.ref-dot{width:3px;height:30px;background:rgba(255,255,255,.38);transition:.35s}
.ref-dot.active{width:3px;height:46px;background:#fff}
.ref-arrow{width:38px;height:38px}
.ref-counter{left:auto;right:max(28px,calc((100% - var(--max))/2));bottom:38px;color:#ddd}
@media(max-width:850px){
 .ref-hero{height:calc(100vh - 70px);min-height:650px}
 .ref-panel{padding:120px 0 75px!important}
 .ref-panel>*{margin-left:22px;margin-right:70px}
 .ref-panel h1{font-size:42px;letter-spacing:-2px}
 .ref-panel p{font-size:15px}
 .ref-controls{right:16px;bottom:95px}
 .ref-counter{right:16px}
 .ref-machine{opacity:.25;right:2%;width:75%}
}

/* V7 — reference composition: one large active panel + four narrow stacked side cards */
.ref-reference{height:calc(100vh - 82px);min-height:680px;background:#111;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) clamp(390px,26.5vw,510px)}
.ref-main-stage{position:relative;min-width:0;height:100%;overflow:hidden}
.ref-reference .ref-slide{position:absolute!important;inset:0!important;display:block!important;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .65s ease,transform 1s ease;z-index:0}
.ref-reference .ref-slide.active{opacity:1;visibility:visible;transform:scale(1);z-index:2}
.ref-reference .ref-photo{position:absolute!important;inset:0!important;background:#333!important;overflow:hidden}
.ref-reference .ref-photo:before{content:""!important;position:absolute!important;inset:0!important;transform:none!important;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.20) 70%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.78),transparent 45%,rgba(0,0,0,.08))!important}
.ref-reference .ref-photo:after{content:""!important;position:absolute!important;inset:0!important;border:0!important;transform:none!important;box-shadow:none!important;background:repeating-linear-gradient(90deg,transparent 0 120px,rgba(255,255,255,.025) 121px 122px)!important}
.ref-photo-1{background:radial-gradient(circle at 72% 26%,#d4a33b 0 3%,transparent 4%),linear-gradient(145deg,#7c8580,#38403d 45%,#111)!important}
.ref-photo-2{background:radial-gradient(circle at 70% 28%,#d9b45d 0 4%,transparent 5%),linear-gradient(145deg,#677170,#252a2a 55%,#101111)!important}
.ref-photo-3{background:linear-gradient(145deg,#747976,#313536 52%,#111)!important}
.ref-photo-4{background:radial-gradient(circle at 65% 30%,rgba(217,168,62,.8),transparent 13%),linear-gradient(145deg,#59605e,#262a2a 58%,#0e0f10)!important}
.ref-photo-5{background:linear-gradient(145deg,#707472,#343837 55%,#101112)!important}
.ref-reference .ref-panel{position:absolute!important;left:0;right:0;bottom:0;top:auto!important;background:linear-gradient(transparent,rgba(0,0,0,.70) 24%,rgba(0,0,0,.90));padding:170px max(32px,5vw) 72px!important;display:block!important;z-index:3!important}
.ref-reference .ref-panel>*{margin-left:0}
.ref-reference .ref-panel .slide-no{font-size:14px;letter-spacing:2px;color:#fff;margin-bottom:16px}
.ref-reference .ref-panel h1{font-size:clamp(42px,5.2vw,82px);line-height:.98;letter-spacing:-3.5px;max-width:850px;margin:0 0 22px;color:#fff}
.ref-reference .ref-panel p{font-size:17px;line-height:1.8;max-width:620px;color:#e2e3e1;margin:0 0 24px}
.ref-reference .ref-link{display:inline-flex;align-items:center;gap:22px;border:0;background:#f4c400;color:#111;padding:15px 20px 14px;font-weight:800;min-width:175px;justify-content:space-between}
.ref-reference .ref-link span{font-size:22px;line-height:1}
.ref-side-rail{display:grid;grid-template-columns:repeat(5,1fr);height:100%;position:relative;z-index:20;background:#39464c;overflow:hidden}
.ref-side-card{appearance:none;border:0;border-left:1px solid rgba(255,255,255,.13);margin:0;padding:24px 10px 20px;background:#3a464b;color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:flex .45s ease,background .35s ease,opacity .35s ease;display:flex;flex-direction:column;justify-content:space-between;align-items:center}
.ref-side-card:first-child{border-left:0}
.ref-side-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.25)),linear-gradient(145deg,transparent 45%,rgba(255,255,255,.08));opacity:.9}
.ref-side-card:after{content:"";position:absolute;inset:0;background:var(--card-bg);background-size:cover;background-position:center;opacity:.22;mix-blend-mode:screen}
.ref-side-card:nth-child(1){--card-bg:linear-gradient(145deg,#68706e,#1d292b)}
.ref-side-card:nth-child(2){--card-bg:linear-gradient(145deg,#777b77,#28302f)}
.ref-side-card:nth-child(3){--card-bg:linear-gradient(145deg,#8b8a7f,#3b4140)}
.ref-side-card:nth-child(4){--card-bg:linear-gradient(145deg,#56666c,#20282b)}
.ref-side-card:nth-child(5){--card-bg:linear-gradient(145deg,#80786c,#302c29)}
.ref-side-card.is-hidden{display:none}
.ref-side-card:hover{background:#46545a}
.ref-side-card .ref-card-no,.ref-side-card .ref-card-title{position:relative;z-index:2}
.ref-card-no{font-size:17px;font-weight:800;align-self:flex-start}
.ref-card-title{writing-mode:vertical-rl;transform:rotate(180deg);font-size:16px;font-weight:700;letter-spacing:.2px;white-space:nowrap;margin-bottom:10px}
.ref-counter{z-index:40!important;left:auto!important;right:calc(clamp(390px,26.5vw,510px) + 28px)!important;bottom:25px!important;color:#fff!important;background:rgba(0,0,0,.32);padding:7px 10px;font-size:12px}
.ref-arrow-row{position:absolute;right:calc(clamp(390px,26.5vw,510px) + 22px);bottom:78px;z-index:40;display:flex;gap:7px}
.ref-arrow-row .ref-arrow{width:42px;height:42px;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.30);color:#fff;cursor:pointer;font-size:18px}
.ref-side-card.active{background:#1b2d34;box-shadow:inset 0 -4px 0 #f4c400}

@media(max-width:850px){
 .ref-reference{height:auto;min-height:760px;display:block}
 .ref-main-stage{height:560px}
 .ref-side-rail{height:200px;grid-template-columns:repeat(5,1fr)}
 .ref-side-card{padding:14px 7px}
 .ref-card-title{font-size:12px}
 .ref-reference .ref-panel{padding:125px 22px 40px!important}
 .ref-reference .ref-panel h1{font-size:39px;letter-spacing:-2px}
 .ref-reference .ref-panel p{font-size:14px}
 .ref-counter{right:18px!important;bottom:215px!important}
 .ref-arrow-row{right:18px;bottom:155px}
}
@media(max-width:520px){
 .ref-main-stage{height:570px}
 .ref-side-rail{height:180px}
 .ref-card-no{font-size:13px}
 .ref-card-title{font-size:10px}
 .ref-reference .ref-panel h1{font-size:34px}
 .ref-reference .ref-panel p{display:none}
 .ref-reference .ref-link{min-width:150px;padding:12px 14px}
}

/* =========================================================
   V8 — Reference expanding-panel hero
   Inspired by the supplied reference/video: all five panels
   stay in one row; the selected panel expands in place while
   the others compress to narrow vertical cards.
   ========================================================= */
.kh-hero{
  position:relative;
  width:100%;
  height:calc(100vh - 82px);
  min-height:650px;
  overflow:hidden;
  background:#27343a;
  direction:ltr;
}
.kh-slides{display:flex;width:100%;height:100%;overflow:hidden;direction:ltr}
.kh-slide{
  position:relative;
  flex:0 0 clamp(74px,5.8vw,118px);
  min-width:0;
  height:100%;
  overflow:hidden;
  cursor:pointer;
  isolation:isolate;
  border-right:1px solid rgba(255,255,255,.16);
  transition:flex-basis 900ms cubic-bezier(.77,0,.18,1),filter 700ms ease;
  color:#fff;
  outline:none;
}
.kh-slide.is-active{flex:1 1 auto;cursor:default}
.kh-slide:focus-visible{box-shadow:inset 0 0 0 3px #f2c400;z-index:10}
.kh-slide-bg,.kh-slide-shade{position:absolute;inset:0;pointer-events:none}
.kh-slide-bg{z-index:0;transform:scale(1.04);transition:transform 1200ms cubic-bezier(.2,.7,.2,1),filter 900ms ease}
.kh-slide.is-active .kh-slide-bg{transform:scale(1);filter:saturate(1.03)}
.kh-slide-shade{z-index:1;background:linear-gradient(180deg,rgba(9,14,16,.12),rgba(9,14,16,.44) 48%,rgba(5,8,9,.88)),linear-gradient(90deg,rgba(8,12,14,.28),rgba(8,12,14,.03));transition:background .7s ease}
.kh-slide:not(.is-active) .kh-slide-shade{background:linear-gradient(180deg,rgba(14,22,25,.28),rgba(15,22,25,.55)),linear-gradient(90deg,rgba(15,20,22,.22),rgba(15,20,22,.35))}
.kh-bg-1{background:radial-gradient(ellipse at 72% 25%,rgba(242,191,54,.75) 0 3%,transparent 3.5%),radial-gradient(ellipse at 75% 52%,rgba(190,195,188,.55) 0 9%,transparent 10%),linear-gradient(145deg,#8a9690 0%,#465450 40%,#182224 100%)}
.kh-bg-1:after{content:"";position:absolute;left:12%;right:0;bottom:20%;height:30%;background:repeating-linear-gradient(90deg,transparent 0 7%,rgba(210,216,211,.26) 7.2% 7.8%,transparent 8% 12%);transform:skewX(-13deg);opacity:.8}
.kh-bg-2{background:radial-gradient(ellipse at 68% 22%,#d6a72d 0 3%,transparent 3.6%),linear-gradient(145deg,#65736f 0%,#374341 48%,#111a1d 100%)}
.kh-bg-2:after{content:"";position:absolute;right:12%;top:18%;width:34%;height:60%;background:linear-gradient(90deg,transparent 0 47%,rgba(229,177,50,.9) 48% 51%,transparent 52%),linear-gradient(160deg,transparent 0 55%,rgba(220,220,215,.42) 56% 58%,transparent 59%);transform:rotate(-8deg);opacity:.8}
.kh-bg-3{background:radial-gradient(circle at 72% 28%,rgba(245,198,69,.65),transparent 14%),linear-gradient(145deg,#858b87 0%,#4d5552 42%,#172022 100%)}
.kh-bg-3:after{content:"";position:absolute;left:18%;right:10%;bottom:12%;height:50%;background:linear-gradient(135deg,transparent 0 43%,rgba(238,238,230,.34) 44% 46%,transparent 47%),linear-gradient(90deg,transparent 0 18%,rgba(235,179,40,.9) 19% 21%,transparent 22% 61%,rgba(235,179,40,.85) 62% 64%,transparent 65%);opacity:.85}
.kh-bg-4{background:radial-gradient(circle at 62% 26%,rgba(227,175,45,.8),transparent 13%),linear-gradient(145deg,#65706e,#303b3d 52%,#101719)}
.kh-bg-4:after{content:"";position:absolute;left:18%;top:24%;width:58%;height:52%;border:3px solid rgba(226,229,223,.28);border-radius:8px;transform:skewY(-14deg) rotate(-3deg);box-shadow:40px 30px 0 -25px rgba(231,177,45,.8)}
.kh-bg-5{background:radial-gradient(circle at 70% 25%,rgba(236,190,64,.8),transparent 12%),linear-gradient(145deg,#7e837f,#444947 48%,#151b1d)}
.kh-bg-5:after{content:"";position:absolute;left:10%;right:8%;bottom:18%;height:42%;background:repeating-linear-gradient(90deg,transparent 0 10%,rgba(231,235,231,.22) 10.5% 11%,transparent 11.5% 18%);transform:skewX(-12deg);opacity:.75}
.kh-slide-number{position:absolute;top:28px;left:30px;z-index:4;font-size:16px;font-weight:800;line-height:1;transition:all .65s ease}
.kh-slide:not(.is-active) .kh-slide-number{left:50%;transform:translateX(-50%)}
.kh-slide-vertical{position:absolute;left:50%;bottom:30px;z-index:4;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font-size:14px;font-weight:750;white-space:nowrap;letter-spacing:.1px;transition:opacity .35s ease,transform .55s ease}
.kh-slide.is-active .kh-slide-vertical{opacity:0;transform:translate(-50%,20px) rotate(180deg);pointer-events:none}
.kh-slide-copy{position:absolute;z-index:4;left:clamp(32px,5.2vw,96px);right:48px;bottom:68px;max-width:850px;opacity:0;transform:translateY(26px);transition:opacity .45s ease .25s,transform .8s cubic-bezier(.2,.7,.2,1) .1s;pointer-events:none}
.kh-slide.is-active .kh-slide-copy{opacity:1;transform:none;pointer-events:auto}
.kh-eyebrow{font-size:16px;font-weight:750;margin-bottom:12px}
.kh-slide-copy h1,.kh-slide-copy h2{margin:0 0 18px;color:#fff;font-size:clamp(34px,4.2vw,70px);line-height:1.03;letter-spacing:-2.5px;max-width:820px}
.kh-slide-copy p{font-size:16px;line-height:1.9;color:#edf0ef;max-width:650px;margin:0 0 25px}
.kh-yellow-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:205px;padding:14px 18px;background:#f2c400;color:#101416;font-weight:850;text-decoration:none;transition:transform .25s ease,background .25s ease}
.kh-yellow-btn:hover{transform:translateY(-2px);background:#ffd51e;color:#101416}
.kh-yellow-btn span{font-size:22px;line-height:1}
.kh-hero-tools{position:absolute;right:30px;bottom:26px;z-index:30;display:flex;align-items:center;gap:8px;direction:ltr}
.kh-hero-tools button{width:42px;height:42px;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.26);color:#fff;font-size:19px;cursor:pointer;transition:.25s}
.kh-hero-tools button:hover{background:#f2c400;color:#111;border-color:#f2c400}
.kh-hero-tools span{margin-left:10px;padding:8px 10px;background:rgba(0,0,0,.26);font-size:12px;color:#e7e9e8}
.kh-hero-tools b{font-size:14px;color:#fff}

@media (max-width:900px){
 .kh-hero{height:calc(100vh - 70px);min-height:620px}
 .kh-slide{flex-basis:58px}
 .kh-slide-number{top:22px;left:50%!important;transform:translateX(-50%)!important;font-size:13px}
 .kh-slide-vertical{font-size:11px;bottom:24px}
 .kh-slide-copy{left:26px;right:28px;bottom:76px}
 .kh-slide-copy h1,.kh-slide-copy h2{font-size:clamp(29px,6vw,48px);letter-spacing:-1.5px}
 .kh-slide-copy p{font-size:14px;line-height:1.7}
 .kh-hero-tools{right:14px;bottom:15px}
}
@media (max-width:600px){
 .kh-hero{height:calc(100svh - 64px);min-height:560px}
 .kh-slide{flex-basis:42px}
 .kh-slide-number{font-size:11px;top:18px}
 .kh-slide-vertical{font-size:9px;bottom:16px}
 .kh-slide-copy{left:20px;right:22px;bottom:72px}
 .kh-eyebrow{font-size:13px}
 .kh-slide-copy h1,.kh-slide-copy h2{font-size:30px;line-height:1.08}
 .kh-slide-copy p{display:none}
 .kh-yellow-btn{min-width:165px;padding:12px 14px;font-size:12px}
 .kh-hero-tools{right:10px;bottom:10px;gap:5px}
 .kh-hero-tools button{width:34px;height:34px;font-size:15px}
 .kh-hero-tools span{font-size:10px;margin-left:3px;padding:7px}
}

/* =========================================================
   V9 — Full homepage rebuilt from the supplied reference video
   White editorial sections, product programme, highlights,
   careers, news, about/world strip, topics and dark footer.
   ========================================================= */
.ref-kicker{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#6d7374;font-weight:800;margin-bottom:14px}
.section-white{background:#fff;color:#111}
.ref-intro{padding:100px 0 70px;border-bottom:1px solid #d9dcda}
.ref-intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:90px;align-items:end}
.ref-intro-title h2,.ref-section-heading h2,.ref-about h2{font-size:clamp(40px,5vw,68px);line-height:.98;letter-spacing:-3px;margin:0;max-width:780px}
.ref-intro-text{font-size:18px;line-height:1.85;color:#555;max-width:600px}
.ref-intro-text p{margin:0 0 15px}
.ref-mini-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:70px;border-top:1px solid #cfd2d0;border-inline:1px solid #cfd2d0}
.ref-mini-links a{min-width:0;padding:22px 20px 20px;border:0;border-inline-start:1px solid #cfd2d0;color:#111;font-weight:750;display:flex;justify-content:space-between;gap:14px}
.ref-mini-links a:first-child{border-inline-start:0}
.ref-mini-links a:not(:first-child){padding-inline:22px}
/* Product programme — close to the reference 7x2 icon grid */
.ref-programme{padding:110px 0 120px}
.ref-programme-head{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-bottom:42px}
.ref-programme-title h2{font-size:clamp(44px,5.2vw,72px);line-height:.98;letter-spacing:-3px;margin:0;font-weight:800}
.ref-programme-head>p{max-width:520px;color:#5f6564;line-height:1.9;margin:0;font-size:16px}
.kh-program-item{position:relative;min-height:158px;border:1px solid #d0d4d2;border-left:0;margin-top:-1px;color:#111;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 16px 18px;transition:background .28s ease,transform .28s ease,box-shadow .28s ease;overflow:hidden}
.kh-program-item:nth-of-type(7n+1){border-left:1px solid #d0d4d2}
.kh-program-item:hover{background:#edf0ee;z-index:2;box-shadow:0 12px 30px rgba(16,24,24,.08);transform:translateY(-2px)}
.ref-programme .container{overflow:visible}
.ref-programme .container>.kh-program-item{width:14.2857%;float:left}
.ref-programme .container:after{content:"";display:block;clear:both}
.kh-program-no{position:absolute;top:15px;left:16px;font-size:10px;letter-spacing:.5px;color:#7c8381;font-family:Manrope,Arial,sans-serif}
.kh-program-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;color:#111}
.kh-program-icon svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.kh-program-name{font-size:13px;font-weight:800;line-height:1.45;white-space:nowrap}
@media(max-width:1200px){.ref-programme .container>.kh-program-item{width:25%}.kh-program-item:nth-of-type(7n+1){border-left:0}.kh-program-item:nth-of-type(4n+1){border-left:1px solid #d0d4d2}}
@media(max-width:950px){.ref-programme-head{grid-template-columns:1fr;gap:20px}.ref-programme .container>.kh-program-item{width:33.3333%}.kh-program-item:nth-of-type(4n+1){border-left:0}.kh-program-item:nth-of-type(3n+1){border-left:1px solid #d0d4d2}}
@media(max-width:600px){.ref-programme{padding:75px 0}.ref-programme-head{margin-bottom:28px}.ref-programme-title h2{letter-spacing:-2px}.ref-programme .container>.kh-program-item{width:50%;min-height:150px}.kh-program-item:nth-of-type(3n+1){border-left:0}.kh-program-item:nth-of-type(2n+1){border-left:1px solid #d0d4d2}.kh-program-name{font-size:12px;white-space:normal}.kh-program-icon{width:58px;height:58px}.kh-program-icon svg{width:50px;height:50px}}
.ref-highlights{padding:100px 0 115px}
.ref-highlight-grid{display:grid;grid-template-columns:1.55fr .72fr .72fr;gap:15px}
.ref-feature-card{min-height:480px;position:relative;overflow:hidden;background:#d7dad7;color:#fff}
.ref-feature-card.wide{min-height:560px}
.ref-image{position:absolute;inset:0;transition:transform .7s ease}
.ref-feature-card:hover .ref-image{transform:scale(1.04)}
.ref-img-1{background-image:linear-gradient(90deg,rgba(10,15,16,.05),rgba(10,15,16,.45)),url("https://upload.wikimedia.org/wikipedia/commons/0/09/Industrial_manufacturing_machine_operating_in_a_well_organized_factory_workshop.jpg");background-size:cover;background-position:center}
.ref-img-2{background-image:linear-gradient(90deg,rgba(10,15,16,.05),rgba(10,15,16,.4)),url("https://upload.wikimedia.org/wikipedia/commons/c/c5/Biomass_boiler_-_geograph.org.uk_-_5444975.jpg");background-size:cover;background-position:center}
.ref-img-3{background-image:linear-gradient(90deg,rgba(10,15,16,.05),rgba(10,15,16,.45)),url("https://upload.wikimedia.org/wikipedia/commons/4/47/Mobile_bike_dyno_run.jpg");background-size:cover;background-position:center}
.ref-img-1:after,.ref-img-2:after,.ref-img-3:after{content:"";position:absolute;inset:18%;border:1px solid rgba(255,255,255,.28);transform:skewX(-13deg);box-shadow:55px 55px 0 rgba(224,180,48,.15)}
.ref-card-caption{position:absolute;left:0;right:0;bottom:0;padding:80px 28px 27px;background:linear-gradient(transparent,rgba(0,0,0,.82));z-index:2}
.ref-card-caption small{font-size:11px;opacity:.78}.ref-card-caption h3{font-size:28px;line-height:1.08;margin:8px 0 14px;max-width:600px}.ref-feature-card:not(.wide) .ref-card-caption h3{font-size:20px}.ref-card-caption span{font-size:12px;font-weight:800}
.ref-careers{padding:30px 0 105px}
.ref-career-grid{display:grid;grid-template-columns:1.35fr .65fr;min-height:520px}
.ref-career-image{background-image:linear-gradient(90deg,rgba(9,14,15,.08),rgba(9,14,15,.48)),url("https://upload.wikimedia.org/wikipedia/commons/4/4f/Stainless_steel_vinification_tanks.jpg");background-size:cover;background-position:center;position:relative;overflow:hidden}
.ref-career-image:before{content:"";position:absolute;left:13%;right:10%;top:18%;bottom:14%;background:repeating-linear-gradient(90deg,transparent 0 11%,rgba(240,241,237,.35) 11.2% 11.8%,transparent 12% 18%);transform:skewX(-13deg)}
.ref-career-copy{background:#f1f2f0;padding:65px 55px;display:flex;flex-direction:column;justify-content:center}.ref-career-copy h2{font-size:clamp(35px,4.4vw,58px);line-height:1;letter-spacing:-2.5px;margin:0 0 22px}.ref-career-copy p{color:#5f6463;line-height:1.8}.ref-yellow-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;width:max-content;min-width:190px;background:#f2c400;color:#111;padding:14px 17px;font-weight:850;margin-top:22px}.ref-career-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:15px}.ref-career-cards article{border-top:1px solid #bfc4c1;padding-top:14px}.ref-small-art{height:170px;margin-bottom:15px;background:#c4c8c4;position:relative;overflow:hidden}.art-a{background-image:url("https://upload.wikimedia.org/wikipedia/commons/c/c5/Biomass_boiler_-_geograph.org.uk_-_5444975.jpg");background-size:cover;background-position:center}.art-b{background-image:url("https://upload.wikimedia.org/wikipedia/commons/4/47/Mobile_bike_dyno_run.jpg");background-size:cover;background-position:center}.art-c{background-image:url("https://upload.wikimedia.org/wikipedia/commons/5/5e/Universal_printing_machine.jpg");background-size:cover;background-position:center}.art-d{background-image:url("https://upload.wikimedia.org/wikipedia/commons/0/09/Industrial_manufacturing_machine_operating_in_a_well_organized_factory_workshop.jpg");background-size:cover;background-position:center}.ref-small-art:after{content:"";position:absolute;inset:20%;border:1px solid rgba(255,255,255,.4);transform:rotate(-8deg)}.ref-career-cards strong{display:block;font-size:16px}.ref-career-cards span{font-size:12px;color:#747977}
.ref-news{padding:100px 0 115px;border-top:1px solid #e0e2e0}.ref-news-list{border-top:1px solid #bfc4c1}.ref-news-row{display:grid;grid-template-columns:170px 1fr 180px;gap:25px;align-items:center;padding:22px 0;border-bottom:1px solid #cfd2d0;color:#111}.ref-news-date,.ref-news-type{font-size:11px;color:#747a78}.ref-news-row strong{font-size:18px}.ref-news-type{text-align:right}
.ref-about{padding:100px 0 0}.ref-about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;padding-bottom:85px}.ref-about-grid p{font-size:18px;line-height:1.9;color:#5c6260;margin:30px 0}.ref-text-link{color:#111;border-bottom:1px solid #111;padding-bottom:5px;font-weight:750}.ref-world-strip{display:grid;grid-template-columns:1.2fr repeat(4,1fr);background:#eef0ee;border-top:1px solid #d2d6d3;border-bottom:1px solid #d2d6d3}.ref-world-label,.ref-world-item{padding:25px;border-right:1px solid #d2d6d3}.ref-world-label{font-size:11px;color:#777;font-weight:800}.ref-world-item{font-size:14px;font-weight:750}
.ref-topics{background:#e9edf1;padding:95px 0}.ref-topics-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:50px}.ref-topics-head h2{font-size:clamp(42px,5vw,68px);letter-spacing:-3px;margin:0}.ref-topics-head p{color:#6c7376}.ref-topics-head>span{font-size:11px;color:#71777b}.ref-topic-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #aeb5b8}.ref-topic{min-height:190px;padding:25px 30px;border-right:1px solid #aeb5b8;border-bottom:1px solid #aeb5b8;color:#111;display:flex;justify-content:space-between;align-items:end;transition:background .25s}.ref-topic:nth-child(2n){border-right:0}.ref-topic:hover{background:#dde2e6}.ref-topic small{color:#7a8184}.ref-topic h3{font-size:28px;letter-spacing:-1px;margin:28px 0 4px}.ref-topic p{margin:0;color:#70777a;font-size:13px}.ref-topic>span{font-size:22px}
.ref-contact{background:#15191b;color:#fff;padding:105px 0}.ref-contact-inner{display:flex;justify-content:space-between;align-items:end;gap:60px}.ref-contact h2{font-size:clamp(45px,6vw,82px);line-height:.95;letter-spacing:-4px;margin:0;max-width:900px}.ref-contact .ref-yellow-link{margin:0;flex-shrink:0}
@media(max-width:950px){.ref-intro-grid,.ref-career-grid,.ref-about-grid{grid-template-columns:1fr;gap:45px}.ref-highlight-grid{grid-template-columns:1fr 1fr}.ref-feature-card.wide{grid-column:1/-1}.ref-career-copy{min-height:400px}.ref-career-cards{grid-template-columns:repeat(2,1fr)}.ref-world-strip{grid-template-columns:1fr 1fr}.ref-world-label{grid-column:1/-1}.ref-news-row{grid-template-columns:120px 1fr}.ref-news-type{display:none}.ref-contact-inner{display:block}.ref-contact .ref-yellow-link{margin-top:30px}.ref-mini-links{grid-template-columns:1fr;border-inline:0}.ref-mini-links a{border:0!important;border-bottom:1px solid #cfd2d0!important;padding-inline:0!important}.ref-mini-links a:first-child{border-inline-start:0!important}}
@media(max-width:600px){.ref-intro,.ref-programme,.ref-highlights,.ref-careers,.ref-news,.ref-about{padding:70px 0}.ref-intro-title h2,.ref-section-heading h2,.ref-about h2{letter-spacing:-2px}.ref-section-heading{display:block}.ref-section-heading>p{margin-top:20px}.ref-highlight-grid{grid-template-columns:1fr}.ref-feature-card.wide{grid-column:auto;min-height:450px}.ref-feature-card{min-height:390px}.ref-career-cards{grid-template-columns:1fr}.ref-news-row{grid-template-columns:1fr;gap:8px}.ref-news-row strong{font-size:16px}.ref-world-strip{grid-template-columns:1fr}.ref-world-label{grid-column:auto}.ref-topic-grid{grid-template-columns:1fr}.ref-topic:nth-child(2n){border-right:1px solid #aeb5b8}.ref-topics-head{display:block}.ref-topics-head>span{display:block;margin-top:15px}.ref-contact h2{letter-spacing:-2.5px}.ref-contact{padding:75px 0}}
.kh-image-credits{padding:14px 0;background:#f4f5f3;border-top:1px solid #dde0dd;color:#777;font-size:10px;line-height:1.8}
.kh-image-credits .container{opacity:.9}
/* Product image accents for the industrial categories */
.ref-product:nth-child(1) .ref-product-icon{border-radius:50% 50% 8px 8px}
.ref-product:nth-child(2) .ref-product-icon{border-radius:8px;box-shadow:0 12px 0 -8px #8f9794}
.ref-product:nth-child(3) .ref-product-icon{transform:translateX(-50%) skewX(-12deg)}
@media(max-width:650px){.kh-image-credits{font-size:9px}}

/* V12 — photographic industrial hero images */
.kh-slide-bg{
  background-image:var(--slide-image), linear-gradient(145deg,var(--c1),var(--c2)) !important;
  background-size:cover,cover !important;
  background-position:var(--slide-position),center !important;
  background-repeat:no-repeat !important;
  background-color:#27343a !important;
}
.kh-slide:not(.is-active) .kh-slide-bg{filter:grayscale(.18) brightness(.68) saturate(.82)}
.kh-slide.is-active .kh-slide-bg{filter:saturate(1.04) contrast(1.02)}
.kh-slide-shade{
  background:
    linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.34) 42%,rgba(0,0,0,.82)),
    linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.08) 72%) !important;
}
.kh-slide:not(.is-active) .kh-slide-shade{
  background:linear-gradient(180deg,rgba(10,15,17,.42),rgba(10,15,17,.63)),linear-gradient(90deg,rgba(10,15,17,.30),rgba(10,15,17,.38)) !important;
}


/* =========================================================
   V16 — Local slider image hard fix
   Use a real IMG element instead of CSS custom-property URLs.
   This removes browser/inline-style URL parsing as a failure point.
   ========================================================= */
.kh-slide-bg{
  z-index:0 !important;
  position:absolute !important;
  inset:0 !important;
  overflow:hidden !important;
  background:#27343a !important;
  transform:scale(1.04);
  transition:transform 1200ms cubic-bezier(.2,.7,.2,1),filter 900ms ease;
}
.kh-slide-bg img{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  opacity:1 !important;
  visibility:visible !important;
}
.kh-slide.is-active .kh-slide-bg{
  transform:scale(1) !important;
  filter:saturate(1.03);
}
.kh-slide:not(.is-active) .kh-slide-bg img{
  opacity:.92 !important;
}


/* V17 — guaranteed local inline image rendering */
.kh-slide-bg img{
  object-fit:cover !important;
  object-position:center !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}
.kh-slide-bg{background:#20292b !important;}
.kh-slide-shade{z-index:2 !important;}
.kh-slide-copy,.kh-slide-number,.kh-slide-vertical{z-index:5 !important;}


/* V18 — guaranteed visible slider imagery */
.kh-slide-bg{background:#263136!important;z-index:0!important;overflow:hidden!important;isolation:isolate!important}
.kh-slide-bg img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;min-width:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center center!important;opacity:1!important;visibility:visible!important;z-index:0!important}
.kh-slide-shade{z-index:2!important;pointer-events:none!important}
.kh-slide-number,.kh-slide-copy,.kh-slide-vertical{z-index:5!important}

/* V20 — compact embedded JPEG slider hardening */
.kh-slide-bg{
  background:#1b2426 !important;
  overflow:hidden !important;
}
.kh-slide-bg img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  border:0 !important;
  outline:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:0 !important;
  transform:none !important;
}
.kh-slide.is-active .kh-slide-bg img{transform:scale(1.001) !important;}


/* =========================================================
   V25 — hard RTL text alignment for Persian
   Direction of the expanding slider rail stays LTR, while
   every Persian content block is explicitly RTL/right-aligned.
   English can switch to LTR via html/body direction.
   ========================================================= */
html[dir="rtl"] body,
body.kh-rtl{
  direction:rtl;
  text-align:right;
  font-family:var(--sans);
}

/* Header */
html[dir="rtl"] .nav,
body.kh-rtl .nav{direction:rtl}
html[dir="rtl"] .brand,
body.kh-rtl .brand{direction:rtl;text-align:right}
html[dir="rtl"] .nav-links,
body.kh-rtl .nav-links{direction:rtl}

/* Keep slider mechanics horizontal, but make its Persian copy RTL. */
html[dir="rtl"] .kh-hero,
body.kh-rtl .kh-hero{direction:ltr}
html[dir="rtl"] .kh-slides,
body.kh-rtl .kh-slides{direction:ltr}
html[dir="rtl"] .kh-slide,
body.kh-rtl .kh-slide{direction:rtl}
html[dir="rtl"] .kh-slide-copy,
body.kh-rtl .kh-slide-copy{
  direction:rtl;
  text-align:right;
  align-items:flex-end;
}
html[dir="rtl"] .kh-slide-copy h1,
html[dir="rtl"] .kh-slide-copy h2,
html[dir="rtl"] .kh-slide-copy p,
body.kh-rtl .kh-slide-copy h1,
body.kh-rtl .kh-slide-copy h2,
body.kh-rtl .kh-slide-copy p{
  text-align:right;
  margin-right:0;
  margin-left:auto;
}
html[dir="rtl"] .kh-slide-copy .kh-yellow-btn,
body.kh-rtl .kh-slide-copy .kh-yellow-btn{margin-right:0;margin-left:auto}
html[dir="rtl"] .kh-eyebrow,
body.kh-rtl .kh-eyebrow{text-align:right;direction:rtl}
html[dir="rtl"] .kh-slide-vertical,
body.kh-rtl .kh-slide-vertical{direction:rtl}

/* Main editorial sections */
html[dir="rtl"] .kh-reference-page,
body.kh-rtl .kh-reference-page{direction:rtl}
html[dir="rtl"] .ref-intro,
html[dir="rtl"] .ref-programme,
html[dir="rtl"] .ref-highlights,
html[dir="rtl"] .ref-careers,
html[dir="rtl"] .ref-news,
html[dir="rtl"] .ref-about,
html[dir="rtl"] .ref-topics,
html[dir="rtl"] .ref-contact,
body.kh-rtl .ref-intro,
body.kh-rtl .ref-programme,
body.kh-rtl .ref-highlights,
body.kh-rtl .ref-careers,
body.kh-rtl .ref-news,
body.kh-rtl .ref-about,
body.kh-rtl .ref-topics,
body.kh-rtl .ref-contact{
  direction:rtl;
  text-align:right;
}

/* Editorial headings and copy */
html[dir="rtl"] .ref-intro-grid,
html[dir="rtl"] .ref-programme-head,
html[dir="rtl"] .ref-section-heading,
html[dir="rtl"] .ref-about-grid,
html[dir="rtl"] .ref-topics-head,
body.kh-rtl .ref-intro-grid,
body.kh-rtl .ref-programme-head,
body.kh-rtl .ref-section-heading,
body.kh-rtl .ref-about-grid,
body.kh-rtl .ref-topics-head{
  direction:rtl;
}
html[dir="rtl"] .ref-intro-title,
html[dir="rtl"] .ref-intro-text,
html[dir="rtl"] .ref-programme-title,
html[dir="rtl"] .ref-programme-head>p,
html[dir="rtl"] .ref-kicker,
html[dir="rtl"] .ref-section-heading,
html[dir="rtl"] .ref-career-copy,
html[dir="rtl"] .ref-news-list,
html[dir="rtl"] .ref-about-grid,
html[dir="rtl"] .ref-topics-head,
html[dir="rtl"] .ref-contact-inner,
body.kh-rtl .ref-intro-title,
body.kh-rtl .ref-intro-text,
body.kh-rtl .ref-programme-title,
body.kh-rtl .ref-programme-head>p,
body.kh-rtl .ref-kicker,
body.kh-rtl .ref-section-heading,
body.kh-rtl .ref-career-copy,
body.kh-rtl .ref-news-list,
body.kh-rtl .ref-about-grid,
body.kh-rtl .ref-topics-head,
body.kh-rtl .ref-contact-inner{
  text-align:right;
}

/* Product programme */
html[dir="rtl"] .ref-programme .container,
body.kh-rtl .ref-programme .container{direction:rtl}
html[dir="rtl"] .kh-program-item,
body.kh-rtl .kh-program-item{direction:rtl;text-align:center}
html[dir="rtl"] .kh-program-no,
body.kh-rtl .kh-program-no{left:auto;right:16px}
html[dir="rtl"] .kh-program-name,
body.kh-rtl .kh-program-name{text-align:center;direction:rtl;white-space:normal}

/* Highlights / careers */
html[dir="rtl"] .ref-card-caption,
body.kh-rtl .ref-card-caption{text-align:right;direction:rtl}
html[dir="rtl"] .ref-yellow-link,
body.kh-rtl .ref-yellow-link{direction:rtl}
html[dir="rtl"] .ref-career-cards,
body.kh-rtl .ref-career-cards{direction:rtl}
html[dir="rtl"] .ref-career-cards article,
body.kh-rtl .ref-career-cards article{text-align:right}

/* News rows: keep three columns but align Persian columns correctly. */
html[dir="rtl"] .ref-news-row,
body.kh-rtl .ref-news-row{direction:rtl;text-align:right}
html[dir="rtl"] .ref-news-type,
body.kh-rtl .ref-news-type{text-align:left}
html[dir="rtl"] .ref-news-date,
body.kh-rtl .ref-news-date{text-align:right}

/* World strip / topics */
html[dir="rtl"] .ref-world-strip,
body.kh-rtl .ref-world-strip{direction:rtl}
html[dir="rtl"] .ref-world-label,
html[dir="rtl"] .ref-world-item,
body.kh-rtl .ref-world-label,
body.kh-rtl .ref-world-item{text-align:right}
html[dir="rtl"] .ref-topic-grid,
body.kh-rtl .ref-topic-grid{direction:rtl}
html[dir="rtl"] .ref-topic,
body.kh-rtl .ref-topic{direction:rtl;text-align:right}
html[dir="rtl"] .ref-topic>span,
body.kh-rtl .ref-topic>span{transform:scaleX(-1)}

/* Footer */
html[dir="rtl"] .site-footer,
body.kh-rtl .site-footer{direction:rtl;text-align:right}
html[dir="rtl"] .footer-top,
body.kh-rtl .footer-top{direction:rtl}
html[dir="rtl"] .footer-col,
body.kh-rtl .footer-col{text-align:right}
html[dir="rtl"] .footer-bottom,
body.kh-rtl .footer-bottom{direction:rtl}

/* Buttons / inline labels */
html[dir="rtl"] .btn,
html[dir="rtl"] .lang,
body.kh-rtl .btn,
body.kh-rtl .lang{direction:rtl}

/* English mode stays fully LTR, ready for the bilingual version. */
html[dir="ltr"] body,
body.kh-ltr{direction:ltr;text-align:left;font-family:var(--latin),sans-serif}
html[dir="ltr"] .kh-slide,
body.kh-ltr .kh-slide{direction:ltr}
html[dir="ltr"] .kh-slide-copy,
body.kh-ltr .kh-slide-copy{text-align:left;align-items:flex-start}
html[dir="ltr"] .ref-news-type,
body.kh-ltr .ref-news-type{text-align:right}
html[dir="ltr"] .kh-program-no,
body.kh-ltr .kh-program-no{left:16px;right:auto}


/* =========================================================
   V26 — Persian RTL layout hard fix
   The WordPress locale is not used to decide direction: the
   public Persian homepage is RTL by default and ?lang=en
   switches the document to LTR for the bilingual build.
   ========================================================= */
html[dir="rtl"], body.kh-rtl{direction:rtl;}
body.kh-rtl{font-family:var(--sans),Tahoma,sans-serif;text-align:right;}
body.kh-rtl .kh-reference-page{direction:rtl;}

/* Hero copy: right aligned and anchored to the right side of the active image. */
body.kh-rtl .kh-slide-copy{
  direction:rtl;
  text-align:right;
  left:auto!important;
  right:clamp(32px,5.2vw,96px)!important;
  margin:0!important;
}
body.kh-rtl .kh-slide-copy h1,
body.kh-rtl .kh-slide-copy h2,
body.kh-rtl .kh-slide-copy p,
body.kh-rtl .kh-eyebrow{direction:rtl;text-align:right;}
body.kh-rtl .kh-yellow-btn{
  display:flex;
  width:max-content;
  margin-right:0!important;
  margin-left:0!important;
  direction:rtl;
}

/* Intro / about / programme: title stays on the right, explanatory copy on the left. */
body.kh-rtl .ref-intro-grid,
body.kh-rtl .ref-programme-head,
body.kh-rtl .ref-about-grid{
  direction:ltr;
}
body.kh-rtl .ref-intro-title,
body.kh-rtl .ref-programme-title,
body.kh-rtl .ref-about-grid>div:first-child{
  grid-column:2;
  direction:rtl;
  text-align:right;
}
body.kh-rtl .ref-intro-text,
body.kh-rtl .ref-programme-head>p,
body.kh-rtl .ref-about-grid>div:last-child{
  grid-column:1;
  direction:rtl;
  text-align:right;
}

/* Section headings: heading on the right, utility link on the left. */
body.kh-rtl .ref-section-heading,
body.kh-rtl .ref-topics-head,
body.kh-rtl .ref-contact-inner{
  direction:ltr;
}
body.kh-rtl .ref-section-heading>div,
body.kh-rtl .ref-topics-head>div,
body.kh-rtl .ref-contact-inner>div{
  direction:rtl;
  text-align:right;
}
body.kh-rtl .ref-section-heading>.ref-all-link{direction:rtl;text-align:left;}
body.kh-rtl .ref-topics-head>span{direction:ltr;text-align:left;}

/* Careers: image left, content right, with Persian copy fully RTL. */
body.kh-rtl .ref-career-grid{direction:ltr;}
body.kh-rtl .ref-career-image{grid-column:1;}
body.kh-rtl .ref-career-copy{grid-column:2;direction:rtl;text-align:right;}

/* Cards and article rows. */
body.kh-rtl .ref-card-caption,
body.kh-rtl .ref-topic,
body.kh-rtl .ref-career-cards article,
body.kh-rtl .ref-news-row,
body.kh-rtl .ref-world-strip,
body.kh-rtl .ref-programme,
body.kh-rtl .ref-topics,
body.kh-rtl .ref-contact{
  direction:rtl;
  text-align:right;
}
body.kh-rtl .ref-news-row strong,
body.kh-rtl .ref-news-date,
body.kh-rtl .ref-news-type,
body.kh-rtl .ref-topic h3,
body.kh-rtl .ref-topic p,
body.kh-rtl .ref-world-label,
body.kh-rtl .ref-world-item{direction:rtl;text-align:right;}
body.kh-rtl .ref-news-type{text-align:left;}
body.kh-rtl .ref-yellow-link,
body.kh-rtl .ref-text-link{direction:rtl;text-align:right;}

/* Product programme remains a visual grid, but all labels use the Persian font and RTL flow. */
body.kh-rtl .kh-program-item{direction:rtl;text-align:center;}
body.kh-rtl .kh-program-name{direction:rtl;text-align:center;}

@media (max-width:950px){
  body.kh-rtl .ref-intro-grid,
  body.kh-rtl .ref-programme-head,
  body.kh-rtl .ref-about-grid,
  body.kh-rtl .ref-career-grid{direction:rtl;}
  body.kh-rtl .ref-intro-title,
  body.kh-rtl .ref-programme-title,
  body.kh-rtl .ref-about-grid>div:first-child,
  body.kh-rtl .ref-intro-text,
  body.kh-rtl .ref-programme-head>p,
  body.kh-rtl .ref-about-grid>div:last-child,
  body.kh-rtl .ref-career-image,
  body.kh-rtl .ref-career-copy{grid-column:1;}
  body.kh-rtl .ref-career-copy{direction:rtl;text-align:right;}
}

@media (max-width:900px){
  body.kh-rtl .kh-slide-copy{right:26px!important;left:auto!important;}
}

/* V27 — supplied Kheshti brand logo + real supplied product photos */
.brand{display:flex;align-items:center;width:138px;height:62px;overflow:hidden;flex-shrink:0}
.brand-logo{display:block;width:138px;height:58px;object-fit:contain;object-position:center;background:#fff}
.ref-img-local{background:#050606;display:flex;align-items:center;justify-content:center}
.ref-img-local img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .7s ease}
.ref-feature-card .ref-img-local img{object-fit:contain}
.ref-feature-card:hover .ref-img-local img{transform:scale(1.035)}
.ref-feature-card-extra{grid-column:1 / -1;min-height:420px}
.ref-feature-card-extra .ref-card-caption h3{font-size:26px}
@media(max-width:950px){.ref-feature-card-extra{grid-column:auto}}
@media(max-width:650px){.brand{width:116px;height:54px}.brand-logo{width:116px;height:50px}.ref-feature-card-extra{min-height:390px}}


/* V28 hard guard: never allow the brand image to inflate the header. */
.site-header{height:82px!important;min-height:82px!important;max-height:82px!important;overflow:visible!important;}
.site-header .nav{height:82px!important;min-height:82px!important;max-height:82px!important;}
.site-header .brand{display:flex!important;align-items:center!important;width:138px!important;height:62px!important;max-width:138px!important;max-height:62px!important;overflow:hidden!important;flex:0 0 138px!important;}
.site-header .brand-logo{display:block!important;width:138px!important;height:58px!important;max-width:138px!important;max-height:58px!important;object-fit:contain!important;object-position:center!important;}
@media(max-width:650px){.site-header{height:70px!important;min-height:70px!important;max-height:70px!important}.site-header .nav{height:70px!important;min-height:70px!important;max-height:70px!important}.site-header .brand{width:116px!important;height:54px!important;max-width:116px!important;max-height:54px!important;flex-basis:116px!important}.site-header .brand-logo{width:116px!important;height:50px!important;max-width:116px!important;max-height:50px!important;}}


/* V29 — polish based on the provided walkthrough video */
.kh-anchor{display:block;position:relative;top:-8px;height:0;visibility:hidden}
/* keep the editorial rhythm generous, but remove excessive dead space */
.ref-intro{padding:84px 0 58px}
.ref-programme{padding:86px 0 88px}
.ref-highlights{padding:82px 0 92px}
.ref-news{padding:84px 0 92px}
.ref-about{padding:84px 0 0}
.ref-topics{padding:82px 0}
.ref-contact{padding:86px 0}
/* stronger Persian reading hierarchy */
body.kh-rtl .ref-kicker{letter-spacing:0;font-size:12px}
body.kh-rtl .ref-intro-title h2,
body.kh-rtl .ref-programme-title h2,
body.kh-rtl .ref-section-heading h2,
body.kh-rtl .ref-about h2,
body.kh-rtl .ref-topics-head h2,
body.kh-rtl .ref-contact h2,
body.kh-rtl .ref-career-copy h2{font-weight:850}
body.kh-rtl .ref-intro-text,
body.kh-rtl .ref-programme-head>p,
body.kh-rtl .ref-about-grid p,
body.kh-rtl .ref-career-copy p{font-size:17px}
/* local real-product photography for services / capability section */
.ref-local-cover{background:#111!important;position:relative;overflow:hidden}
.ref-local-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.ref-local-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,11,.05),rgba(6,10,11,.42)),linear-gradient(0deg,rgba(6,10,11,.22),transparent 55%);pointer-events:none}
.ref-small-art{background:#050505!important;position:relative;overflow:hidden}
.ref-small-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .55s ease}
.ref-career-cards article:hover .ref-small-art img{transform:scale(1.035)}
.ref-small-art:after{content:"";position:absolute;inset:20%;border:1px solid rgba(255,255,255,.34);transform:rotate(-8deg);pointer-events:none}
.ref-career-copy{padding:62px 55px}
.ref-career-copy h2{max-width:620px}
/* cleaner header proportions */
.site-header .nav{max-width:1480px}
.site-header .nav-links{gap:28px}
.site-header .brand-logo{object-fit:contain!important}
@media(max-width:950px){
 .ref-intro,.ref-programme,.ref-highlights,.ref-news{padding-top:68px;padding-bottom:72px}
 .ref-about{padding-top:68px}
 .ref-careers{padding-top:20px!important;padding-bottom:78px!important}
}
@media(max-width:600px){
 .ref-intro,.ref-programme,.ref-highlights,.ref-news,.ref-about{padding-top:58px;padding-bottom:62px}
 .ref-topics{padding:62px 0}.ref-contact{padding:65px 0}
 .ref-career-copy{padding:45px 24px}
}

/* V30 — user supplied project photography + engineering team section */
.ref-team-image{position:relative;overflow:hidden;background:#0c1010}
.ref-team-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block;transition:transform .7s ease,filter .4s ease}
.ref-team-image:hover .ref-team-photo{transform:scale(1.035)}
.ref-team-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,10,.08),rgba(5,9,10,.46)),linear-gradient(0deg,rgba(5,9,10,.28),transparent 58%);pointer-events:none}
.ref-team-tag{position:absolute;z-index:2;left:24px;bottom:20px;padding:8px 10px;background:rgba(8,11,12,.72);border:1px solid rgba(255,255,255,.2);font-size:10px;color:#fff;letter-spacing:.08em;text-transform:uppercase}
body.kh-rtl .ref-team-tag{left:auto;right:24px;letter-spacing:0}
.ref-img-local img{object-fit:cover!important}
@media(max-width:950px){.ref-team-photo{object-position:center 45%}}
@media(max-width:600px){.ref-team-tag{left:16px;right:16px;bottom:16px;text-align:center}.ref-team-image{min-height:420px}.ref-team-photo{object-position:center center}}

/* V31 — premium black CTA with Kheshti gold logo watermark */
.ref-contact{position:relative;overflow:hidden;background:#0b0d0e!important;isolation:isolate}
.ref-contact:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 50%,rgba(212,166,44,.10),transparent 38%),linear-gradient(115deg,rgba(255,255,255,.018),transparent 48%);pointer-events:none;z-index:0}
.ref-contact-logo{position:absolute;z-index:0;width:min(900px,58vw);max-width:none;height:auto;left:-7vw;top:50%;transform:translateY(-50%) rotate(-1deg);opacity:.14;filter:drop-shadow(0 0 18px rgba(212,166,44,.08));pointer-events:none;user-select:none}
.ref-contact .container,.ref-contact-inner{position:relative;z-index:2}
.ref-contact .ref-kicker{color:rgba(212,166,44,.85)}
.ref-contact h2{max-width:860px}
@media(max-width:900px){.ref-contact-logo{width:760px;max-width:120vw;left:-32vw;opacity:.10}}
@media(max-width:600px){.ref-contact-logo{width:700px;max-width:145vw;left:-52vw;opacity:.08}.ref-contact{padding:72px 0!important}}

/* V32 — refined CTA composition: clearer hierarchy, quieter watermark, premium gold accents */
.ref-contact{
  background:
    radial-gradient(900px 300px at 8% 50%, rgba(218,170,46,.105), transparent 62%),
    linear-gradient(135deg,#080a0b 0%,#0d1011 56%,#090b0c 100%) !important;
  min-height:310px;
  display:flex;
  align-items:center;
}
.ref-contact:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:2px;
  background:linear-gradient(180deg,transparent,rgba(226,177,48,.9),transparent);
  opacity:.7;
  pointer-events:none;
}
.ref-contact-logo{
  width:min(780px,52vw)!important;
  left:-18px!important;
  top:50%!important;
  transform:translateY(-50%) rotate(-1.2deg)!important;
  opacity:.11!important;
  filter:drop-shadow(0 0 24px rgba(226,177,48,.10))!important;
}
.ref-contact-inner{
  min-height:250px;
  align-items:center!important;
}
.ref-contact-inner>div{
  max-width:920px;
}
.ref-contact .ref-kicker{
  position:relative;
  padding-right:22px;
  margin-bottom:14px;
  font-size:13px;
  font-weight:700;
  color:#e2b130!important;
}
.ref-contact .ref-kicker:before{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:12px;
  height:1px;
  background:#e2b130;
  transform:translateY(-50%);
}
.ref-contact h2{
  font-size:clamp(42px,5.2vw,78px)!important;
  line-height:1.02!important;
  letter-spacing:-3px!important;
  text-wrap:balance;
  text-shadow:0 2px 22px rgba(0,0,0,.18);
}
.ref-contact .ref-yellow-link{
  min-width:245px;
  justify-content:center;
  box-shadow:0 12px 28px rgba(226,177,48,.12);
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.ref-contact .ref-yellow-link:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(226,177,48,.18);
}
@media(max-width:950px){
  .ref-contact{min-height:0}
  .ref-contact-logo{width:690px!important;left:-80px!important;opacity:.075!important}
  .ref-contact-inner{min-height:0}
}
@media(max-width:600px){
  .ref-contact{padding:72px 0!important}
  .ref-contact-logo{width:560px!important;left:-150px!important;opacity:.055!important}
  .ref-contact h2{font-size:42px!important;letter-spacing:-2px!important}
  .ref-contact:after{width:1px}
}


/* =========================================================
   V33 — Premium refinement pass
   Restrained industrial palette: graphite, warm white, steel blue-gray,
   and a single brushed-gold accent. Keeps the reference/editorial language
   while adding depth, hierarchy, motion and premium micro-interactions.
   ========================================================= */
:root{
  --accent:#c9a24b;
  --accent-bright:#e5bd5b;
  --gold-soft:rgba(201,162,75,.16);
  --graphite:#0c1012;
  --graphite-2:#141a1d;
  --steel:#34444b;
  --mist:#eef0ee;
  --warm:#f7f6f2;
  --line:#d4d8d5;
  --shadow:0 24px 70px rgba(10,14,16,.12);
}
body{background:var(--warm)}
::selection{background:var(--accent);color:#111}

/* Subtle gold rule for section headings, without departing from the reference. */
.ref-section-heading,.ref-programme-head,.ref-intro-grid,.ref-about-grid,.ref-topics-head{position:relative}
.ref-kicker{color:#7b7467}
.ref-kicker:before{content:"";display:inline-block;width:28px;height:2px;background:var(--accent);margin-left:10px;vertical-align:middle;box-shadow:0 0 12px rgba(201,162,75,.25)}
html[dir="ltr"] .ref-kicker:before{margin-left:0;margin-right:10px}

/* Header polish */
.site-header{box-shadow:0 8px 30px rgba(15,20,22,.04)}
.brand-logo{transition:transform .35s ease,filter .35s ease}
.brand:hover .brand-logo{transform:scale(1.025)}
.nav-links a{transition:color .25s ease}
.nav-links a:hover{color:#6f5520}
.lang{transition:all .25s ease!important}
.lang:hover{background:#111;color:#fff;border-color:#111}

/* Hero: richer contrast and restrained gold glow. */
.kh-hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:8;background:radial-gradient(circle at 13% 22%,rgba(201,162,75,.06),transparent 24%),linear-gradient(90deg,transparent 0 78%,rgba(255,255,255,.025));mix-blend-mode:screen}
.kh-slide{border-right-color:rgba(255,255,255,.18)}
.kh-slide-number{color:#f4f4ef}
.kh-slide-copy{filter:drop-shadow(0 10px 28px rgba(0,0,0,.18))}
.kh-eyebrow{color:#e0b557;letter-spacing:.3px}
.kh-slide-copy h1,.kh-slide-copy h2{font-weight:850}
.kh-yellow-btn{background:var(--accent);box-shadow:0 10px 28px rgba(201,162,75,.18)}
.kh-yellow-btn:hover{background:var(--accent-bright);box-shadow:0 14px 34px rgba(201,162,75,.25)}
.kh-slide.is-active .kh-slide-bg img{transition:transform 5.8s cubic-bezier(.2,.75,.2,1)}
.kh-slide.is-active .kh-slide-bg img{transform:scale(1.045)}
.kh-slide:not(.is-active){filter:saturate(.7)}
.kh-slide.is-active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.kh-hero-tools button{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.kh-hero-tools span{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}

/* Editorial intro: make it feel more like a premium annual-report opener. */
.ref-intro{background:linear-gradient(180deg,#fff 0%,#fafaf7 100%);border-bottom-color:#d9ddd9}
.ref-intro-title h2,.ref-programme-title h2,.ref-section-heading h2,.ref-about h2,.ref-topics-head h2,.ref-contact h2{font-weight:850}
.ref-intro-text p:first-child{font-weight:600;color:#454b4c}
.ref-mini-links a{position:relative;transition:background .28s ease,padding-right .28s ease,padding-left .28s ease}
.ref-mini-links a:before{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:scaleX(0);transition:transform .35s ease}
.ref-mini-links a:hover{background:#f0f1ed}
.ref-mini-links a:hover:before{transform:scaleX(1)}

/* Product programme: sharper grid, premium hover, single gold selection cue. */
.ref-programme{background:#fbfbf8}
.kh-program-item{background:rgba(255,255,255,.72);transition:background .35s ease,transform .35s ease,box-shadow .35s ease,color .25s ease}
.kh-program-item:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .35s ease}
.kh-program-item:hover{background:#f2f1eb;box-shadow:0 20px 34px rgba(16,23,25,.09);transform:translateY(-3px)}
.kh-program-item:hover:after{transform:scaleX(1)}
.kh-program-item:hover .kh-program-icon{color:#8c6a25;transform:translateY(-2px)}
.kh-program-icon{transition:transform .35s ease,color .35s ease}
.kh-program-no{color:#9a8a66}

/* Highlights: richer editorial cards + gold hairline. */
.ref-highlights{background:#fff}
.ref-feature-card{box-shadow:0 18px 50px rgba(12,16,18,.08)}
.ref-feature-card:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.14);pointer-events:none;z-index:4}
.ref-feature-card:hover{box-shadow:var(--shadow)}
.ref-card-caption{padding-bottom:32px}
.ref-card-caption:before{content:"";display:block;width:38px;height:2px;background:var(--accent);margin-bottom:14px;opacity:.95}
.ref-card-caption h3{font-weight:820}
.ref-card-caption span{color:#f5c954}
.ref-img-local img,.ref-small-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease}
.ref-feature-card:hover .ref-img-local img,.ref-career-cards article:hover img{transform:scale(1.055)}
.ref-img-local:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.08) 55%,rgba(0,0,0,.72) 100%);z-index:1;pointer-events:none}

/* Team / engineering section: darker side, warm paper, more premium contrast. */
.ref-career-grid{box-shadow:0 24px 60px rgba(12,16,18,.08)}
.ref-career-image{background-color:#1c2326}
.ref-team-photo{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82) contrast(1.04)}
.ref-team-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,11,.02),rgba(7,10,11,.56));pointer-events:none}
.ref-team-tag{position:absolute;left:28px;bottom:24px;z-index:3;color:#fff;font:600 10px/1.2 var(--latin);letter-spacing:1.5px;text-transform:uppercase;padding:8px 10px;border:1px solid rgba(255,255,255,.25);background:rgba(10,14,16,.22);backdrop-filter:blur(8px)}
.ref-career-copy{background:linear-gradient(145deg,#f2f2ee,#eaebe7)}
.ref-career-copy .ref-kicker{color:#8b7951}
.ref-career-copy h2{font-weight:850}
.ref-yellow-link{background:var(--accent);box-shadow:0 12px 30px rgba(201,162,75,.17);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.ref-yellow-link:hover{transform:translateY(-2px);background:var(--accent-bright);box-shadow:0 16px 36px rgba(201,162,75,.24)}
.ref-career-cards article{transition:transform .3s ease}
.ref-career-cards article:hover{transform:translateY(-4px)}
.ref-small-art{box-shadow:0 10px 30px rgba(12,16,18,.06)}

/* News: reference-like table rhythm with hover wash. */
.ref-news{background:linear-gradient(180deg,#fff,#fafaf8)}
.ref-news-row{position:relative;transition:background .28s ease,padding .28s ease}
.ref-news-row:before{content:"";position:absolute;inset:0 -14px;border-left:2px solid var(--accent);background:rgba(201,162,75,.05);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}
html[dir="ltr"] .ref-news-row:before{transform-origin:left}
.ref-news-row:hover{padding-right:14px;padding-left:14px}
.ref-news-row:hover:before{transform:scaleX(1)}
.ref-news-row strong{position:relative;z-index:1;font-weight:750}
.ref-news-date,.ref-news-type{position:relative;z-index:1}

/* About/world strip */
.ref-about{background:#fff}
.ref-world-strip{background:#eef0ed}
.ref-world-item{transition:background .25s ease,color .25s ease}
.ref-world-item:hover{background:#e4e7e3;color:#6e551f}

/* Topics: slightly warmer steel grey instead of flat blue-grey. */
.ref-topics{background:#e7eaeb;position:relative;overflow:hidden}
.ref-topics:before{content:"";position:absolute;inset:auto -10% -40% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,75,.12),transparent 65%);pointer-events:none}
.ref-topic{position:relative;transition:background .3s ease,padding .3s ease}
.ref-topic:after{content:"";position:absolute;inset:auto 24px 0 24px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .32s ease}
.ref-topic:hover{background:#dfe4e5;padding-right:38px}
.ref-topic:hover:after{transform:scaleX(1)}
.ref-topic h3{font-weight:800}

/* CTA: gold thread and subtle technical grid, while preserving the strong black identity. */
.ref-contact{position:relative;overflow:hidden;background:
 linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
 linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
 #101315;background-size:80px 80px,80px 80px,auto}
.ref-contact:after{content:"";position:absolute;left:8%;right:8%;top:28px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.58}
.ref-contact .ref-kicker{color:#d3b56c}
.ref-contact h2{position:relative;z-index:2}
.ref-contact-logo{opacity:.10!important;filter:brightness(1.2);transform:scale(1.05)}

/* Footer */
.site-footer{background:#090c0d;border-top:1px solid rgba(201,162,75,.20)}
.footer-brand{color:#f4f3ee}
.footer-col a{transition:color .22s ease,transform .22s ease}
.footer-col a:hover{color:#e0b75a;transform:translateX(-3px)}
html[dir="ltr"] .footer-col a:hover{transform:translateX(3px)}

/* Intersection reveal — no layout shift, graceful when motion is reduced. */
.kh-reference-page .ref-intro,.kh-reference-page .ref-programme,.kh-reference-page .ref-highlights,.kh-reference-page .ref-careers,.kh-reference-page .ref-news,.kh-reference-page .ref-about,.kh-reference-page .ref-topics,.kh-reference-page .ref-contact{animation:khFadeUp .7s ease both;animation-timeline:view();animation-range:entry 6% cover 24%}
@keyframes khFadeUp{from{opacity:.65;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@supports not (animation-timeline:view()){
  .kh-reference-page .ref-intro,.kh-reference-page .ref-programme,.kh-reference-page .ref-highlights,.kh-reference-page .ref-careers,.kh-reference-page .ref-news,.kh-reference-page .ref-about,.kh-reference-page .ref-topics,.kh-reference-page .ref-contact{animation:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kh-slide,.kh-slide-bg img,.ref-image,.ref-feature-card,.ref-news-row,.ref-topic,.kh-program-item{transition:none!important}.kh-reference-page *{animation:none!important}}

@media(max-width:900px){
  .ref-intro-grid,.ref-programme-head,.ref-about-grid{gap:34px}
  .ref-section-heading h2,.ref-programme-title h2{font-size:clamp(38px,8vw,60px)}
}
@media(max-width:600px){
  .ref-contact:after{left:5%;right:5%}
  .ref-team-tag{left:18px;bottom:16px;font-size:9px}
  .ref-mini-links a:hover{padding-right:8px}
}

/* V35 INTERNAL PAGES */
.kh-inner-hero{background:#111517;color:#fff;padding:110px 0 95px;position:relative;overflow:hidden}
.kh-inner-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(212,173,49,.08),transparent 45%);pointer-events:none}
.kh-inner-kicker{font-size:13px;letter-spacing:.08em;color:#d8ad31;margin-bottom:18px}
.kh-inner-hero h1{font-size:clamp(48px,7vw,96px);line-height:1.02;max-width:1000px;margin:0 0 22px;font-weight:800;letter-spacing:-.04em}
.kh-inner-hero p{max-width:700px;color:#cbd0ce;font-size:18px;line-height:2}
.kh-inner-section{padding:90px 0}
.kh-inner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#d8dcda;border:1px solid #d8dcda}
.kh-product-card,.kh-project-card{background:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:420px}
.kh-product-card .kh-card-media,.kh-project-card .kh-card-media{height:265px;background:#15191b;overflow:hidden}
.kh-product-card .kh-card-media img,.kh-project-card .kh-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.kh-product-card:hover .kh-card-media img,.kh-project-card:hover .kh-card-media img{transform:scale(1.04)}
.kh-card-body{padding:28px 26px 32px}
.kh-card-no{font-size:12px;color:#7f8784;margin-bottom:36px}
.kh-card-body h2,.kh-card-body h3{font-size:26px;line-height:1.3;margin:0 0 12px}
.kh-card-body p{color:#5f6664;line-height:1.9;margin:0 0 22px}
.kh-card-link{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:#111517;text-decoration:none}
.kh-card-link span{color:#cda52f;font-size:24px}
.kh-spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d8dcda;border-bottom:1px solid #d8dcda}
.kh-spec{padding:26px;border-left:1px solid #d8dcda}.kh-spec:last-child{border-left:0}.kh-spec small{display:block;color:#78807d;font-size:12px;margin-bottom:8px}.kh-spec strong{font-size:18px}
.kh-product-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start}
.kh-product-main-image{background:#111517;min-height:520px}.kh-product-main-image img{width:100%;height:100%;max-height:660px;object-fit:contain;display:block}
.kh-detail-copy h2{font-size:48px;line-height:1.15;margin:0 0 20px}.kh-detail-copy p{font-size:17px;line-height:2;color:#555d5b}.kh-detail-kicker{color:#c79d28;font-weight:700;margin-bottom:15px}
.kh-gold-btn{display:inline-flex;align-items:center;gap:28px;background:#e0b52f;color:#111517;text-decoration:none;font-weight:800;padding:18px 24px;margin-top:24px}
.kh-content-wide{max-width:900px}.kh-content-wide h2{font-size:42px;margin:0 0 20px}.kh-content-wide p{font-size:18px;line-height:2.1;color:#555d5b}
.kh-services-list{border-top:1px solid #d8dcda}.kh-service-row{display:grid;grid-template-columns:90px 1fr 120px;gap:30px;padding:35px 0;border-bottom:1px solid #d8dcda;align-items:center}.kh-service-no{font-size:13px;color:#8a9290}.kh-service-row h3{margin:0 0 9px;font-size:28px}.kh-service-row p{margin:0;color:#68716e;line-height:1.8}.kh-service-arrow{text-align:left;font-size:28px;color:#cda52f}
.kh-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.kh-contact-form{background:#f0f2f1;padding:36px}.kh-contact-form label{display:block;font-weight:700;margin-bottom:7px}.kh-contact-form input,.kh-contact-form textarea{width:100%;border:1px solid #cfd4d1;background:#fff;padding:14px;margin-bottom:18px;font:inherit;box-sizing:border-box}.kh-contact-form textarea{min-height:150px;resize:vertical}
.kh-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.kh-project-card{min-height:470px}.kh-project-card .kh-card-media{height:330px}
.kh-about-split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.kh-about-split h2{font-size:58px;line-height:1.08;margin:0}.kh-about-split p{font-size:18px;line-height:2;color:#5e6663}.kh-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8dcda;margin-top:55px}.kh-metric{padding:30px;border-left:1px solid #d8dcda}.kh-metric:last-child{border-left:0}.kh-metric b{font-size:48px;display:block;color:#111517}.kh-metric span{color:#6d7572}
.kh-news-list{border-top:1px solid #d8dcda}.kh-news-row{display:grid;grid-template-columns:150px 1fr 140px;gap:30px;padding:28px 0;border-bottom:1px solid #d8dcda;text-decoration:none;color:#111517;align-items:center}.kh-news-row strong{font-size:23px}.kh-news-row small{color:#7b8380}.kh-news-tag{text-align:left;color:#cda52f;font-weight:700}
@media(max-width:900px){.kh-inner-grid{grid-template-columns:1fr 1fr}.kh-product-layout,.kh-contact-grid,.kh-about-split{grid-template-columns:1fr;gap:35px}.kh-spec-grid{grid-template-columns:1fr 1fr}.kh-project-grid{grid-template-columns:1fr}.kh-service-row{grid-template-columns:55px 1fr 55px}.kh-news-row{grid-template-columns:90px 1fr}.kh-news-tag{display:none}}
@media(max-width:600px){.kh-inner-hero{padding:75px 0 65px}.kh-inner-hero h1{font-size:46px}.kh-inner-grid{grid-template-columns:1fr}.kh-spec-grid{grid-template-columns:1fr}.kh-spec{border-left:0;border-bottom:1px solid #d8dcda}.kh-detail-copy h2{font-size:36px}.kh-about-split h2{font-size:42px}.kh-news-row{grid-template-columns:1fr;gap:8px}.kh-service-row{grid-template-columns:42px 1fr 35px}.kh-service-row h3{font-size:22px}}
/* V35 footer baseline */
.site-footer{background:#101416;color:#d9dddb;padding:60px 0 24px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.6fr;gap:45px;padding-bottom:45px;border-bottom:1px solid rgba(255,255,255,.12)}.site-footer a{display:block;color:#cdd2d0;text-decoration:none;margin:8px 0}.footer-title{color:#d7ad31;font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:16px}.site-footer p{color:#929996;line-height:1.9;max-width:320px}.footer-bottom{display:flex;justify-content:space-between;padding-top:22px;color:#7f8784;font-size:12px}@media(max-width:800px){.footer-top{grid-template-columns:1fr 1fr}.footer-bottom{gap:20px;flex-direction:column}}

/* V37 - industrial blender image treatment */
.kh-slide:nth-child(3) .kh-slide-bg{background:#050505;}
.kh-slide:nth-child(3) .kh-slide-bg img{object-fit:contain;object-position:center;background:#050505;padding:5vh 5vw;box-sizing:border-box;}
.kh-product-blender-image{background:#050505!important;}
.kh-product-blender-image img{object-fit:contain!important;background:#050505;}

/* V38 - User supplied Blender product gallery */
.kh-blender-gallery{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.75fr);gap:16px;margin-bottom:55px}
.kh-blender-gallery-main,.kh-blender-gallery-side figure{margin:0;position:relative;overflow:hidden;background:#0b0d0e;border:1px solid rgba(16,18,20,.08)}
.kh-blender-gallery-main{min-height:610px}
.kh-blender-gallery-main img{width:100%;height:100%;min-height:610px;object-fit:cover;display:block}
.kh-blender-gallery-badge{position:absolute;left:20px;bottom:20px;padding:9px 12px;background:rgba(7,9,10,.72);color:#fff;border-left:2px solid var(--accent);font:700 10px/1 var(--latin);letter-spacing:1.5px;text-transform:uppercase;backdrop-filter:blur(8px)}
.kh-blender-gallery-side{display:grid;grid-template-rows:repeat(3,1fr);gap:16px}
.kh-blender-gallery-side figure{min-height:0}
.kh-blender-gallery-side img{display:block;width:100%;height:100%;min-height:190px;object-fit:cover;transition:transform .5s ease}
.kh-blender-gallery-side figure:hover img{transform:scale(1.035)}
.kh-blender-gallery-side figcaption{position:absolute;right:0;left:0;bottom:0;padding:28px 15px 12px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;font-size:12px;opacity:0;transform:translateY(6px);transition:.25s}
.kh-blender-gallery-side figure:hover figcaption{opacity:1;transform:none}
.kh-blender-intro{max-width:1050px;margin:0 auto 55px;text-align:center}
.kh-blender-intro h2{font-size:clamp(40px,5vw,76px);line-height:1.05;letter-spacing:-3px;margin:8px 0 20px}
.kh-blender-intro p{font-size:18px;line-height:2.1;color:#59615e;margin:0}
.kh-blender-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8dcda;border-bottom:1px solid #d8dcda;margin-bottom:60px}
.kh-blender-feature{padding:32px 28px 38px;border-left:1px solid #d8dcda}
.kh-blender-feature:last-child{border-left:0}
.kh-blender-feature h3{font-size:22px;line-height:1.35;margin:0 0 14px}
.kh-blender-feature p{margin:0;color:#66706c;line-height:1.95;font-size:14px}
.kh-blender-specs-block{margin:0 0 70px}
.kh-blender-specs-title{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:#7b8380;margin-bottom:18px}
.kh-blender-drawings{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:start;padding:70px 0;border-top:1px solid #d8dcda}
.kh-blender-drawings h3{font-size:32px;line-height:1.25;margin:8px 0 16px}
.kh-blender-drawings p{color:#66706c;line-height:2}
.kh-blender-draw-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kh-blender-draw-grid img{width:100%;display:block;background:#f3f4f2;min-height:260px;object-fit:cover;border:1px solid #d8dcda}
.kh-blender-final-cta{margin-top:70px;padding:38px 42px;background:linear-gradient(135deg,#111517,#1a1f20);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}
.kh-blender-final-cta:before{content:"";position:absolute;inset:auto -10% -65% auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(216,168,62,.19),transparent 66%)}
.kh-blender-final-cta h3{position:relative;font-size:30px;margin:5px 0 8px}
.kh-blender-final-cta p{position:relative;color:#cbd0cd;margin:0;max-width:700px}
.kh-blender-final-cta .kh-gold-btn{position:relative;white-space:nowrap}
@media(max-width:900px){
  .kh-blender-gallery{grid-template-columns:1fr}
  .kh-blender-gallery-main,.kh-blender-gallery-main img{min-height:420px}
  .kh-blender-gallery-side{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}
  .kh-blender-gallery-side img{min-height:220px}
  .kh-blender-feature-grid{grid-template-columns:1fr}
  .kh-blender-feature{border-left:0;border-bottom:1px solid #d8dcda}
  .kh-blender-feature:last-child{border-bottom:0}
  .kh-blender-drawings{grid-template-columns:1fr}
  .kh-blender-final-cta{display:block}
  .kh-blender-final-cta .kh-gold-btn{margin-top:25px}
}
@media(max-width:600px){
  .kh-blender-gallery-side{grid-template-columns:1fr}
  .kh-blender-gallery-side img{min-height:250px}
  .kh-blender-intro h2{font-size:42px;letter-spacing:-1.5px}
  .kh-blender-intro p{font-size:16px}
  .kh-blender-draw-grid{grid-template-columns:1fr}
  .kh-blender-final-cta{padding:30px 24px}
}


/* V39: internal-page and media polish */
.kh-slide-bg img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;z-index:0!important;}
.kh-slide-shade{z-index:1!important;}
.kh-slide-copy,.kh-slide-number,.kh-slide-vertical{z-index:2!important;}
.kh-product-main-image img,.kh-card-media img,.kh-blender-gallery img{display:block;width:100%;height:auto;object-fit:contain;}
.kh-product-main-image{background:#0b0d0e;overflow:hidden;}
.kh-blender-gallery-main{background:#0b0d0e;}
.kh-blender-gallery-main img{max-height:720px;object-fit:contain!important;}
.kh-blender-gallery-side figure{margin:0;background:#f2f3f2;overflow:hidden;border:1px solid rgba(16,18,20,.08);}
.kh-blender-gallery-side img{aspect-ratio:4/3;object-fit:contain!important;background:#fff;}
.kh-detail-list{margin:30px 0 0;padding-right:22px;line-height:2.1;}
html[dir="rtl"] .kh-detail-list{padding-right:22px;padding-left:0;}
html[dir="ltr"] .kh-detail-list{padding-left:22px;padding-right:0;}



/* V42 — approved Kheshti leadership artwork, kept local and fully visible */
.ref-team-image{
  background:#fff!important;
  background-image:none!important;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:520px;
  overflow:hidden;
  isolation:isolate;
}
.ref-team-image:before,
.ref-team-image:after{content:none!important;display:none!important}
.ref-team-image .ref-team-photo{
  position:absolute;inset:0;
  display:block;width:100%;height:100%;
  max-width:100%;max-height:100%;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0; margin:0;
  box-sizing:border-box;
  background:#fff;
  filter:none!important;
  transform:none!important;
}
.ref-team-image:hover .ref-team-photo{transform:none!important;filter:none!important}
.ref-team-tag{
  position:absolute;z-index:4;
  top:18px;bottom:auto;left:auto;right:18px;
  padding:9px 12px;
  border:1px solid rgba(176,137,48,.42);
  border-radius:2px;
  background:rgba(255,255,255,.94);
  color:#242321;
  font-family:var(--fa,inherit);font-size:12px;line-height:1.5;
  letter-spacing:0;text-transform:none;
  backdrop-filter:none;
}
body.kh-rtl .ref-team-tag{left:auto;right:18px}
@media(max-width:950px){.ref-team-image{min-height:460px}.ref-team-image .ref-team-photo{object-fit:contain!important}}
@media(max-width:600px){
  .ref-team-image{min-height:0!important;height:auto;aspect-ratio:1.535/1}
  .ref-team-image .ref-team-photo{position:absolute;inset:0;object-fit:contain!important}
  .ref-team-tag{top:10px;right:10px;left:auto;bottom:auto;padding:6px 8px;font-size:10px}
}

/* V43 — Managers & Specialists: two-image editorial slideshow */
.ref-team-image[data-kh-team-slider]{
  position:relative!important;display:block!important;min-height:520px;overflow:hidden;background:#fff;isolation:isolate;
}
.ref-team-image[data-kh-team-slider] .ref-team-slides{position:absolute;inset:0;overflow:hidden;background:#fff}
.ref-team-image[data-kh-team-slider] .ref-team-slide{
  position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;z-index:0;
  transform:scale(1.012);transition:opacity .7s ease,transform 1.1s cubic-bezier(.2,.65,.25,1),visibility .7s;
  overflow:hidden;background:#fff;
}
.ref-team-image[data-kh-team-slider] .ref-team-slide.is-active{opacity:1;visibility:visible;z-index:1;transform:scale(1)}
.ref-team-image[data-kh-team-slider] .ref-team-slide .ref-team-photo{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  display:block!important;margin:0!important;padding:0!important;filter:none!important;transform:none!important;
}
.ref-team-image[data-kh-team-slider] .ref-team-slide--manager .ref-team-photo{object-fit:contain!important;object-position:center center!important;background:#fff}
.ref-team-image[data-kh-team-slider] .ref-team-slide--meeting .ref-team-photo{object-fit:cover!important;object-position:center 46%!important;background:#181c1e}
.ref-team-image[data-kh-team-slider] .ref-team-slide--factory .ref-team-photo{object-fit:cover!important;object-position:center 45%!important;background:#181c1e}
.ref-team-image[data-kh-team-slider] .ref-team-tag{z-index:5;top:18px;right:18px;left:auto;bottom:auto}
.ref-team-slider-controls{
  position:absolute;z-index:6;left:18px;bottom:18px;display:flex;align-items:center;gap:7px;
  padding:8px 10px;color:#fff;background:rgba(13,16,17,.72);border:1px solid rgba(212,174,80,.5);
  font:600 12px/1.2 var(--latin,Arial,sans-serif);direction:ltr;backdrop-filter:blur(7px);
}
.ref-team-slide-current{color:#e3bd62;min-width:18px;text-align:center}
.ref-team-slide-separator,.ref-team-slide-total{opacity:.72}
.ref-team-slider-buttons{display:flex;gap:5px;margin-left:9px}
.ref-team-slider-buttons button{
  width:32px;height:30px;padding:0;display:grid;place-items:center;cursor:pointer;
  border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:1;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.ref-team-slider-buttons button:hover,.ref-team-slider-buttons button:focus-visible{background:#d4ae50;border-color:#d4ae50;color:#111;outline:none}
.ref-team-slider-buttons button:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #c49a3a}
@media(max-width:950px){
  .ref-team-image[data-kh-team-slider]{min-height:460px}
  .ref-team-image[data-kh-team-slider] .ref-team-slide--manager .ref-team-photo{object-fit:contain!important}
  .ref-team-image[data-kh-team-slider] .ref-team-slide--meeting .ref-team-photo{object-fit:cover!important;object-position:center center!important}
  .ref-team-image[data-kh-team-slider] .ref-team-slide--factory .ref-team-photo{object-fit:cover!important;object-position:center center!important;background:#181c1e}
}
@media(max-width:600px){
  .ref-team-image[data-kh-team-slider]{min-height:0!important;height:auto;aspect-ratio:1.25/1}
  .ref-team-slider-controls{left:10px;bottom:10px;padding:6px 8px;gap:5px}
  .ref-team-slider-buttons button{width:29px;height:28px}
  .ref-team-image[data-kh-team-slider] .ref-team-tag{top:10px;right:10px;left:auto;bottom:auto;padding:6px 8px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .ref-team-image[data-kh-team-slider] .ref-team-slide{transition:none;transform:none}
}


/* V44 — approved Blender header image + typography standards */
/* Persian: Vazirmatn; English: Manrope. Keep the visual system consistent across all components. */
html[lang="fa"], html[dir="rtl"] body,
body.kh-rtl {
  font-family: "Vazirmatn", Tahoma, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
body.kh-rtl :is(button, input, textarea, select) {
  font-family: "Vazirmatn", Tahoma, sans-serif;
}
body.kh-rtl :is(h1,h2,h3,h4,h5,h6) {
  font-family: "Vazirmatn", Tahoma, sans-serif;
  letter-spacing: 0 !important;
  line-height: 1.32 !important;
  font-weight: 800;
}
body.kh-rtl :is(p, li, label, .kh-eyebrow, .kh-slide-vertical, .kh-program-name,
  .ref-kicker, .ref-news-row, .ref-topic, .ref-mini-links a, .kh-yellow-btn) {
  letter-spacing: 0 !important;
}
body.kh-rtl .kh-slide-copy h1,
body.kh-rtl .kh-slide-copy h2 {
  font-size: clamp(31px, 3.6vw, 62px) !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
  font-weight: 800;
  max-width: 820px;
}
body.kh-rtl .ref-intro-title h2,
body.kh-rtl .ref-programme-title h2,
body.kh-rtl .ref-section-heading h2,
body.kh-rtl .ref-about h2,
body.kh-rtl .ref-topics-head h2,
body.kh-rtl .ref-contact h2 {
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
}
body.kh-rtl .kh-inner-hero h1,
body.kh-rtl .kh-detail-copy h2,
body.kh-rtl .kh-about-split h2 {
  letter-spacing: 0 !important;
  line-height: 1.32 !important;
}

html[lang="en"], html[dir="ltr"] body,
body.kh-ltr {
  font-family: "Manrope", "Segoe UI", Arial, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
body.kh-ltr :is(button, input, textarea, select) {
  font-family: "Manrope", "Segoe UI", Arial, sans-serif;
}
body.kh-ltr :is(h1,h2,h3,h4,h5,h6) {
  font-family: "Manrope", "Segoe UI", Arial, sans-serif;
  letter-spacing: -0.025em;
  line-height: 1.16;
  font-weight: 800;
}
body.kh-ltr .kh-slide-copy h1,
body.kh-ltr .kh-slide-copy h2 { font-size: clamp(32px, 3.8vw, 66px); line-height: 1.14; }

/* Slide 03 is a full-width workshop image, not an isolated cutout on black. */
.kh-slide:nth-child(3) .kh-slide-bg {
  background: #20292b !important;
  overflow: hidden !important;
}
.kh-slide:nth-child(3) .kh-slide-bg img {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  background: transparent !important;
}
@media (max-width: 600px) {
  body.kh-rtl .kh-slide-copy h1,
  body.kh-rtl .kh-slide-copy h2 { font-size: 30px !important; line-height: 1.3 !important; }
  body.kh-ltr .kh-slide-copy h1,
  body.kh-ltr .kh-slide-copy h2 { font-size: 30px; line-height: 1.16; }
}

/* V45 — expanded, editorial About Kheshti page */
.kh-about-page{background:#fff;color:#151819}
.kh-about-hero{padding:112px 0 92px;background:radial-gradient(ellipse at 82% 18%,rgba(205,165,47,.11),transparent 34%),#111517}
.kh-about-hero h1{max-width:1000px}
.kh-about-hero p{max-width:850px}
.kh-about-hero-note{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);color:#e0b943;font-size:12px;letter-spacing:.03em}
.kh-about-story{padding:94px 0 78px}
.kh-about-eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#b28b26;margin-bottom:18px}
.kh-about-split{align-items:start}
.kh-about-split h2{max-width:600px;font-size:clamp(38px,4.5vw,66px);line-height:1.2}
.kh-about-story-copy p{margin:0 0 22px;font-size:17px;line-height:2.05;color:#59615f}
.kh-about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:58px;border-top:1px solid #d9ddda;border-bottom:1px solid #d9ddda}
.kh-about-principles>div{display:flex;align-items:center;gap:18px;padding:24px 28px;border-left:1px solid #d9ddda}
.kh-about-principles>div:last-child{border-left:0}
.kh-about-principles b{font-size:29px;color:#c39b2c;font-weight:500}
.kh-about-principles span{font-size:14px;font-weight:700;color:#242928}
.kh-about-features-section{background:#f4f4f1;padding:92px 0 100px}
.kh-about-section-head{max-width:850px;margin-bottom:38px}
.kh-about-section-head h2{font-size:clamp(34px,4.2vw,58px);line-height:1.25;letter-spacing:0;margin:0;max-width:850px}
.kh-about-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#d7d9d4;border:1px solid #d7d9d4}
.kh-about-feature{background:#f9f9f7;padding:34px 31px 38px;min-height:250px;transition:background .25s ease}
.kh-about-feature:hover{background:#fff}
.kh-about-feature-no{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #cba63b;color:#9b781b;font-size:12px;margin-bottom:34px}
.kh-about-feature h3{font-size:23px;line-height:1.4;margin:0 0 14px}
.kh-about-feature p{font-size:15px;line-height:1.95;color:#636a67;margin:0}
.kh-about-domains-section{padding-top:100px;padding-bottom:100px}
.kh-about-domains-head{display:grid;grid-template-columns:1.1fr .8fr;gap:70px;align-items:end;max-width:none}
.kh-about-domains-head p{font-size:16px;line-height:1.95;color:#656c69;margin:0 0 4px}
.kh-about-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #d8dcda}
.kh-about-domain{display:grid;grid-template-columns:45px 1fr 28px;gap:18px;align-items:start;padding:25px 22px 25px 8px;border-bottom:1px solid #d8dcda;transition:background .2s ease}
.kh-about-domain:nth-child(odd){border-left:1px solid #d8dcda}
.kh-about-domain>span{font-size:12px;color:#b08a24;padding-top:5px}
.kh-about-domain h3{font-size:19px;line-height:1.5;margin:0 0 6px}
.kh-about-domain p{font-size:14px;line-height:1.85;color:#69716e;margin:0}
.kh-about-domain i{font-style:normal;font-size:21px;color:#b28b26;transition:transform .2s ease}
.kh-about-domain:hover{background:#f7f7f4}
.kh-about-domain:hover i{transform:translate(-3px,-3px)}
.kh-about-process-section{background:#111517;color:#fff;padding:92px 0 100px}
.kh-about-process-section .kh-about-section-head h2{color:#fff}
.kh-about-process-section .kh-about-eyebrow{color:#dfb739}
.kh-about-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;border-top:1px solid rgba(255,255,255,.2);padding-top:28px}
.kh-about-process article{padding-inline-end:18px}
.kh-about-process article>span{font-size:13px;color:#dfb739}
.kh-about-process h3{font-size:21px;margin:22px 0 12px;line-height:1.4}
.kh-about-process p{font-size:14px;color:#c3c9c6;line-height:1.95;margin:0}
.kh-about-final-cta{background:#e9e7df;padding:64px 0}
.kh-about-final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:48px}
.kh-about-final-cta h2{font-size:clamp(32px,3.5vw,48px);line-height:1.25;margin:0 0 14px;max-width:760px}
.kh-about-final-cta p{font-size:15px;color:#606763;line-height:1.9;margin:0;max-width:780px}
.kh-about-final-cta .kh-gold-btn{flex-shrink:0;margin-top:0}
body.kh-rtl .kh-about-page :is(.kh-about-section-head h2,.kh-about-feature h3,.kh-about-domain h3,.kh-about-process h3,.kh-about-final-cta h2){letter-spacing:0;line-height:1.5}
body.kh-ltr .kh-about-page :is(.kh-about-section-head h2,.kh-about-feature h3,.kh-about-domain h3,.kh-about-process h3,.kh-about-final-cta h2){letter-spacing:-.02em}
@media(max-width:900px){.kh-about-domains-head{grid-template-columns:1fr;gap:20px}.kh-about-process{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}.kh-about-final-cta-inner{align-items:flex-start;flex-direction:column}.kh-about-final-cta .kh-gold-btn{margin-top:10px}}
@media(max-width:600px){.kh-about-hero{padding:75px 0 65px}.kh-about-hero h1{font-size:clamp(38px,10vw,52px)}.kh-about-hero p{font-size:16px}.kh-about-story{padding:66px 0 58px}.kh-about-principles{grid-template-columns:1fr}.kh-about-principles>div{border-left:0;border-bottom:1px solid #d9ddda;padding:18px 10px}.kh-about-principles>div:last-child{border-bottom:0}.kh-about-features-section,.kh-about-process-section{padding:66px 0}.kh-about-features{grid-template-columns:1fr}.kh-about-feature{min-height:auto;padding:28px}.kh-about-feature-no{margin-bottom:20px}.kh-about-domains-section{padding:66px 0}.kh-about-domains{grid-template-columns:1fr}.kh-about-domain:nth-child(odd){border-left:0}.kh-about-domain{padding:22px 8px}.kh-about-process{grid-template-columns:1fr}.kh-about-process article{padding-inline-end:0}.kh-about-final-cta{padding:50px 0}}

/* V46 — calmer, more refined typography scale for Persian headings */
body.kh-rtl .ref-intro-title h2,
body.kh-rtl .ref-section-heading h2,
body.kh-rtl .ref-about h2,
body.kh-rtl .ref-topics-head h2 {
  font-size: clamp(31px, 3.45vw, 52px) !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  max-width: 720px;
}
body.kh-rtl .ref-programme-title h2 {
  font-size: clamp(34px, 3.8vw, 58px) !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
}
body.kh-rtl .ref-contact h2 {
  font-size: clamp(32px, 4.2vw, 60px) !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
}
body.kh-rtl .ref-career-copy h2 {
  font-size: clamp(30px, 3.45vw, 48px) !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}
body.kh-rtl .kh-inner-hero h1,
body.kh-rtl .kh-about-hero h1 {
  font-size: clamp(36px, 4.35vw, 64px) !important;
  line-height: 1.32 !important;
  letter-spacing: 0 !important;
  max-width: 900px;
}
body.kh-rtl .kh-about-split h2 {
  font-size: clamp(32px, 3.2vw, 48px) !important;
  line-height: 1.42 !important;
  letter-spacing: 0 !important;
  max-width: 620px;
}
body.kh-rtl .kh-about-page .kh-about-section-head h2 {
  font-size: clamp(30px, 3.1vw, 46px) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}
body.kh-rtl .kh-detail-copy h2,
body.kh-rtl .kh-content-wide h2 {
  font-size: clamp(30px, 3.25vw, 46px) !important;
  line-height: 1.38 !important;
  letter-spacing: 0 !important;
}
body.kh-rtl .kh-about-final-cta h2 {
  font-size: clamp(30px, 3.4vw, 46px) !important;
  line-height: 1.4 !important;
}

/* The same hierarchy in English, with balanced line wrapping. */
body.kh-ltr .ref-intro-title h2,
body.kh-ltr .ref-section-heading h2,
body.kh-ltr .ref-about h2,
body.kh-ltr .ref-topics-head h2 {
  font-size: clamp(32px, 3.55vw, 54px) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.025em !important;
  max-width: 760px;
}
body.kh-ltr .ref-programme-title h2 {
  font-size: clamp(36px, 3.9vw, 60px) !important;
  line-height: 1.16 !important;
}
body.kh-ltr .ref-contact h2 {
  font-size: clamp(34px, 4.3vw, 62px) !important;
  line-height: 1.16 !important;
}
body.kh-ltr .kh-inner-hero h1,
body.kh-ltr .kh-about-hero h1 {
  font-size: clamp(38px, 4.4vw, 68px) !important;
  line-height: 1.18 !important;
}
body.kh-ltr .kh-about-split h2,
body.kh-ltr .kh-about-page .kh-about-section-head h2,
body.kh-ltr .kh-detail-copy h2,
body.kh-ltr .kh-content-wide h2 {
  font-size: clamp(32px, 3.35vw, 48px) !important;
  line-height: 1.22 !important;
}

@media (max-width: 950px) {
  body.kh-rtl .ref-intro-title h2,
  body.kh-rtl .ref-section-heading h2,
  body.kh-rtl .ref-about h2,
  body.kh-rtl .ref-topics-head h2 { font-size: clamp(30px, 5.6vw, 44px) !important; }
  body.kh-rtl .ref-programme-title h2 { font-size: clamp(32px, 5.8vw, 48px) !important; }
  body.kh-rtl .ref-contact h2 { font-size: clamp(30px, 5.4vw, 46px) !important; }
}
@media (max-width: 600px) {
  body.kh-rtl .ref-intro-title h2,
  body.kh-rtl .ref-section-heading h2,
  body.kh-rtl .ref-about h2,
  body.kh-rtl .ref-topics-head h2 { font-size: 30px !important; line-height: 1.4 !important; }
  body.kh-rtl .ref-programme-title h2 { font-size: 32px !important; line-height: 1.35 !important; }
  body.kh-rtl .ref-contact h2 { font-size: 30px !important; line-height: 1.4 !important; }
  body.kh-rtl .ref-career-copy h2 { font-size: 30px !important; line-height: 1.4 !important; }
  body.kh-rtl .kh-inner-hero h1,
  body.kh-rtl .kh-about-hero h1 { font-size: 34px !important; line-height: 1.4 !important; }
  body.kh-rtl .kh-about-split h2,
  body.kh-rtl .kh-about-page .kh-about-section-head h2,
  body.kh-rtl .kh-detail-copy h2,
  body.kh-rtl .kh-content-wide h2,
  body.kh-rtl .kh-about-final-cta h2 { font-size: 29px !important; line-height: 1.45 !important; }
  body.kh-ltr .ref-intro-title h2,
  body.kh-ltr .ref-section-heading h2,
  body.kh-ltr .ref-about h2,
  body.kh-ltr .ref-topics-head h2 { font-size: 31px !important; line-height: 1.2 !important; }
  body.kh-ltr .ref-programme-title h2 { font-size: 34px !important; }
  body.kh-ltr .ref-contact h2 { font-size: 32px !important; }
  body.kh-ltr .kh-inner-hero h1,
  body.kh-ltr .kh-about-hero h1 { font-size: 36px !important; line-height: 1.2 !important; }
}


/* V47 — complete borders for mini-links and all product programme columns */
.ref-mini-links{border-inline:1px solid #cfd2d0}
.ref-mini-links a{border-inline-start:1px solid #cfd2d0}
.ref-mini-links a:first-child{border-inline-start:0}
.kh-program-item{border-top:1px solid #d0d4d2;border-bottom:1px solid #d0d4d2;border-right:1px solid #d0d4d2;border-left:0}
.kh-program-item:nth-of-type(7n+1){border-left:1px solid #d0d4d2}
@media(max-width:1200px){.kh-program-item:nth-of-type(7n+1){border-left:0}.kh-program-item:nth-of-type(4n+1){border-left:1px solid #d0d4d2}}
@media(max-width:950px){.kh-program-item:nth-of-type(4n+1){border-left:0}.kh-program-item:nth-of-type(3n+1){border-left:1px solid #d0d4d2}}
@media(max-width:600px){.kh-program-item:nth-of-type(3n+1){border-left:0}.kh-program-item:nth-of-type(2n+1){border-left:1px solid #d0d4d2}}
@media(max-width:950px){.ref-mini-links{border-inline:0}.ref-mini-links a{border-inline-start:0!important;border-bottom:1px solid #cfd2d0!important}.ref-mini-links a:first-child{border-inline-start:0!important}}

/* V48 — close the bottom edge of the three quick links row */
.ref-mini-links {
  border-bottom: 1px solid #cfd2d0 !important;
  box-sizing: border-box;
}
.ref-mini-links > a {
  box-sizing: border-box;
  min-height: 69px;
  align-items: center;
}
@media (max-width: 950px) {
  .ref-mini-links {
    border-bottom: 0 !important;
  }
  .ref-mini-links > a {
    border-bottom: 1px solid #cfd2d0 !important;
  }
}


/* V49 — neutral pure-white site background (remove cream tint) */
:root {
  --paper: #ffffff;
  --warm: #ffffff;
  --mist: #f6f7f7;
}
html, body { background-color: #ffffff !important; }
.section.soft { background-color: #ffffff !important; }
.ref-intro,
.ref-programme,
.ref-news,
.kh-about-features-section,
.kh-about-feature,
.ref-career-copy,
.kh-image-credits,
.kh-blender-draw-grid img,
.kh-blender-gallery-side figure {
  background: #ffffff !important;
}
.ref-intro { background-image: none !important; }
.ref-programme { background-image: none !important; }
.ref-news { background-image: none !important; }
.ref-career-copy { background-image: none !important; }
.kh-program-item { background-color: #ffffff; }
.kh-contact-form { background-color: #f7f8f8; }


/* =========================================================
   V50 — Reference-accurate expanding hero motion + unified CTA colors
   Primary action buttons: safety yellow at rest, vivid orange on hover.
   Hero panels: animate flex basis/growth so the selected panel expands
   in its original position and all other panels compress into vertical rails.
   ========================================================= */
:root{
  --kh-button-yellow:#f2c400;
  --kh-button-hover:#f47621;
  --kh-button-ink:#101416;
}

/* Animate layout, not opacity-only slides: matching the reference clip. */
.kh-slides{
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch;
  width:100%;
  height:100%;
  overflow:hidden;
  direction:ltr!important;
}
.kh-slide{
  flex-grow:0!important;
  flex-shrink:0!important;
  flex-basis:clamp(74px,5.8vw,118px)!important;
  transition:
    flex-basis .88s cubic-bezier(.77,0,.18,1),
    flex-grow .88s cubic-bezier(.77,0,.18,1),
    filter .65s ease,
    box-shadow .65s ease!important;
  will-change:flex-basis;
}
.kh-slide.is-active{
  flex-grow:1!important;
  flex-shrink:1!important;
  flex-basis:0%!important;
  cursor:default;
}
.kh-slide-bg img{
  transform:scale(1.065)!important;
  transition:transform .95s cubic-bezier(.2,.7,.2,1),filter .8s ease!important;
}
.kh-slide.is-active .kh-slide-bg img{
  transform:scale(1.012)!important;
}
.kh-slide-vertical{
  transition:opacity .28s ease,transform .55s cubic-bezier(.2,.7,.2,1)!important;
}
.kh-slide-copy{
  transition:opacity .38s ease .22s,transform .72s cubic-bezier(.2,.7,.2,1) .08s!important;
}
.kh-slide-number{
  transition:left .72s cubic-bezier(.77,0,.18,1),transform .72s cubic-bezier(.77,0,.18,1)!important;
}

/* All filled primary/action buttons share one yellow/orange interaction. */
:is(.kh-yellow-btn,.ref-yellow-link,.kh-gold-btn,.btn.primary,.wp-block-button__link,button[type="submit"],input[type="submit"],.wpcf7-submit){
  background-color:var(--kh-button-yellow)!important;
  border-color:var(--kh-button-yellow)!important;
  color:var(--kh-button-ink)!important;
  text-decoration:none;
  transition:background-color .22s ease,border-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease!important;
}
:is(.kh-yellow-btn,.ref-yellow-link,.kh-gold-btn,.btn.primary,.wp-block-button__link,button[type="submit"],input[type="submit"],.wpcf7-submit):hover,
:is(.kh-yellow-btn,.ref-yellow-link,.kh-gold-btn,.btn.primary,.wp-block-button__link,button[type="submit"],input[type="submit"],.wpcf7-submit):focus-visible{
  background-color:var(--kh-button-hover)!important;
  border-color:var(--kh-button-hover)!important;
  color:#111!important;
  box-shadow:0 10px 26px rgba(244,118,33,.22)!important;
  transform:translateY(-2px);
}
:is(.kh-yellow-btn,.ref-yellow-link,.kh-gold-btn,.btn.primary,.wp-block-button__link,button[type="submit"],input[type="submit"],.wpcf7-submit):active{
  background-color:#e86613!important;
  border-color:#e86613!important;
  transform:translateY(0);
  box-shadow:0 4px 12px rgba(244,118,33,.18)!important;
}
.kh-yellow-btn span{color:inherit!important}

/* Carousel controls remain outlined at rest; hover follows the orange accent. */
.kh-hero-tools button:hover,.kh-hero-tools button:focus-visible,
.ref-team-slider-buttons button:hover,.ref-team-slider-buttons button:focus-visible{
  background-color:var(--kh-button-hover)!important;
  border-color:var(--kh-button-hover)!important;
  color:#111!important;
}

@media(max-width:900px){
  .kh-slide{flex-basis:58px!important}
  .kh-slide.is-active{flex-basis:0%!important}
}
@media(max-width:600px){
  .kh-slide{flex-basis:42px!important}
  .kh-slide.is-active{flex-basis:0%!important}
}
@media(prefers-reduced-motion:reduce){
  .kh-slide,.kh-slide-bg,.kh-slide-bg img,.kh-slide-copy,.kh-slide-vertical,.kh-slide-number,
  :is(.kh-yellow-btn,.ref-yellow-link,.kh-gold-btn,.btn.primary,.wp-block-button__link,button[type="submit"],input[type="submit"],.wpcf7-submit){
    transition:none!important;
    animation:none!important;
    will-change:auto!important;
  }
}


/* =========================================================
   V51 — smoother reference-style hero panel opening
   The previous easing curve delayed most of the movement and
   made the panels seem to snap near the end. Use a balanced,
   longer ease-in-out curve and synchronize image/copy motion.
   ========================================================= */
.kh-slide{
  transition:
    flex-basis 1.2s cubic-bezier(.4,0,.2,1),
    flex-grow 1.2s cubic-bezier(.4,0,.2,1),
    flex-shrink 1.2s cubic-bezier(.4,0,.2,1),
    filter .95s cubic-bezier(.4,0,.2,1),
    box-shadow .95s cubic-bezier(.4,0,.2,1) !important;
}
.kh-slide-bg{
  transition: transform 1.35s cubic-bezier(.4,0,.2,1), filter 1.15s cubic-bezier(.4,0,.2,1) !important;
}
.kh-slide-bg img{
  transition: transform 1.35s cubic-bezier(.4,0,.2,1), filter 1.15s cubic-bezier(.4,0,.2,1) !important;
}
.kh-slide-shade{
  transition: background 1.1s cubic-bezier(.4,0,.2,1), opacity .9s cubic-bezier(.4,0,.2,1) !important;
}
.kh-slide-vertical{
  transition: opacity .42s cubic-bezier(.4,0,.2,1), transform .72s cubic-bezier(.4,0,.2,1) !important;
}
.kh-slide-number{
  transition: left 1.12s cubic-bezier(.4,0,.2,1), transform 1.12s cubic-bezier(.4,0,.2,1) !important;
}
.kh-slide-copy{
  transition:
    opacity .52s cubic-bezier(.4,0,.2,1) .28s,
    transform .78s cubic-bezier(.4,0,.2,1) .22s !important;
}
.kh-slide:not(.is-active) .kh-slide-copy{
  transition: opacity .22s ease, transform .42s cubic-bezier(.4,0,.2,1) !important;
}
@media(prefers-reduced-motion:reduce){
  .kh-slide,.kh-slide-bg,.kh-slide-bg img,.kh-slide-shade,
  .kh-slide-copy,.kh-slide-vertical,.kh-slide-number{
    transition:none!important;
  }
}


/* V54 — fuller, more balanced internal contact page + safe fallback page layout */
.kh-contact-page{width:100%;min-height:calc(100vh - 82px);background:#fff;color:#111517;overflow:clip}
.kh-contact-page .container,.kh-generic-page .container{width:min(calc(100% - 64px),1480px);max-width:1480px;margin-inline:auto}
.kh-contact-hero{padding:92px 0 78px!important;min-height:350px;display:flex;align-items:center}
.kh-contact-hero .container{position:relative;z-index:1}
.kh-contact-hero h1{font-size:clamp(38px,4.5vw,66px)!important;line-height:1.28!important;max-width:960px!important;margin:0 0 20px!important;letter-spacing:0!important}
.kh-contact-hero p{font-size:17px!important;max-width:780px!important;line-height:2!important;margin:0!important}
.kh-contact-main-section{padding:76px 0 100px;background:#fff}
.kh-contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:clamp(44px,6vw,96px);align-items:start}
.kh-contact-info{padding:16px 0 0;min-width:0}
.kh-contact-info h2{font-size:clamp(30px,3.3vw,46px);line-height:1.48;margin:0 0 22px;max-width:720px;letter-spacing:0}
.kh-contact-lead{font-size:17px;line-height:2;color:#5f6765;max-width:660px;margin:0 0 34px}
.kh-contact-detail{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;padding:23px 0;border-top:1px solid #d8dcda;align-items:start}
.kh-contact-detail-no{font-size:12px;color:#a78325;padding-top:3px}
.kh-contact-detail strong{display:block;font-size:16px;margin-bottom:6px}
.kh-contact-detail p,.kh-contact-detail a{display:block;color:#606866;font-size:15px;line-height:1.85;margin:0;overflow-wrap:anywhere}
.kh-contact-note{display:flex;gap:14px;background:#f7f7f4;border-inline-start:3px solid #d6ad38;margin-top:22px;padding:18px 20px;align-items:flex-start}
.kh-contact-note>span{color:#b38d27;font-size:22px;line-height:1.3}
.kh-contact-note p{margin:0;color:#5a625f;font-size:14px;line-height:1.9}
.kh-contact-form-large{padding:clamp(26px,3vw,44px)!important;background:#f7f8f7!important;border:1px solid #e0e3e1;box-shadow:0 22px 60px rgba(17,21,23,.055);width:100%;max-width:none;min-width:0}
.kh-contact-form-heading{margin-bottom:28px;padding-bottom:23px;border-bottom:1px solid #dfe2df}
.kh-contact-form-heading small{display:block;font-size:11px;letter-spacing:.08em;color:#a58225;font-weight:800;margin-bottom:8px}
.kh-contact-form-heading h2{font-size:28px;line-height:1.4;margin:0 0 8px;letter-spacing:0}
.kh-contact-form-heading p{font-size:14px;line-height:1.8;color:#67706d;margin:0}
.kh-contact-form-large .kh-contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kh-contact-form-large label{display:block;font-size:13px;font-weight:800;margin:0 0 8px}
.kh-contact-form-large input,.kh-contact-form-large select,.kh-contact-form-large textarea{display:block;width:100%;min-width:0;background:#fff;border:1px solid #d5dad7;border-radius:0;padding:14px 15px;margin:0 0 19px;color:#151819;font:inherit;font-size:14px;line-height:1.6;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}
.kh-contact-form-large input:focus,.kh-contact-form-large select:focus,.kh-contact-form-large textarea:focus{outline:0;border-color:#c39b2c;box-shadow:0 0 0 3px rgba(195,155,44,.12)}
.kh-contact-form-large textarea{min-height:145px;resize:vertical}
.kh-contact-form-large .kh-gold-btn{margin-top:5px;min-height:54px;justify-content:space-between;cursor:pointer;border:0}
.kh-contact-form-footnote{font-size:11px;line-height:1.75;color:#818986;margin:14px 0 0}
.kh-contact-process-section{padding:66px 0 88px;background:#f7f8f7;border-top:1px solid #eceeec}
.kh-contact-process-heading{margin-bottom:30px;max-width:760px}
.kh-contact-process-heading h2{font-size:clamp(28px,3.1vw,42px);line-height:1.45;letter-spacing:0;margin:0}
.kh-contact-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d7dcda;border-bottom:1px solid #d7dcda}
.kh-contact-process-grid article{padding:25px 26px 28px;border-inline-start:1px solid #d7dcda}
.kh-contact-process-grid article:first-child{border-inline-start:0}
.kh-contact-process-grid article>span{font-size:12px;color:#ad8723}
.kh-contact-process-grid h3{font-size:19px;line-height:1.5;margin:18px 0 8px}
.kh-contact-process-grid p{font-size:14px;line-height:1.9;color:#636b68;margin:0}
.kh-generic-page{min-height:calc(100vh - 82px);background:#fff}
.kh-generic-content{max-width:1180px;margin:0 auto;font-size:17px;line-height:2;color:#343a38;min-height:360px}
.kh-generic-content h2,.kh-generic-content h3{line-height:1.45;letter-spacing:0}
@media(max-width:1000px){.kh-contact-layout{grid-template-columns:1fr;gap:42px}.kh-contact-info{padding-top:0}.kh-contact-form-large{max-width:none}.kh-contact-main-section{padding-top:56px}.kh-contact-hero{padding:76px 0 62px!important}}
@media(max-width:650px){.kh-contact-page .container,.kh-generic-page .container{width:calc(100% - 32px)}.kh-contact-hero{min-height:unset;padding:60px 0 52px!important}.kh-contact-hero h1{font-size:34px!important;line-height:1.45!important}.kh-contact-hero p{font-size:15px!important}.kh-contact-main-section{padding:42px 0 60px}.kh-contact-info h2{font-size:29px;line-height:1.5}.kh-contact-lead{font-size:15px}.kh-contact-form-large{padding:22px!important}.kh-contact-form-large .kh-contact-form-row{grid-template-columns:1fr;gap:0}.kh-contact-process-section{padding:48px 0 60px}.kh-contact-process-grid{grid-template-columns:1fr}.kh-contact-process-grid article{border-inline-start:0;border-bottom:1px solid #d7dcda;padding:22px 4px}.kh-contact-process-grid article:last-child{border-bottom:0}.kh-contact-process-heading h2{font-size:27px}.kh-generic-content{font-size:15px}}


/* V55 — full-width recovery for internal pages shown in an accidentally narrow frame.
   Keep content containers centered, but let the page bands/header/footer span the viewport. */
html,
body {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  transform: none !important;
  zoom: 1 !important;
}
body { overflow-x: clip !important; }
body > .site-header,
body > main.kh-reference-page,
body > main.kh-inner-page,
body > main.kh-about-page,
body > main.kh-contact-page,
body > footer.site-footer {
  width: 100vw !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
  border-left: 0 !important;
  border-right: 0 !important;
  transform: none !important;
}
body > main.kh-about-page,
body > main.kh-inner-page,
body > main.kh-reference-page,
body > main.kh-contact-page {
  display: block !important;
}
body > .site-header > .container,
body > footer.site-footer > .container,
body > main.kh-reference-page .container,
body > main.kh-inner-page .container,
body > main.kh-about-page .container,
body > main.kh-contact-page .container {
  width: min(calc(100% - 64px), 1480px) !important;
  max-width: 1480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (max-width: 650px) {
  body > .site-header > .container,
  body > footer.site-footer > .container,
  body > main.kh-reference-page .container,
  body > main.kh-inner-page .container,
  body > main.kh-about-page .container,
  body > main.kh-contact-page .container {
    width: calc(100% - 32px) !important;
  }
}