.client-detail { padding: 180px 5vw 70px; background: #050505; color: #fff; }
.client-detail__heading { display: grid; gap: 20px; padding-bottom: 50px; }
.client-detail__heading p { color: #e5252a; font: 11px/1 Arial,sans-serif; letter-spacing: .12em; }
.client-detail__heading h1 { margin: 0; font-size: clamp(40px, 6vw, 100px); font-weight: 500; }
.client-detail__heading span { color: #aaa; }
.client-detail__logo { display: grid; place-items: center; min-height: 440px; height: 54vh; background: color-mix(in srgb, var(--client-accent) 8%, white); border-top: 4px solid var(--client-accent); }
.client-detail__logo img { width: min(55%, 320px); max-height: 240px; object-fit: contain; mix-blend-mode: multiply; }
.client-detail__note { margin: 36px 0 0; color: #999; font-size: 14px; line-height: 2; }
@media(max-width:767px) { .client-detail { padding-top: 130px; } .client-detail__logo { min-height: 300px; } }