/* Bilingual procurement and project consulting: follows the existing TOP design. */
html{scroll-padding-top:125px}body{font-family:Arial,Helvetica,"PingFang SC","Microsoft YaHei",sans-serif}p,li,dd{overflow-wrap:anywhere}img{height:auto}.brand img{height:auto;width:132px}.bar{display:grid;grid-template-columns:auto 1fr auto;gap:25px;max-width:1440px}.bar nav{display:flex;justify-content:flex-end;flex-wrap:nowrap;gap:18px;width:auto;margin:0}.bar nav a{white-space:nowrap;font-size:13px}.header-tools{display:flex;align-items:center;gap:14px}.language-link{font-size:13px;font-weight:700;text-decoration:none;border:1px solid var(--line);padding:8px 11px;border-radius:3px;white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:12px 20px;z-index:2000}.skip-link:focus{top:10px}.menu-toggle{display:none}
.hero>img{height:100%;object-fit:cover}.hero-copy{position:relative;z-index:1}.hero h1{max-width:900px}.material-panel>img{height:100%;object-fit:cover}.material-panel>div{min-width:0}.material-panel{overflow:hidden}.button{cursor:pointer;font-family:inherit;border:1px solid transparent}.button.secondary{color:var(--ink);border-color:var(--line);background:transparent}.hero .button.secondary{color:white;border-color:#c9d5cc}.button.secondary:hover,.outline-button:hover{background:#e3e9df}.hero .button.secondary:hover{background:#ffffff20}.cta .button{border:0}.small-muted{font-size:13px;color:var(--muted)}.four-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-banner{height:320px;overflow:hidden;margin:30px 0}.portfolio-banner img{height:100%;width:100%;object-fit:cover}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:30px 0}.product-detail{min-width:0;padding:32px;background:var(--mint);border-top:2px solid var(--gold,#aa9669)}.product-detail h3{font-size:27px;line-height:1.25}.product-detail p,.product-detail dd{font-size:15px}.product-detail dl{padding-top:16px;border-top:1px solid var(--line)}dt{font-weight:700;font-size:13px;color:var(--ink);margin-top:16px}dd{margin:6px 0 15px;color:var(--muted)}.check-list{list-style:none;padding:0;margin:22px 0}.check-list li{position:relative;padding:10px 0 10px 25px;border-bottom:1px solid var(--line);color:var(--muted)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green)}.steps .step{min-width:0}.step h3{font-size:22px}.contact-first{padding-top:55px;padding-bottom:34px}.contact-first h1{font-size:clamp(34px,4vw,56px);max-width:950px;margin-bottom:18px}.contact-first p{margin-bottom:18px}.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.contact-actions .button{margin:0}.phone-direct{padding:13px 4px;font-size:14px;font-weight:700}.enquiry-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:55px;align-items:start;padding-top:30px}.company-details{position:sticky;top:145px}.company-details dd a{overflow-wrap:anywhere}.field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:18px;min-width:0}.field input,.field select,.field textarea{width:100%;max-width:100%;min-width:0;padding:13px 14px;border:1px solid #bdccc2;border-radius:3px;background:white;color:var(--ink);font:400 16px/1.5 Arial,"PingFang SC","Microsoft YaHei",sans-serif}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-hint{font-size:13px}.form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.form-actions .button{margin:0;font-size:14px}.outline-button{color:var(--ink);background:white;border-color:var(--green)}.copy-button{color:var(--green);border:0;background:transparent;padding:12px 2px;font:600 14px Arial;cursor:pointer;text-decoration:underline}.form-status{font-size:14px;min-height:1.7em}.form-status:not(:empty){padding:12px 15px;border-left:3px solid var(--green);background:var(--mint)}.sales-link{bottom:18px;right:18px}.footer-inner{gap:40px}.note p{margin-bottom:0}
html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2,html[lang="zh-Hans"] h3{letter-spacing:0;line-height:1.4}html[lang="zh-Hans"] .hero h1{font-size:clamp(38px,4.6vw,64px);line-height:1.35;max-width:850px}html[lang="zh-Hans"] .eyebrow{letter-spacing:1px}html[lang="zh-Hans"] p,html[lang="zh-Hans"] dd,html[lang="zh-Hans"] li{line-height:1.9}
@media(max-width:1100px){.bar,.home .bar{display:grid;grid-template-columns:1fr auto;gap:14px;padding:15px 24px}.header-tools{grid-column:2;grid-row:1}.brand{grid-column:1;grid-row:1;justify-self:start}.menu-toggle{display:block;margin:0}.bar nav{display:none;width:100%;grid-column:1/-1;grid-row:2;flex-direction:column;align-items:stretch;gap:4px;padding:8px 0}.bar nav.is-open{display:flex!important}.bar nav a{font-size:15px;padding:10px 12px}.brand img{width:115px}.four-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.enquiry-layout{gap:30px}.company-details{position:static}}
@media(max-width:700px){html{scroll-padding-top:110px}.wrap{padding:52px 24px}.hero-copy{padding:60px 24px 70px}.hero h1{font-size:43px;line-height:1.12;letter-spacing:-1.4px}.hero{min-height:570px}.hero p{font-size:16px}.hero .button{font-size:13px}.detail-grid,.enquiry-layout,.four-steps{grid-template-columns:1fr}.portfolio-banner{height:230px}.product-detail{padding:26px}.product-detail h3{font-size:25px}.consulting-intro img{height:300px}.contact-first{padding-top:35px;padding-bottom:20px}.contact-first h1{font-size:34px;line-height:1.15}.contact-first p{font-size:15px}.contact-actions{display:grid;grid-template-columns:1fr}.contact-actions .button{display:block;text-align:center;width:100%;padding:12px 10px;font-size:14px}.phone-direct{text-align:center;padding:6px}.enquiry-layout{padding-top:30px}.form-grid{grid-template-columns:1fr}.form-actions{align-items:stretch}.form-actions .button{flex:1 1 100%}.form-actions .copy-button{width:100%;text-align:center}.language-link{padding:7px 10px}.header-tools{gap:8px}.footer-inner{padding-bottom:90px}.material-panel>img{height:240px}.brand img,.home .brand img{width:105px}html[lang="zh-Hans"] .hero h1{font-size:38px}.contact-box{padding:26px}.detail-grid{gap:20px}.title h1{font-size:36px}.sales-link{font-size:12px;padding:10px 16px}}
@media(prefers-reduced-motion:reduce){.hero>img,.hero-copy>*{animation:none!important}.material-panel>img,.product-detail,.button{transition:none!important}}
/* Expanded Kuwait engineering and business consulting. */
figure{margin:0}.consulting-intro{align-items:center;gap:60px}.consulting-intro figure img{width:100%;height:420px;object-fit:cover;border-radius:2px}.consulting-intro figcaption{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.6}.consulting-jump.wrap{padding-top:0;padding-bottom:50px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.consulting-jump a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:15px 17px;font-size:13px;font-weight:600;text-decoration:none;line-height:1.45}.consulting-jump a:hover{background:var(--mint)}.consulting-jump span{color:var(--green);font-size:12px}.reading-width{max-width:840px}.consulting-services .product-detail{background:#fff}.consulting-services .outputs-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin:25px 0 0;color:var(--green)}.consulting-services .check-list{margin:10px 0 24px}.consulting-services h3{max-width:450px}.consulting-services .service-link{font-size:14px;font-weight:700;color:var(--green);text-underline-offset:5px}.consulting-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:30px}.consulting-visuals img{width:100%;height:330px;object-fit:cover}.consulting-visuals figure:first-child img{object-position:center 45%}.consulting-visuals figcaption{padding:22px 0;line-height:1.7}.consulting-visuals strong{display:block;font-size:23px;font-weight:500;color:var(--ink);margin-bottom:10px}.consulting-visuals figcaption span{display:block;color:var(--muted);font-size:15px}
@media(max-width:1000px){.consulting-intro{gap:32px}.consulting-jump.wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.consulting-visuals img{height:280px}}
@media(max-width:700px){.consulting-intro figure img{height:270px}.consulting-jump.wrap{grid-template-columns:1fr;padding-bottom:38px}.consulting-jump a{padding:13px 16px}.consulting-visuals{grid-template-columns:1fr;gap:15px}.consulting-visuals img{height:250px}.consulting-visuals figcaption{padding:16px 0}.consulting-visuals strong{font-size:22px}.consulting-services .product-detail{padding:25px}.consulting-services h3{font-size:25px}}
/* Distinct trading imagery and product close-ups. */
.product-visual-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:26px 0 40px}.product-visual-strip figure{min-width:0;background:var(--mint)}.product-visual-strip img{display:block;width:100%;height:260px;object-fit:cover}.product-visual-strip figcaption{padding:19px 24px}.product-visual-strip strong{display:block;font-size:21px;font-weight:500;color:var(--ink)}.product-visual-strip figcaption span{display:block;font-size:11px;color:var(--muted);margin-top:8px}.hero>img{object-position:center center}
@media(max-width:700px){.product-visual-strip{grid-template-columns:1fr;gap:20px}.product-visual-strip img{height:230px}.hero>img{object-position:65% center}}
/* Construction products shown by application. */
.product-detail.construction-card{padding:0;overflow:hidden}.construction-card-photo img{display:block;width:100%;height:260px;object-fit:cover}.construction-card-copy{padding:30px 32px}.landscape-feature{margin:50px 0 15px;padding:34px;background:var(--mint);gap:40px;align-items:center}.landscape-feature img{display:block;width:100%;height:320px;object-fit:cover}.landscape-feature h3{font-size:30px;line-height:1.25}.landscape-feature figcaption{font-size:11px;margin-top:10px}
@media(max-width:700px){.construction-card-photo img{height:225px}.construction-card-copy{padding:25px}.landscape-feature{padding:24px;gap:24px}.landscape-feature img{height:250px}.landscape-feature h3{font-size:27px}}



/* Material close-ups: bitumen, sulphur and PE. */
.product-visual-strip.material-products{grid-template-columns:repeat(3,minmax(0,1fr))}.product-visual-strip.material-products img{height:auto;aspect-ratio:3/2;object-fit:cover}
@media(max-width:800px){.product-visual-strip.material-products{grid-template-columns:1fr}}

/* TOP MATERIALS brand palette: jade, warm ivory and restrained copper. */
:root {
  --ink: #173e36;
  --green: #2f775c;
  --green-hover: #245d48;
  --mint: #edf1e6;
  --paper: #faf7ef;
  --muted: #59675f;
  --line: #d3ddd2;
  --gold: #9b553c;
  --accent: #9b553c;
  --accent-hover: #80422e;
  --warm: #f4e9d5;
}
body { background: var(--paper); color: var(--ink); }
::selection { background: #d9e7d8; color: var(--ink); }
header, .home header { background: rgba(250,247,239,.97); color: var(--ink); border-color: var(--line); }
.brand img, .home .brand img { filter: none; background: transparent; }
nav a:hover, .home .nav-contact, .nav-contact { color: var(--green); }
.nav-contact, .language-link { border-color: var(--line); }
.nav-contact, .menu-toggle { background: var(--mint); }
.nav-contact:hover { background: var(--green-hover); border-color: var(--green-hover); }
nav a:not(.nav-contact)::after { background: var(--accent); }
.eyebrow, .title .eyebrow, .step b { color: var(--accent); }
.hero { background: #1d4c3e; }
.hero::after { background: linear-gradient(90deg,rgba(18,57,45,.94) 0%,rgba(18,57,45,.84) 52%,rgba(18,57,45,.42) 100%); }
.hero .eyebrow, .cta .eyebrow { color: #fff3dc; }
.hero h1, .cta h2 { color: #fffdf7; }
.hero p, .cta p { color: #f0f1e7; }
.button { background: var(--green); color: #fff; }
.button::before { display: none; }
.button:hover { background: var(--green-hover); }
.hero .button { background: var(--accent); color: #fff; }
.hero .button:hover { background: var(--accent-hover); filter: none; }
.button.secondary, .outline-button { background: transparent; border-color: var(--green); color: var(--ink); }
.button.secondary:hover, .outline-button:hover { background: var(--mint); color: var(--ink); }
.hero .button.secondary { color: #fffdf7; border-color: #e2e8da; background: rgba(18,57,45,.55); }
.hero .button.secondary:hover { color: #fffdf7; background: #245d48; }
.facts { background: #fffdf8; border-color: var(--line); }
.fact strong { color: var(--green); }
.fact span { color: var(--muted); }
.section-light { background: linear-gradient(135deg,#f0f3e9,#e8eee2); }
.title { background: linear-gradient(115deg,#e9f0e3 0%,#f7f0e2 100%); border-color: var(--line); }
.title p { color: var(--muted); }
.material-tabs { border-color: var(--line); }
.material-tabs button { color: var(--muted); }
.material-tabs button[aria-selected="true"] { background: var(--mint); color: var(--ink); border-color: var(--accent); }
.material-panel, .card, .contact-box, .landscape-feature, .product-visual-strip figure { background: var(--mint); }
.material-panel { box-shadow: 0 16px 45px rgba(23,62,54,.05); }
.project { background: #f1f2e9; border-top-color: var(--accent); }
.project .route { border-color: #dfd6c4; background: var(--warm); color: var(--ink); }
.trade-paths a:hover { color: var(--accent); }
.step { background: #fffdf8; }
.step::before, .product-detail { border-color: var(--accent); }
.step::before { background: var(--accent); }
.product-detail { background: var(--mint); }
.consulting-services .product-detail { background: #fffdf8; }
.consulting-jump a { background: #fffdf8; border-color: var(--line); }
.consulting-jump a:hover { background: var(--mint); }
.consulting-jump span { color: var(--accent); }
.cta { background: linear-gradient(112deg,#20513f 0%,#286b51 70%,#2f775c 100%); }
.cta::after { border-color: rgba(244,233,213,.24); box-shadow: 0 0 0 36px rgba(244,233,213,.05),0 0 0 72px rgba(244,233,213,.03); }
.cta .button { background: var(--warm); color: var(--ink); }
.cta .button:hover { background: #fffdf7; color: var(--ink); }
.field input, .field select, .field textarea { border-color: #7f8c80; background: #fffdf8; color: var(--ink); }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--green); }
.note, .form-status:not(:empty) { border-left-color: var(--green); background: var(--mint); }
footer { background: linear-gradient(115deg,#1d4c3e,#245b46); }
footer::before { background: linear-gradient(90deg,#9b553c,#c29a70 48%,#2f775c); }
footer strong { color: #fffdf7; }
footer p { color: #e1e9da; }
footer a { color: #f4e9d5; }
footer a:hover { color: #fff; }
.sales-link { background: var(--green); color: #fff; border-color: #e1e9da; }
.sales-link:hover { background: var(--green-hover); }
:focus-visible { outline: 2px solid var(--accent) !important; outline-offset: 4px !important; box-shadow: 0 0 0 4px var(--paper) !important; }
@media(max-width:700px) {
  .hero::after { background: linear-gradient(90deg,rgba(18,57,45,.94),rgba(18,57,45,.79)); }
}