.industry-showcase{--is-red:#e72f36;--is-ink:#101b2a;--is-text:#536174;--is-line:#e1e6eb;background:#fff}
.industry-showcase *{box-sizing:border-box}
.industry-nav{position:sticky;top:76px;z-index:8;border-bottom:1px solid var(--is-line);background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}
.industry-nav__inner{display:flex;gap:34px;align-items:center;min-height:58px;overflow-x:auto;white-space:nowrap}
.industry-nav a{position:relative;color:#6c7786;font-size:14px;text-decoration:none}.industry-nav a:first-child{color:var(--is-ink);font-weight:700}
.industry-nav a:first-child:after{content:"";position:absolute;right:22%;bottom:-19px;left:22%;height:2px;background:var(--is-red)}
.industry-detail{scroll-margin-top:138px;padding:46px 0 52px}.industry-detail:nth-child(even){background:#f7f9fb}
.industry-head{position:relative;display:grid;grid-template-columns:minmax(260px,.78fr) minmax(560px,1.55fr);gap:44px;overflow:hidden;padding:42px;border:1px solid var(--is-line);border-radius:16px 16px 0 0;background:linear-gradient(116deg,#f5f7f9 0 39%,#fff 39% 100%);box-shadow:0 16px 44px rgba(15,31,50,.055)}
.industry-head:before{content:"";position:absolute;inset:0 auto 0 0;width:41%;opacity:.42;background:linear-gradient(145deg,transparent 53%,#dce3e8 54% 56%,transparent 57%),repeating-linear-gradient(90deg,transparent 0 38px,#e4e9ed 39px 40px)}
.industry-intro,.industry-clients{position:relative;z-index:1;min-width:0}.industry-intro{align-self:center;padding-left:22px;border-left:4px solid var(--is-red)}
.industry-kicker{margin:0 0 14px;color:var(--is-red);font-size:13px;font-weight:700;letter-spacing:.16em}.industry-intro h2{margin:0;color:var(--is-ink);font-size:42px;line-height:1.08}.industry-en{display:block;margin:10px 0 20px;color:#6f7a89;font-size:14px;font-weight:600;letter-spacing:.16em}.industry-summary{margin:0;color:var(--is-text);font-size:15px;line-height:1.9}
.industry-clients__title{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:16px}.industry-clients__title h3{margin:0;color:var(--is-ink);font-size:18px}.industry-clients__title span{color:#7d8795;font-size:12px}
.industry-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.industry-logo{position:relative;display:flex;align-items:center;justify-content:center;height:104px;padding:14px 14px 25px;overflow:hidden;border:1px solid #e5e9ed;border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(15,31,50,.03);transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)}.industry-logo:hover{transform:translateY(-2px);border-color:#d9e0e7;box-shadow:0 10px 24px rgba(15,31,50,.075)}.industry-logo img{display:block;width:100%;height:62px;object-fit:contain}.industry-logo span{position:absolute;right:8px;bottom:7px;left:8px;overflow:hidden;color:#7d8795;font-size:11px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.industry-value{display:grid;grid-template-columns:25.5% 51% 23.5%;overflow:hidden;border:1px solid var(--is-line);border-top:2px solid #cf373d;border-radius:0 0 16px 16px;background:linear-gradient(180deg,#fff,#f6f8fa);box-shadow:0 12px 34px rgba(15,31,50,.04)}.industry-value__item{position:relative;padding:25px 28px 28px;min-width:0}.industry-value__item+.industry-value__item:before{content:"";position:absolute;top:25px;bottom:25px;left:0;width:1px;background:#dbe2e9}.industry-value h3{display:flex;gap:10px;margin:0 0 14px;color:#17263b;font-size:16px}.industry-value h3 b{color:#e72f36;font-size:12px;letter-spacing:.12em}.industry-value ul{margin:0;padding:0;list-style:none}.industry-value li{position:relative;margin-top:8px;padding-left:15px;color:#566477;font-size:13px;line-height:1.72;min-width:0;overflow-wrap:anywhere}.industry-value li:before{content:"";position:absolute;top:.72em;left:0;width:4px;height:4px;border-radius:50%;background:#e72f36}.industry-value .industry-capabilities{columns:2;column-gap:28px}.industry-value .industry-capabilities li{margin-top:0;break-inside:avoid;-webkit-column-break-inside:avoid}.industry-metric{color:#183f6d;font-weight:700}.industry-note{display:flex;align-items:center;gap:20px;padding-top:24px;color:#7a8695;font-size:12px}.industry-note:before,.industry-note:after{content:"";height:1px;flex:1;background:var(--is-line)}
@media(max-width:980px){.industry-nav{top:64px}.industry-head{grid-template-columns:1fr;gap:34px;padding:38px}.industry-head:before{width:100%;opacity:.24}.industry-value{grid-template-columns:1fr}.industry-value__item+.industry-value__item:before{top:0;right:28px;bottom:auto;left:28px;width:auto;height:1px}}
@media(max-width:640px){.industry-nav__inner{gap:22px;min-height:52px}.industry-detail{padding:34px 0 38px}.industry-head{padding:28px 18px}.industry-intro h2{font-size:34px}.industry-clients__title{display:block}.industry-clients__title span{display:block;margin-top:6px}.industry-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-logo{height:104px}.industry-value .industry-capabilities{columns:1}.industry-value__item{padding:24px 22px}.industry-logo:last-child:nth-child(odd){grid-column:1/-1}.industry-logo:last-child:nth-child(odd) img{max-width:58%}}

/* 2026-09 logo layout refinement */
.industry-logo { padding: 16px 18px 26px; }
.industry-logo img { max-width: 84%; height: 58px; margin: 0 auto; }
.industry-logo:has(img[src*="cosco"]),
.industry-logo:has(img[src*="imi"]),
.industry-logo:has(img[src*="petronas"]),
.industry-logo:has(img[src*="mcdermott"]) { padding-left: 12px; padding-right: 12px; }
.industry-logo:has(img[src*="cosco"]) img,
.industry-logo:has(img[src*="imi"]) img,
.industry-logo:has(img[src*="petronas"]) img,
.industry-logo:has(img[src*="mcdermott"]) img { max-width: 96%; }
.industry-logo:has(img[src*="hengli"]),
.industry-logo:has(img[src*="hengli-heavy"]) img { max-width: 76%; }
.industry-logo span { letter-spacing: 0; }
@media (max-width: 640px) {
  .industry-logo img { max-width: 88%; height: 56px; }
  .industry-logo:has(img[src*="cosco"]) img,
  .industry-logo:has(img[src*="imi"]) img,
  .industry-logo:has(img[src*="petronas"]) img,
  .industry-logo:has(img[src*="mcdermott"]) img { max-width: 98%; }
}

/* 2026-09 logo sizing correction */
.industry-logo:has(img[src*="hengli"]) img,
.industry-logo:has(img[src*="hengli-heavy"]) img { max-width: 76%; }