.industry-map{padding:64px 0 28px;overflow:hidden}
.industry-map h2{font:800 clamp(30px,3.3vw,46px)/1.08 var(--sans,Inter,sans-serif);color:var(--ink,#23262d);letter-spacing:-.045em;margin:0 0 18px;max-width:720px}
.map-intro{font-size:18px;line-height:1.55;color:#5b5f66;max-width:670px;margin:0 0 12px}
.string-map{position:relative;padding:42px 20px 30px}
.industry-threads{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
.thread{fill:none;stroke:#a71c5b;stroke-width:1.35;stroke-linecap:round;opacity:.64}
.thread-faint{stroke:#7e6b67;opacity:.4;stroke-width:1}
.string-map ul{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:42px;row-gap:56px;align-items:center}
.string-map li{position:relative;justify-self:center;box-sizing:border-box;width:100%;max-width:195px;background:#fcfbf8;color:#4a4544;box-shadow:2px 4px 7px #35302a12;font:500 13px/1.45 var(--mono);text-align:center;transform:translateY(var(--shift)) rotate(var(--tilt));text-wrap:balance}
.string-map li:nth-child(3n){background:#eae6df}
.string-map li:nth-child(4n){background:var(--bg,#f5f2ec);box-shadow:none}
.string-map a{display:block;position:relative;padding:20px 14px 15px;color:inherit;text-decoration:none;min-height:70px;box-sizing:border-box}
.thread-pin{position:absolute;top:0;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#b00d68;box-shadow:1px 2px 2px #30222950}
.thread-pin:after{content:"";position:absolute;width:2px;height:2px;top:1px;left:2px;border-radius:50%;background:#f7cfdf}
.string-map li:nth-child(4n) .thread-pin{background:#383a3e}
.map-kind{display:block;font-size:9px;line-height:1.35;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;color:#625e5c}
.string-map .map-workflow{background:#fae9f0;color:#79254e}
.map-workflow .map-kind{color:#79254e}
.string-map .map-related-industry{background:#f0eee7;border:1px dashed #a8a095;box-shadow:2px 4px 7px #35302a0a}
.string-map a:hover,.string-map a:focus-visible{outline:2px solid var(--pk);outline-offset:4px}
.map-arrow{position:absolute;right:5px;bottom:3px;font-size:12px;color:#79254e}
.map-hint{font:11px/1.6 var(--mono);color:#625e5c;margin:18px 0 0;max-width:720px}
@media(min-width:801px){.string-map li:last-child{grid-column:3}}
@media(max-width:1050px){.string-map ul{column-gap:26px}.string-map li{font-size:12px}.string-map a{padding-left:10px;padding-right:10px}}
@media(max-width:800px){.industry-map{padding-top:48px}.string-map ul{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:52px;column-gap:30px}.string-map{padding-left:8px;padding-right:8px}}
@media(max-width:480px){.industry-map{padding-top:40px}.industry-map h2{font-size:32px;max-width:340px}.map-intro{font-size:16px}.string-map{padding-top:38px;padding-bottom:25px}.string-map ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;row-gap:44px}.string-map li{font-size:11px;max-width:150px}.string-map a{padding:18px 10px 14px;min-height:76px}.map-kind{font-size:8px;letter-spacing:.04em}.thread{stroke-width:1;opacity:.48}.map-hint{font-size:10px}}
