.iw-editorial .iw-road-section { position:relative; background-color:#71C9EC; background-image:url('../../images/iw-road-blueprint.svg'),linear-gradient(rgba(6,59,90,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(6,59,90,.035) 1px,transparent 1px); background-size:cover,32px 32px,32px 32px; padding:56px 0 100px; color:#082A45; overflow:hidden; }
.iw-editorial .iw-road-section header { max-width:940px; margin:0 auto 20px; text-align:center; }
.iw-editorial .iw-road-section h2 { color:#082A45; }
.iw-editorial .iw-road-section p { color:#082A45; line-height:1.8; }
.iw-editorial .iw-road-section { background-color:var(--color-navy,#003d73); color:white; }
.iw-editorial .iw-road-section h2,.iw-editorial .iw-road-section .iw-road-benefit h3 { color:white; }
.iw-editorial .iw-road-section p { color:#e0edf9; }
.iw-editorial .iw-road-drawing { display:none; width:100%; height:auto; overflow:visible; }
.iw-editorial .road-edge { stroke:#00A7D8; stroke-width:40; fill:none; }
.iw-editorial .road-surface { stroke:#063B5A; stroke-width:32; fill:none; }
.iw-editorial .road-lanes { stroke:white; stroke-width:2; stroke-dasharray:12 12; fill:none; }
.iw-editorial .road-highlight { stroke:#70e5ff; stroke-width:3; stroke-dasharray:.04 .96; fill:none; opacity:.85; }
.iw-editorial .iw-road-pin path { fill:#FFC928; stroke:#b78d09; stroke-width:1; }
.iw-editorial .pin-hole { fill:#063B5A; }
.iw-editorial .road-number { fill:white; stroke:#0B5ED7; stroke-width:2; }
.iw-editorial .iw-road-pin text { font-family:Manrope,sans-serif; font-size:18px; font-weight:600; fill:#082A45; }
.iw-editorial .iw-road-benefits { position:relative; margin:40px 0 0; list-style:none; padding:0 0 0 54px; display:grid; gap:36px; }
.iw-editorial .iw-road-benefits::before { content:''; position:absolute; top:10px; bottom:20px; left:17px; width:10px; background:#063B5A; border-inline:2px solid #00A7D8; }
.iw-editorial .iw-road-benefit { position:relative; padding:0 0 20px; }
.iw-editorial .iw-road-benefit > span { position:absolute; left:-54px; top:0; width:36px; height:36px; display:grid; place-items:center; background:white; border:2px solid #0B5ED7; border-radius:50%; color:#082A45; font-weight:600; font-size:13px; }
.iw-editorial .iw-road-benefit h3 { font-family:Manrope,sans-serif; font-size:23px; line-height:1.4; color:#082A45; margin:0 0 18px; }
.iw-editorial .iw-road-benefit p { font-size:16px; }
.iw-editorial .iw-road-bottom { position:absolute; bottom:-1px; left:0; width:100%; height:70px; fill:white; }
.iw-editorial .iw-road-visible .iw-road-pin { animation:iw-road-pin-in 650ms ease both; animation-delay:var(--pin-delay); }
.iw-editorial .iw-road-visible .road-highlight { animation:iw-road-travel 8s linear 1 both; }
.iw-editorial .iw-road-benefit.iw-road-visible { animation:iw-road-pin-in 600ms ease both; }
@keyframes iw-road-pin-in { from { opacity:.7; translate:0 8px; } to { opacity:1; translate:0 0; } }
@keyframes iw-road-travel { from { stroke-dashoffset:0; } to { stroke-dashoffset:-1; } }
@media(min-width:768px) { .iw-editorial .iw-road-section { padding-top:76px; } .iw-editorial .iw-road-drawing { display:block; } .iw-editorial .iw-road-benefits { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; padding:0; margin-top:25px; } .iw-editorial .iw-road-benefits::before { display:none; } .iw-editorial .iw-road-benefit > span { position:static; margin-bottom:20px; } .iw-editorial .iw-road-benefit h3 { font-size:23px; } }
@media(min-width:1200px) { .iw-editorial .iw-road-section { padding-top:90px; padding-bottom:130px; } .iw-editorial .iw-road-benefits { gap:60px; } .iw-editorial .iw-road-benefit h3 { font-size:26px; } .iw-editorial .iw-road-benefit:nth-child(2) { padding-top:24px; } }
@media(prefers-reduced-motion:reduce) { .iw-editorial .iw-road-section * { animation:none!important; transition:none!important; } }