/* CONMAS capability pages — editorial B2B layout */
.cm-capability-page{--cap-ink:#17211d;--cap-muted:#5f6a64;--cap-line:#d9ddd9;--cap-paper:#f3f0e9;--cap-soft:#f8f7f3;background:#fff;color:var(--cap-ink)}
.cm-capability-page h1,.cm-capability-page h2,.cm-capability-page h3{color:var(--cap-ink)}
.cm-cap-hero{padding:72px 0 76px;background:var(--cap-paper);overflow:hidden}
.cm-cap-hero__grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:70px;align-items:center}
.cm-cap-breadcrumb{display:flex;gap:9px;margin:0 0 58px;color:#8b938f;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.cm-cap-breadcrumb a{color:#43504a}
.cm-cap-hero__copy h1{max-width:720px;margin:0;font-size:clamp(52px,5.7vw,82px);font-weight:520;letter-spacing:-.062em;line-height:.94}
.cm-cap-lead{max-width:610px;margin:30px 0 0;color:#56625c;font-size:18px;line-height:1.72}
.cm-cap-actions{display:flex;align-items:center;gap:26px;margin-top:38px}
.cm-cap-arrow-link{display:inline-flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #9ca59f;font-size:13px;font-weight:750}
.cm-cap-arrow-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.cm-cap-arrow-link:hover svg{transform:translateX(4px)}
.cm-cap-hero__visual{position:relative;min-width:0;aspect-ratio:1.24/1;margin:0;overflow:hidden;background:#ddd9d0}
.cm-cap-hero__visual:after{position:absolute;inset:0;content:"";box-shadow:inset 0 0 0 1px rgba(22,31,27,.08);pointer-events:none}
.cm-cap-hero__visual img{width:100%;height:100%;object-fit:cover}
.cm-cap-hero__visual figcaption,.cm-cap-proof__visual figcaption{position:absolute;right:16px;bottom:15px;padding:9px 12px;background:rgba(16,23,19,.88);color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}
.cm-capability-page--quality-management .cm-cap-hero__visual img{object-position:center 46%}
.cm-capability-page--supply-chain-management .cm-cap-hero__visual{aspect-ratio:1.72/1}
.cm-capability-page--supply-chain-management .cm-cap-hero__visual img{object-position:center}
.cm-capability-page--personalized-customization .cm-cap-hero__visual img{object-position:center 45%}
.cm-cap-nav{background:#fff;border-bottom:1px solid var(--cap-line)}
.cm-cap-nav__inner{display:flex;align-items:stretch;gap:42px;overflow-x:auto;scrollbar-width:none}
.cm-cap-nav__inner::-webkit-scrollbar{display:none}
.cm-cap-nav a{position:relative;display:flex;align-items:center;min-height:68px;white-space:nowrap;color:#78817c;font-size:12px;font-weight:750;letter-spacing:.04em}
.cm-cap-nav a:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#b85d3c;content:"";opacity:0;transform:scaleX(.45);transition:opacity .2s ease,transform .2s ease}
.cm-cap-nav a[aria-current="page"]{color:var(--cap-ink)}
.cm-cap-nav a[aria-current="page"]:after{opacity:1;transform:scaleX(1)}
.cm-cap-services{padding:112px 0 116px;background:#fff}
.cm-cap-section-head{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(300px,.62fr);gap:100px;align-items:end;margin-bottom:56px}
.cm-cap-section-head h2,.cm-cap-process__head h2,.cm-cap-proof__copy h2,.cm-cap-closing h2{margin:0;font-size:clamp(40px,4.7vw,65px);font-weight:520;letter-spacing:-.052em;line-height:1.01}
.cm-cap-section-head>p{margin:0 0 4px;color:var(--cap-muted);font-size:16px;line-height:1.75}
.cm-cap-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--cap-line);border-bottom:1px solid var(--cap-line)}
.cm-cap-service-grid article{display:flex;min-height:315px;flex-direction:column;justify-content:space-between;padding:26px 34px 34px;border-right:1px solid var(--cap-line)}
.cm-cap-service-grid article:first-child{padding-left:0}
.cm-cap-service-grid article:last-child{padding-right:0;border-right:0}
.cm-cap-service-grid article>span{color:#b45a3a;font-size:11px;font-weight:800;letter-spacing:.13em}
.cm-cap-service-grid h3{margin:0 0 15px;font-size:22px;font-weight:680;letter-spacing:-.025em}
.cm-cap-service-grid p{max-width:330px;margin:0;color:#68736d;font-size:14px;line-height:1.7}
.cm-cap-proof{padding:112px 0;background:var(--cap-ink);color:#fff}
.cm-cap-proof__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:90px;align-items:center}
.cm-cap-proof__visual{position:relative;aspect-ratio:1.16/1;margin:0;overflow:hidden;background:#29332e}
.cm-cap-proof__visual img{width:100%;height:100%;object-fit:cover}
.cm-capability-page--product-design .cm-cap-proof__visual img{object-position:center 48%}
.cm-capability-page--quality-management .cm-cap-proof__visual img{object-fit:contain;background:#f1f1ef}
.cm-capability-page--supply-chain-management .cm-cap-proof__visual img{object-position:center 56%}
.cm-cap-proof .cm-kicker{color:#dc8d70}
.cm-cap-proof__copy h2{max-width:620px;color:#fff}
.cm-cap-proof__copy>p:not(.cm-kicker){max-width:590px;margin:28px 0 0;color:#b8c3bd;font-size:16px;line-height:1.78}
.cm-cap-proof__copy ul{margin:38px 0 0;padding:0;border-top:1px solid #46514b;list-style:none}
.cm-cap-proof__copy li{position:relative;padding:15px 0 15px 28px;border-bottom:1px solid #46514b;color:#e2e7e4;font-size:13px;line-height:1.55}
.cm-cap-proof__copy li:before{position:absolute;top:20px;left:1px;width:7px;height:7px;border:1px solid #db8869;border-radius:50%;content:""}
.cm-cap-process{padding:112px 0 120px;background:var(--cap-soft)}
.cm-cap-process__head{display:grid;grid-template-columns:.45fr 1.3fr;gap:90px;align-items:start;margin-bottom:62px}
.cm-cap-process__head .cm-kicker{padding-top:10px}
.cm-cap-process__head h2{max-width:820px}
.cm-cap-process__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;border-top:1px solid #cfd4d0;list-style:none}
.cm-cap-process__grid li{position:relative;min-height:260px;padding:28px 28px 0 0}
.cm-cap-process__grid li:not(:last-child){margin-right:28px;border-right:1px solid #cfd4d0}
.cm-cap-process__grid span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid #b6beb9;border-radius:50%;color:#9f5238;font-size:10px;font-weight:800;letter-spacing:.08em}
.cm-cap-process__grid h3{margin:64px 0 12px;font-size:20px;letter-spacing:-.02em}
.cm-cap-process__grid p{max-width:250px;margin:0;color:#69736e;font-size:13px;line-height:1.65}
.cm-cap-cases{padding:112px 0 120px;background:#fff}
.cm-cap-section-head--cases{margin-bottom:48px}
.cm-cap-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.cm-cap-case{display:grid;grid-template-columns:1.02fr .98fr;min-height:370px;background:#f3f1eb}
.cm-cap-case figure{min-width:0;margin:0;overflow:hidden;background:#e8e6e0}
.cm-cap-case img{width:100%;height:100%;object-fit:cover}
.cm-cap-case>div{display:flex;flex-direction:column;justify-content:flex-end;padding:34px}
.cm-cap-case span{margin-bottom:auto;color:#a75539;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.cm-cap-case h3{margin:70px 0 13px;font-size:24px;line-height:1.08;letter-spacing:-.035em}
.cm-cap-case p{margin:0;color:#65706a;font-size:13px;line-height:1.7}
.cm-cap-closing{padding:88px 0 92px;background:#b45939;color:#fff}
.cm-cap-closing__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:110px;align-items:end}
.cm-cap-closing .cm-kicker{color:#fff;opacity:.72}
.cm-cap-closing h2{max-width:720px;color:#fff}
.cm-cap-closing__inner>div:last-child>p{max-width:540px;margin:0 0 28px;color:#f6dfd5;font-size:15px;line-height:1.75}
.cm-cap-closing__button{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:390px;padding:17px 19px;background:#fff;color:var(--cap-ink);font-size:13px;font-weight:800}
.cm-cap-closing__button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:1000px){
  .cm-cap-hero__grid{grid-template-columns:1fr;gap:48px}.cm-cap-breadcrumb{margin-bottom:38px}.cm-cap-hero__copy{max-width:780px}.cm-cap-hero__visual,.cm-capability-page--supply-chain-management .cm-cap-hero__visual{aspect-ratio:16/9}
  .cm-cap-section-head{grid-template-columns:1fr;gap:28px}.cm-cap-section-head>p{max-width:680px}
  .cm-cap-proof__grid{gap:48px}.cm-cap-process__head{grid-template-columns:1fr;gap:20px}
  .cm-cap-process__grid{grid-template-columns:1fr 1fr}.cm-cap-process__grid li{min-height:235px}.cm-cap-process__grid li:nth-child(2){margin-right:0;border-right:0}.cm-cap-process__grid li:nth-child(n+3){border-top:1px solid #cfd4d0}
  .cm-cap-case{grid-template-columns:1fr}.cm-cap-case figure{aspect-ratio:16/10}.cm-cap-case>div{min-height:250px}
}
@media(max-width:760px){
  .cm-cap-hero{padding:52px 0 0}.cm-cap-hero__grid{gap:42px}.cm-cap-breadcrumb{margin-bottom:34px}.cm-cap-hero__copy h1{font-size:49px;line-height:.98}.cm-cap-lead{font-size:16px;line-height:1.68}.cm-cap-actions{align-items:flex-start;flex-direction:column;gap:15px;margin-top:30px}
  .cm-cap-hero__visual,.cm-capability-page--supply-chain-management .cm-cap-hero__visual{width:auto;margin-right:-15px;margin-left:-15px;aspect-ratio:1.2/1}.cm-capability-page--supply-chain-management .cm-cap-hero__visual{aspect-ratio:1.45/1}.cm-cap-hero__visual figcaption{right:10px;bottom:10px}
  .cm-cap-nav__inner{gap:28px}.cm-cap-nav a{min-height:60px}
  .cm-cap-services,.cm-cap-process,.cm-cap-cases{padding:72px 0 76px}.cm-cap-section-head{margin-bottom:38px}.cm-cap-section-head h2,.cm-cap-process__head h2,.cm-cap-proof__copy h2,.cm-cap-closing h2{font-size:40px;line-height:1.03}.cm-cap-section-head>p{font-size:15px}
  .cm-cap-service-grid{grid-template-columns:1fr}.cm-cap-service-grid article,.cm-cap-service-grid article:first-child,.cm-cap-service-grid article:last-child{min-height:0;padding:23px 0 25px;border-right:0;border-bottom:1px solid var(--cap-line)}.cm-cap-service-grid article:last-child{border-bottom:0}.cm-cap-service-grid article>span{margin-bottom:37px}.cm-cap-service-grid p{max-width:570px}
  .cm-cap-proof{padding:72px 0}.cm-cap-proof__grid{grid-template-columns:1fr;gap:42px}.cm-cap-proof__visual{margin-right:-15px;margin-left:-15px;aspect-ratio:1/1}.cm-cap-proof__copy>p:not(.cm-kicker){font-size:15px}.cm-cap-proof__copy ul{margin-top:30px}
  .cm-cap-process__head{margin-bottom:42px}.cm-cap-process__grid{grid-template-columns:1fr}.cm-cap-process__grid li,.cm-cap-process__grid li:not(:last-child),.cm-cap-process__grid li:nth-child(n+3){display:grid;grid-template-columns:44px 1fr;column-gap:18px;min-height:0;margin:0;padding:22px 0;border-top:0;border-right:0;border-bottom:1px solid #cfd4d0}.cm-cap-process__grid li:last-child{border-bottom:0}.cm-cap-process__grid span{grid-row:1/3}.cm-cap-process__grid h3{margin:2px 0 8px}.cm-cap-process__grid p{max-width:520px}
  .cm-cap-section-head--cases{margin-bottom:36px}.cm-cap-case-grid{grid-template-columns:1fr;gap:16px}.cm-cap-case{grid-template-columns:1fr;min-height:0}.cm-cap-case figure{aspect-ratio:1.22/1}.cm-cap-case>div{min-height:230px;padding:25px}.cm-cap-case h3{margin-top:50px;font-size:22px}
  .cm-cap-closing{padding:68px 0}.cm-cap-closing__inner{grid-template-columns:1fr;gap:34px}.cm-cap-closing__inner>div:last-child>p{font-size:14px}
}
@media(max-width:420px){
  .cm-cap-hero__copy h1{font-size:44px}.cm-cap-hero__visual figcaption,.cm-cap-proof__visual figcaption{max-width:calc(100% - 20px);font-size:9px}.cm-cap-section-head h2,.cm-cap-process__head h2,.cm-cap-proof__copy h2,.cm-cap-closing h2{font-size:37px}.cm-cap-closing__button{max-width:none}
}