/* Full-width editorial interlude between the two case studies. */
.solution-bridge{position:relative;isolation:isolate;margin-block:20px 70px;padding-block:90px;background:var(--mint)}
.solution-bridge::before{content:"";position:absolute;inset:-18px 0;background:var(--mint);clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);z-index:-1}
.solution-bridge::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 40% 100% at 0 100%,#000,transparent),radial-gradient(ellipse 20% 100% at 100% 0,#000,transparent)}
.bridge-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}
.bridge-layout h2{font-size:clamp(34px,3.7vw,51px);line-height:1.18;max-width:590px}
.bridge-layout h2 span{color:var(--blue)}
.bridge-copy>p{color:var(--ink);font-size:18px;max-width:510px}
.bridge-copy .button{margin-top:28px}
.bridge-copy>p.bridge-note{font-size:13px;color:var(--muted);margin-top:20px;max-width:420px}
.solution-bridge{padding-block:58px;margin-bottom:40px}
@media(max-width:900px){.bridge-layout{gap:35px}.solution-bridge{padding-block:48px}}
@media(max-width:750px){.solution-bridge{margin-block:10px 35px;padding-block:45px}.bridge-layout{grid-template-columns:1fr;gap:24px}.bridge-layout h2{font-size:33px}.bridge-copy>p{font-size:16px}.bridge-copy .button{margin-top:24px}.solution-bridge::after{background-size:40px 40px}}
