.clients-main { padding-top: 24px; padding-bottom: 0; }
.clients-main > section { margin-bottom: 96px; }
.clients-main h1, .clients-main h2 { font-size: clamp(28px,3.1vw,44px); line-height: 1.2; margin: 0 0 48px; color: var(--ink); }
.clients-main .client-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.clients-main .value-card { background: var(--navy); color: white; border-radius: 40px; padding: 48px 56px; min-height: 248px; }
.clients-main .value-card h3 { font-size: 24px; line-height: 1.25; margin-bottom: 24px; }
.clients-main .value-card p { font-size: 19px; line-height: 1.5; color: #dfdfdf; margin: 0; max-width: 570px; }
.clients-main .value-card .button { margin-top: 24px; }
.clients-main .image-banner { position: relative; isolation: isolate; overflow: hidden; border-radius: 40px; padding: 56px; color: white; background: var(--navy); }
.clients-main .section-art { position: absolute; inset: 0; z-index: -1; }
.clients-main .section-art img { display: block; width: 100%; height: 100%; object-fit: cover; }
.clients-main .section-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,18,34,.9),rgba(0,18,34,.65) 40%,rgba(0,18,34,.05) 80%); }
.clients-main .image-banner h3 { font-size: 32px; line-height: 1.25; margin-bottom: 24px; max-width: 580px; }
.clients-main .image-banner p { font-size: 19px; line-height: 1.5; max-width: 557px; margin-bottom: 32px; }
.clients-main .image-banner > p:last-of-type { margin-bottom: 0; }
.clients-main .clients-logistics .image-banner { min-height: 544px; }
.clients-main .clients-logistics .image-banner p { max-width: 421px; }
.clients-main .clients-production .image-banner { min-height: 770px; padding-right: 52%; }
.clients-main .clients-production .section-art img { object-position: 70% center; }
.clients-main .clients-production-art { position: absolute; right: 56px; top: 50%; transform: translateY(-50%); width: 34%; }
.clients-main .clients-production-art > img { display: block; width: 416px; max-width: 100%; height: auto; margin: 0 auto 48px; }
.clients-main .certifications { display: flex; justify-content: center; gap: 32px; }
.clients-main .certifications img { width: 106px; height: 106px; object-fit: contain; }
.clients-main .faq-list { scroll-margin-top: 160px; }
.clients-main .faq-list details { background: var(--navy); color: white; border: 0; border-radius: 24px; margin-bottom: 24px; padding: 32px 56px; }
.clients-main .faq-list summary { display: flex; justify-content: space-between; align-items: center; gap: 24px; list-style: none; cursor: pointer; font-size: 28px; line-height: 1.3; }
.clients-main .faq-list summary::-webkit-details-marker { display: none; }
.clients-main .faq-list summary::after { content: '+'; font-size: 32px; flex-shrink: 0; }
.clients-main .faq-list details[open] summary::after { content: '−'; }
.clients-main .faq-list summary:hover { color: #d8eafa; }
.clients-main .faq-list details p { max-width: 760px; margin: 24px 0 0; font-size: 19px; line-height: 1.5; color: #dfdfdf; }
@media(max-width:1100px) {
 .clients-main .value-card, .clients-main .image-banner { padding: 40px 32px; }
 .clients-main .clients-production .image-banner { padding-right: 45%; }
 .clients-main .clients-production-art { right: 32px; width: 32%; }
 .clients-main .image-banner h3 { font-size: 28px; }
}
@media(max-width:700px) {
 .clients-main { padding-top: 8px; }
 .clients-main > section { margin-bottom: 64px; }
 .clients-main h1, .clients-main h2 { font-size: 28px; margin-bottom: 32px; }
 .clients-main .client-cards { grid-template-columns: 1fr; }
 .clients-main .value-card { padding: 32px 24px; border-radius: 24px; min-height: 0; }
 .clients-main .value-card h3 { font-size: 22px; }
 .clients-main .value-card p, .clients-main .image-banner p, .clients-main .faq-list details p { font-size: 16px; }
 .clients-main .image-banner, .clients-main .clients-production .image-banner { padding: 32px 24px; min-height: 0; border-radius: 24px; }
 .clients-main .clients-logistics .image-banner { min-height: 0; }
 .clients-main .section-art::after { background: rgba(0,18,34,.78); }
 .clients-main .image-banner h3 { font-size: 24px; margin-bottom: 16px; }
 .clients-main .clients-production-art { position: static; transform: none; width: 100%; margin-top: 40px; }
 .clients-main .clients-production-art > img { width: 280px; margin-bottom: 32px; }
 .clients-main .certifications img { width: 80px; height: 80px; }
 .clients-main .faq-list details { padding: 24px; }
 .clients-main .faq-list summary { font-size: 20px; gap: 12px; }
}

/* Match the supplied layout: tapered logistics, compact production marks. */
.clients-main .value-card { padding: 56px; border-radius: 24px; min-height: 248px; }
.clients-main .clients-logistics .image-banner { overflow: visible; background: transparent; border-radius: 0; padding: 72px 56px; }
.clients-main .clients-logistics-art { position: absolute; inset: 0; z-index: -1; overflow: hidden; border-radius: 40px; transform: skewY(2.7deg); transform-origin: left center; }
.clients-main .clients-logistics-window { position: absolute; inset: 0; overflow: hidden; border-radius: 40px; transform: skewY(-5.4deg); transform-origin: left center; }
.clients-main .clients-logistics-window::before { content: ''; position: absolute; inset: 0; transform: skewY(2.7deg); transform-origin: left center; background: linear-gradient(90deg,#073057 0%,#073057 35%,#07305700 70%),var(--logistics-image) right center / cover no-repeat; }
.clients-main .clients-logistics .image-banner p { margin-bottom: 64px; }
.clients-main .clients-logistics .image-banner > p:last-of-type { margin-bottom: 0; }
.clients-main .clients-production-art { top: auto; bottom: 56px; right: 56px; transform: none; display: flex; align-items: center; justify-content: flex-end; gap: 32px; width: 44%; }
.clients-main .clients-production-art > img { width: 180px; max-width: 40%; height: auto; margin: 0; }
.clients-main .clients-production .section-art::after { background: linear-gradient(90deg,#00122280,transparent 75%); }
.clients-main .faq-list details { padding: 32px 56px; margin-bottom: 32px; }
.clients-main .faq-list details[open] { padding-bottom: 56px; }
.clients-main .faq-list details p { max-width: 557px; }
.clients-main .faq-list details[open] summary::after { content: '×'; }
@media(max-width:1100px) {
 .clients-main .value-card { padding: 40px 32px; }
 .clients-main .clients-production-art { right: 32px; bottom: 40px; gap: 16px; }
 .clients-main .certifications { gap: 16px; }
 .clients-main .certifications img { width: 80px; height: 80px; }
}
@media(max-width:700px) {
 .clients-main .value-card { padding: 32px 24px; min-height: 0; }
 .clients-main .clients-logistics .image-banner { padding: 40px 24px; }
 .clients-main .clients-logistics-window::before { background: linear-gradient(90deg,#073057f5,#073057c9),var(--logistics-image) center / cover no-repeat; }
 .clients-main .clients-logistics-art,.clients-main .clients-logistics-window { border-radius: 24px; }
 .clients-main .clients-logistics .image-banner p { margin-bottom: 32px; }
 .clients-main .clients-production-art { position: static; width: 100%; flex-wrap: wrap; justify-content: center; margin-top: 40px; }
 .clients-main .clients-production-art > img { width: 120px; }
 .clients-main .certifications img { width: 64px; height: 64px; }
 .clients-main .faq-list details,.clients-main .faq-list details[open] { padding: 24px; margin-bottom: 24px; }
}