/* The manufacturer's configurator views, framed without altering the products. */
.weak-connections{background:#08090a;padding:clamp(90px,11vw,155px) 5.5vw 100px;scroll-margin-top:100px;isolation:isolate}
.connections-heading{max-width:1000px;margin:0 auto 65px;text-align:center}
.connections-heading h2{font-size:var(--section-title-size);line-height:1.12;font-weight:300}
.connections-heading h2 em{display:block;margin-top:6px}
.connections-heading>p:last-child{max-width:650px;margin:28px auto 0;color:#aaa69e;font-size:14px;line-height:1.9}
.connections-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:22px;max-width:1320px;margin:auto}
.connection-card{min-width:0;position:relative;padding-bottom:22px;border-bottom:1px solid #c6ad8529}
.connection-visual{aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin:0 0 18px;overflow:hidden}
.connection-visual img{display:block;width:100%;height:auto;clip-path:var(--plate-outline);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.connection-card:hover .connection-visual img{transform:scale(1.025)}
.connection-kind{font-size:9px;letter-spacing:.16em;line-height:1.5;color:#ad9877;text-transform:uppercase;margin:0 0 10px}
.connection-card h3{font-family:Poppins,Arial,sans-serif;font-size:clamp(14px,1.2vw,18px);font-weight:300;letter-spacing:-.025em;line-height:1.25;margin:0 0 14px;color:#eeeae2}
.connection-description{font-size:11px;line-height:1.75;color:#aaa69e;max-width:200px}
.connections-footer{max-width:1320px;margin:32px auto 0;display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid #c6ad8529;padding-top:28px}
.connections-footer>p{font-size:12px;line-height:1.8;color:#aaa69e;max-width:560px}
.connections-footer .text-link{white-space:nowrap;font-size:12px}
.js .connection-card{opacity:0;transform:translate3d(0,18px,0);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--connection-delay,0ms)}
.js .connection-card.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.connections-grid{grid-template-columns:repeat(7,145px);gap:20px;overflow-x:auto;padding-bottom:18px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#c6ad8555 transparent}.connection-card{scroll-snap-align:start}.connection-card h3{font-size:16px}}
@media(max-width:650px){.weak-connections{padding:70px 6vw}.connections-heading{margin-bottom:35px}.connections-heading>p:last-child{font-size:12px;margin-top:24px}.connections-grid{grid-template-columns:repeat(7,135px);gap:18px}.connection-visual{margin-bottom:16px}.connection-kind{font-size:8px;letter-spacing:.11em}.connection-card h3{font-size:16px;margin-bottom:10px}.connections-footer{margin-top:28px;display:block}.connections-footer>p{font-size:11px}.connections-footer .text-link{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.js .connection-card{opacity:1;transform:none;transition:none}.connection-visual img{transition:none}.connection-card:hover .connection-visual img{transform:none}}
.reduced-motion .connection-card{opacity:1;transform:none;transition:none}
.connections-tech-disclosure{text-align:center;margin:52px auto 0}
.connections-technical[hidden]{display:none!important}
.connections-technical{max-width:1320px;margin:40px auto 0;padding-top:32px;border-top:1px solid #c6ad8530;color:#bdb7ad}
.connections-tech-heading{text-align:center;margin-bottom:28px}
.connections-tech-heading h2{font-size:clamp(25px,2.5vw,34px);font-weight:300;line-height:1.3;color:#eeeae2}
.connections-tech-heading h2 em{display:block;font-size:.85em}
.connections-tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.connection-tech-card{padding:20px 18px;border:1px solid #c6ad8535;border-radius:0;background:linear-gradient(145deg,#c6ad8508,transparent 70%);display:flex;flex-direction:column;min-width:0}
.connection-tech-card h3,.connections-tech-supports h3{font-family:Poppins,Arial,sans-serif;font-size:18px;font-weight:300;line-height:1.3;color:#eeeae2;margin:0 0 14px}
.connection-tech-card>p:not(.connection-kind),.connections-tech-supports p{font-size:11px;line-height:1.75;max-width:480px}
.connections-technical dl{font-size:11px;line-height:1.65;margin:16px 0 20px}
.connections-technical dl>div{padding:6px 0;border-bottom:1px solid #c6ad851a;display:grid;grid-template-columns:1fr;gap:2px}
.connections-technical dt{color:#99968e;font-weight:300}
.connections-technical dd{margin:0;color:#ddd6c9;font-weight:300}
.connection-diagram{display:block;width:100%;height:120px;object-fit:contain;margin-top:auto;filter:invert(1);mix-blend-mode:screen;opacity:.78}
.connection-diagram-rj45{height:135px}
.connections-tech-supports{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;border-top:1px solid #c6ad8530;margin-top:26px;padding-top:24px}
.connections-tech-supports>img{width:100%;max-height:150px;object-fit:contain}
.connections-tech-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:35px;padding-top:25px;border-top:1px solid #c6ad8520}
.connections-tech-bottom .text-link{font-size:12px}
.connections-tech-close{display:inline-flex;gap:18px;align-items:center;justify-content:center;border:1px solid #c6ad8570;border-radius:999px;color:#eeeae2;background:transparent;padding:14px 24px;font:300 12px Poppins,Arial,sans-serif;cursor:pointer;transition:background .3s,border-color .3s}
.connections-tech-close:hover{background:#c6ad8510;border-color:#c6ad85}
.connections-tech-close:focus-visible{outline:2px solid #c6ad85;outline-offset:5px}
@media(max-width:1000px){.connections-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.connections-tech-grid{grid-template-columns:1fr}.connections-technical{margin-top:30px;padding-top:28px}.connection-tech-card{padding:20px}.connections-tech-supports{grid-template-columns:1fr;gap:20px}.connections-tech-supports>img{max-height:140px}.connections-tech-bottom{flex-direction:column;align-items:center;gap:22px}.connection-diagram{height:110px}.connection-diagram-rj45{height:130px}}
