.section--connection{background:linear-gradient(180deg,var(--paper),var(--limestone))}#connected-change{scroll-margin-top:5rem}
.connected-flow{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--paper);box-shadow:var(--shadow)}
.connected-flow__heading{display:flex;justify-content:space-between;gap:2rem;padding:1rem 1.25rem;color:var(--paper);background:var(--ink);font:500 .68rem var(--mono);letter-spacing:.08em}
.connected-flow__heading strong{color:var(--verified);font-weight:600}
.connected-flow__path{position:relative;display:grid;grid-template-columns:repeat(7,1fr);margin:0;padding:0;list-style:none}
.connected-flow__path::before{position:absolute;top:2.1rem;right:7%;left:7%;height:1px;background:var(--signal);content:""}
.connected-flow__path li{position:relative;z-index:1;min-width:0;padding:1.75rem 1rem 1.5rem;border-right:1px solid var(--line);background:linear-gradient(180deg,transparent 0 2.05rem,var(--paper) 2.05rem)}
.connected-flow__path li:last-child{border-right:0}
.connected-flow__path li>i{display:block;width:.75rem;height:.75rem;border:3px solid var(--paper);border-radius:50%;background:var(--signal);box-shadow:0 0 0 1px var(--signal)}
.connected-flow__path h3{margin:1.35rem 0 0;font:650 .9rem var(--sans)}
.connected-flow__context{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid var(--ink);background:var(--limestone)}
.connected-flow__context div{padding:1.2rem;border-right:1px solid var(--line)}.connected-flow__context div:last-child{border-right:0}
.connected-flow__context dt{color:var(--graphite);font:500 .62rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.connected-flow__context dd{margin:.5rem 0 0;font-size:.78rem;font-weight:650}
.journey-line{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}
.journey-line article{position:relative;padding:2rem 1.35rem;border-right:1px solid var(--line)}.journey-line article:last-child{border-right:0}
.journey-line article::before{position:absolute;top:-.4rem;left:1.35rem;width:.75rem;height:.75rem;border-radius:50%;background:var(--signal);content:""}
.journey-line span{font:600 .7rem var(--mono)}.journey-line h2{margin-top:4rem;font:600 1.45rem var(--sans)}
.section--scenario{max-width:var(--max)}.connected-scenario{overflow:hidden;border:1px solid var(--ink);background:var(--paper);box-shadow:var(--shadow)}
.connected-scenario header{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.55fr);column-gap:clamp(2rem,5vw,5rem);row-gap:1.5rem;align-items:end;padding:clamp(2.25rem,5vw,4.5rem);color:var(--paper);background:var(--ink)}
.connected-scenario header p{grid-column:1/-1;margin:0;color:var(--verified);font:600 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.connected-scenario header h2{max-width:12ch;margin:0;color:var(--paper);font-size:clamp(3.2rem,6.5vw,6.3rem);line-height:.91}.connected-scenario header span{max-width:34ch;color:rgba(252,251,247,.68);font-size:1.05rem;line-height:1.55}
.connected-scenario ol{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;margin:0;padding:1px 0 0;background:var(--line);list-style:none}.connected-scenario li{position:relative;display:flex;grid-column:span 3;min-height:13.5rem;flex-direction:column;padding:1.5rem;background:var(--paper)}.connected-scenario li:nth-child(n+5){grid-column:span 4;background:var(--limestone)}
.connected-scenario li::before{width:2rem;height:2px;margin-bottom:auto;background:var(--signal);content:""}.connected-scenario li>b{position:absolute;top:1.35rem;right:1.5rem;color:var(--graphite);font:500 .62rem var(--mono)}.connected-scenario li span{display:block;margin-top:2rem;color:var(--signal-text);font:600 .62rem var(--mono);letter-spacing:.07em;text-transform:uppercase}.connected-scenario li strong{display:block;margin-top:.55rem;font-size:1rem;line-height:1.35}
.connected-scenario footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;color:var(--paper);background:var(--cobalt);font:500 .65rem var(--mono);letter-spacing:.08em}.connected-scenario footer i{width:8rem;height:1px;background:rgba(252,251,247,.75)}
.adaptation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-dark)}.adaptation-grid article{padding:2rem;background:var(--ink-soft)}
