#jd-customers .customers-title{display:flex;justify-content:space-between;gap:50px;align-items:end;padding:48px 0 40px;border-bottom:1px solid var(--rule)}
#jd-customers h1{font-weight:400;font-size:clamp(43px,5.4vw,68px);line-height:1.04;letter-spacing:-3.3px;margin:0}
#jd-customers .customers-title>p{max-width:290px;font-size:13px;line-height:1.85;color:var(--sub);margin:0 0 4px}
#jd-customers .customer-showroom{display:grid;grid-template-columns:34% 66%;gap:0;padding:40px 0 46px;align-items:start;border-bottom:1px solid var(--rule)}
#jd-customers .customer-index{padding:14px 50px 0 0}
#jd-customers .customer-list{display:flex;flex-direction:column}
#jd-customers .customer-list button{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;padding:19px 0;border:0;border-bottom:1px solid var(--rule);background:transparent;font-size:24px;letter-spacing:-.8px;color:#777a72;transition:color .3s,padding .3s}
#jd-customers .customer-list button span:first-child{font-size:9px;letter-spacing:1px}
#jd-customers .customer-list button span:nth-child(2){flex:1}
#jd-customers .customer-list button span:last-child{font-size:20px;opacity:0;transform:translateX(-8px);transition:transform .3s,opacity .3s}
#jd-customers .customer-list button[aria-pressed=true],#jd-customers .customer-list button:hover{color:var(--ink);padding-left:8px}
#jd-customers .customer-list button[aria-pressed=true] span:last-child{opacity:1;transform:none}
#jd-customers .customer-index-note{font-size:11px;line-height:1.7;color:var(--sub);margin:30px 0 0}
#jd-customers .customer-feature{min-width:0}
#jd-customers .customer-art{height:465px;background:#eeeee7;position:relative;overflow:hidden;perspective:1000px;touch-action:pan-y;cursor:grab}
#jd-customers .customer-picture{position:absolute;inset:43px 12%;display:block;padding:0;border:0;background:transparent;transform:rotateY(var(--rx,0deg)) rotateX(var(--ry,0deg));transition:transform .3s ease-out}
#jd-customers .customer-picture img{height:100%;width:100%;object-fit:contain;display:block;user-select:none;pointer-events:none;filter:drop-shadow(0 18px 20px #24281d13)}
#jd-customers .art-corner{position:absolute;left:22px;font-size:9px;letter-spacing:1.6px;color:var(--sub);pointer-events:none}
#jd-customers .corner-top{top:19px}
#jd-customers .corner-bottom{bottom:20px}
#jd-customers .customer-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0 0}
#jd-customers #customer-number{font-size:10px;color:var(--sub);letter-spacing:1px}
#jd-customers h2{font-size:29px;letter-spacing:-1px;font-weight:400;margin:10px 0 0}
#jd-customers .customer-arrows{display:flex;gap:10px}
#jd-customers .customer-contact{padding:42px 0 48px}
#jd-customers .customer-contact>a:not(.text-link){display:block;font-size:48px;line-height:1.08;letter-spacing:-2px;text-decoration:none;max-width:600px}
#jd-customers .customer-contact>a span{display:inline-block;transition:transform .3s}
#jd-customers .customer-contact>a:hover span{transform:translate(8px,-8px)}
#jd-customers .customer-contact>p:not(.eyebrow){font-size:13px;color:var(--sub);line-height:1.8;max-width:400px;margin:22px 0}
#jd-customers dialog{position:relative;border:1px solid var(--rule);padding:44px 24px 20px;background:var(--paper);width:min(850px,92vw);max-height:92vh}
#jd-customers dialog::backdrop{background:#20211fcc;backdrop-filter:blur(6px)}
#jd-customers dialog img{width:100%;height:65vh;object-fit:contain;display:block}
#jd-customers dialog p{font-size:13px;text-align:center}
#jd-customers .customer-close{position:absolute;right:16px;top:10px;border:0;background:transparent;min-height:34px;font-size:12px}
@media(max-width:700px){#jd-customers .customers-title{flex-direction:column;align-items:start;gap:24px;padding:36px 0 30px}#jd-customers h1{font-size:47px;letter-spacing:-2.4px}#jd-customers .customers-title>p{max-width:440px}#jd-customers .customer-showroom{grid-template-columns:1fr;padding:25px 0 30px}#jd-customers .customer-index{padding:0 0 24px}#jd-customers .customer-list{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}#jd-customers .customer-list button{font-size:19px;padding:15px 0;gap:8px}#jd-customers .customer-index-note{display:none}#jd-customers .customer-art{height:360px}#jd-customers .customer-picture{inset:40px 8%}#jd-customers .customer-contact>a:not(.text-link){font-size:39px}}
@media(max-width:380px){#jd-customers h1{font-size:41px}#jd-customers .customer-list button{font-size:17px;letter-spacing:-.5px}#jd-customers .customer-list{gap:0 12px}#jd-customers .customer-art{height:300px}}
@media(prefers-reduced-motion:reduce){#jd-customers *{transition:none!important}}