.site-redesign {
 --site-ink:#172c22; --site-bg:#fff; --site-soft:#f1f6ee; --site-border:#d9e4d7;
 --site-accent:#245d3b; --site-on-accent:#fff; --site-nav:#fff; --site-nav-ink:#173928;
 background:var(--site-bg); color:var(--site-ink);
}
.site-redesign.site-cases {
 --site-ink:#20262c; --site-bg:#fbfcfd; --site-soft:#edf0f3; --site-border:#d6dce1;
 --site-accent:#b74418; --site-on-accent:#fff; --site-nav:#171d23; --site-nav-ink:#f5f7f8;
}
body.site-redesign nav.navbar.navbar-default {
 background:var(--site-nav)!important; border-bottom:1px solid var(--site-border)!important;
}
body.site-redesign nav.navbar .navbar-brand,
body.site-redesign nav.navbar .navbar-brand .brand-wordmark,
body.site-redesign nav.navbar .navbar-nav>li>a,
body.site-redesign nav.navbar .language-menu>summary {color:var(--site-nav-ink)!important}
body.site-sap nav.navbar .navbar-brand img {filter:brightness(.52) saturate(1.4)!important}
body.site-sap nav.navbar .navbar-toggle .icon-bar {background:#245d3b!important}
body.site-redesign nav.navbar .language-menu>summary {border-color:currentColor}
body.site-redesign .footer-v592 {background:var(--site-nav)!important;color:var(--site-nav-ink)!important;border-top:1px solid var(--site-border)}
body.site-redesign .footer-v592 :is(a,strong,p,small,figcaption,address,span) {color:var(--site-nav-ink)!important}
body.site-redesign #main-content {background:var(--site-bg)}
body.site-redesign #main-content .bg-light-gray {background:var(--site-soft)}
body.site-redesign .c10-jumps {background:var(--site-soft);border-color:var(--site-border)}
body.site-redesign :is(.btn,.button,.c10-jumps a[aria-current]) {--button-bg:var(--site-accent)}
body.site-cases .c10-jumps a[aria-current] {background:var(--site-accent);color:#fff}
body.site-cases .lp-hero {background-color:#202830}
body.site-cases .lp-contact {background-color:var(--site-soft)}
body.site-cases .lp-shell .button:not(.light) {background:#a43b15;color:#fff}
body.site-sap .lp-hero {background-color:#edf5eb}

.specialty-hero {position:relative;margin-block-start:98px;color:var(--site-ink);overflow:hidden}
.specialty-hero .container {max-width:1440px;width:calc(100% - 80px);padding:0}
.specialty-hero .hero-grid {display:grid;align-items:center;gap:clamp(28px,5vw,76px);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);min-height:560px}
.specialty-hero .hero-grid::before,.specialty-hero .hero-grid::after {display:none}
.specialty-hero .hero-copy {padding-block:64px;position:relative;z-index:1;text-align:start}
.specialty-hero h1 {
 font-size:clamp(38px,4.1vw,70px);line-height:1.04;letter-spacing:-.045em;
 font-weight:650;margin:0 0 23px;color:inherit;text-transform:none;
}
.specialty-hero :lang(zh), .specialty-hero :lang(ar) {letter-spacing:normal}
.specialty-hero .hero-copy>p {max-width:56ch;font-size:17px;line-height:1.65;margin:0 0 28px;color:inherit}
.specialty-hero .hero-photo {display:block;width:100%;height:100%;object-fit:cover;object-position:57% center}
.site-sap .specialty-hero {background:linear-gradient(130deg,#fff 46%,#eef6ec)}
.site-sap .specialty-hero .hero-visual {height:clamp(440px,42vw,620px);margin-block:24px;border-radius:0 32px 0 32px;overflow:hidden}
.specialty-hero .hero-actions {display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.specialty-link {
 display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;min-height:44px;border:1px solid currentColor;
 color:inherit;background:transparent;font-size:14px;font-weight:700;text-decoration:none!important;
}
.specialty-link.primary {color:var(--site-on-accent);background:var(--site-accent);border-color:var(--site-accent)}
.specialty-link:hover,.specialty-link:focus-visible {box-shadow:0 0 0 3px var(--site-border)}
.site-sap .specialty-link {border-radius:100px}
.site-cases .specialty-hero {background:#171d23;color:#f8fafb}
.site-cases .specialty-hero .hero-grid {min-height:610px;grid-template-columns:minmax(0,600px)}
.site-cases .specialty-hero .hero-visual {position:absolute;inset:0}
.site-cases .specialty-hero .hero-visual::after {
 content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171d23 0%,#171d23ed 24%,#171d23a3 48%,#171d2310 80%);
}
.site-cases[dir=rtl] .specialty-hero .hero-visual::after,
html[dir=rtl] .site-cases .specialty-hero .hero-visual::after {transform:scaleX(-1)}
.site-cases .specialty-hero .hero-photo {object-position:65% 56%}
.site-cases .specialty-hero .specialty-link.primary {background:#fa803f;color:#221a14;border-color:#fa803f}
.specialty-facts {background:var(--site-soft);border-block:1px solid var(--site-border)}
.specialty-facts ul.procurement-facts-v71 {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:0}
.specialty-facts ul.procurement-facts-v71 li {padding:21px 16px;text-align:center;color:var(--site-ink);font-weight:650;background:transparent;border:0;border-radius:0}
.specialty-facts ul.procurement-facts-v71 li+li {border-inline-start:1px solid var(--site-border)}
.specialty-scenes {padding-block:72px;background:var(--site-bg);color:var(--site-ink)}
.specialty-scenes .container {width:calc(100% - 80px);max-width:1440px;padding:0}
.specialty-scenes h2 {font-size:clamp(28px,3vw,46px);text-transform:none;margin:0 0 24px;color:inherit}
.specialty-scenes .scene-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.site-sap .specialty-scenes .scene-grid {grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr))}
.specialty-scenes .scene-card {background:var(--site-soft);border:1px solid var(--site-border);overflow:hidden}
.site-sap .specialty-scenes .scene-card {border-radius:18px}
.specialty-scenes img {display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.specialty-scenes .scene-copy {padding:20px}
.specialty-scenes h3 {font-size:21px;text-transform:none;margin:0 0 9px;color:inherit}
.specialty-scenes p {font-size:15px;line-height:1.6;margin:0}
.specialty-scenes a {display:inline-flex;margin-block-start:12px;color:var(--site-accent);font-weight:700}
.site-cases .specialty-scenes .scene-card {border-top:3px solid #d05c27}

@media(max-width:991px) {
 .specialty-hero {margin-block-start:70px}
 .specialty-hero .container,.specialty-scenes .container {width:calc(100% - 48px)}
 .specialty-hero .hero-grid {min-height:0}
 .site-cases .specialty-hero .hero-grid {min-height:480px}
 .site-sap .specialty-hero .hero-visual {height:400px}
}
@media(max-width:767px) {
 .specialty-hero .container,.specialty-scenes .container {width:calc(100% - 36px)}
 .specialty-hero .hero-grid,.site-sap .specialty-scenes .scene-grid,.specialty-scenes .scene-grid {grid-template-columns:minmax(0,1fr)}
 .specialty-hero .hero-grid {gap:0}
 .specialty-hero .hero-copy {padding-block:36px 24px}
 .specialty-hero h1 {font-size:clamp(32px,8.8vw,50px);overflow-wrap:anywhere}
 .specialty-hero .hero-copy>p {font-size:15px;margin-bottom:17px}
 .site-sap .specialty-hero .hero-visual {height:clamp(220px,55vw,400px);margin-block:0 20px;border-radius:0 18px 0 18px}
 .site-cases .specialty-hero .hero-grid {min-height:550px;align-items:end;padding-bottom:24px}
 .site-cases .specialty-hero .hero-visual::after {background:linear-gradient(0deg,#171d23 3%,#171d23f5 36%,#171d2390 58%,transparent 86%)}
 .site-cases .specialty-hero .hero-photo {object-position:60% center}
 .specialty-facts ul.procurement-facts-v71 li {padding:13px 5px;font-size:12px;line-height:1.4}
 .specialty-scenes {padding-block:36px}
}