/* Approved gallery B: static, shared across the five CRM industries in DE/EN. */
.crm-related{padding-block:76px 72px}
.crm-related-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:34px}
.crm-related-intro h2{font-size:clamp(34px,3.6vw,52px);font-weight:300;line-height:1.14;max-width:25ch}
.crm-related-intro>p{max-width:44ch;min-width:0;color:var(--muted);margin:0}
.crm-related-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.crm-related-link{display:block;min-width:0;text-decoration:none}
.crm-related-art{height:245px;overflow:hidden;background:#0c1010;border-radius:12px}
.crm-related-art img{width:100%;height:100%;object-fit:contain;transition:transform 550ms var(--ease)}
.crm-related-link:hover img{transform:scale(1.055)}
.crm-related-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-top:21px;font-size:21px;line-height:1.25;font-weight:400;letter-spacing:0;text-wrap:wrap;min-height:77px}
.crm-related-title>span{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.crm-related-title svg{width:19px;height:19px;margin-top:3px}
.crm-related-link>p{font-size:15px;line-height:1.65;color:var(--muted);margin:9px 0 0}
.crm-related-pillar{margin-top:42px;background:var(--surface);padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:12px}
.crm-related-pillar h3{font-size:25px;line-height:1.25;font-weight:400;letter-spacing:-.025em}
.crm-related-pillar p{font-size:16px;color:var(--muted);margin:6px 0 0}
.crm-related-pillar-link{display:flex;align-items:center;gap:24px;text-decoration:none;font-size:17px;font-weight:500;white-space:nowrap;padding-block:12px;min-height:48px}
.crm-related-pillar-link svg{transition:transform 240ms var(--ease)}
.crm-related-pillar-link:hover svg{transform:translateX(5px)}
.crm-related-close{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:50px;padding-top:24px;border-top:1px solid var(--line);font-size:16px}
.crm-related-close>p{max-width:63ch;color:var(--muted);margin:0}
.crm-related-close>a{display:inline-flex;align-items:center;gap:14px;min-height:44px}
@media(max-width:1100px){
  .crm-related-intro{gap:35px}
  .crm-related-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
  .crm-related-art{height:260px}
  .crm-related-title{min-height:auto}
  .crm-related-pillar{align-items:flex-start;flex-direction:column;gap:12px}
  .crm-related-close{align-items:flex-start}
}
@media(max-width:700px){
  .crm-related{padding-block:48px 50px}
  .crm-related-intro{display:block}
  .crm-related-intro>p{margin-top:20px;font-size:17px}
  .crm-related-gallery{gap:28px 16px}
  .crm-related-art{height:175px}
  .crm-related-title{font-size:18px;padding-top:16px}
  .crm-related-title svg{width:17px}
  .crm-related-link>p{font-size:14px;line-height:1.55}
  .crm-related-pillar{padding:23px}
  .crm-related-pillar h3{font-size:24px}
  .crm-related-pillar p{font-size:15px}
  .crm-related-pillar-link{white-space:normal}
  .crm-related-close{display:block;margin-top:36px}
  .crm-related-close>a{margin-top:14px}
}
@media(max-width:360px){
  .crm-related-gallery{grid-template-columns:1fr}
  .crm-related-art{height:225px}
}
@media(prefers-reduced-motion:reduce){
  .crm-related-art img,.crm-related-pillar-link svg{transition:none}
  .crm-related-link:hover img,.crm-related-pillar-link:hover svg{transform:none}
}