/* MEA's warm copper route, isolated from the other case styles. */
.mea-road-board{padding:clamp(24px,3.6vw,48px);color:#fff}
.mea-road-board .project-section-head{margin-bottom:24px}
.mea-road-board .project-section-head h2{font-size:clamp(30px,3.8vw,46px);font-weight:750;line-height:1.12;letter-spacing:-.035em;color:#fff}
.mea-road-board>.mea-road-lead{max-width:850px;margin:0 0 32px;font-size:24px;font-weight:500;line-height:1.45;color:#fff}
@media(max-width:850px){.mea-road-board{padding:28px}}
@media(max-width:600px){.mea-road-board{padding:24px 18px}.mea-road-board .project-section-head h2{font-size:30px}.mea-road-board>.mea-road-lead{font-size:20px;font-weight:700;margin-bottom:24px}}
/* Winding production journey, based on the supplied road reference. */
.mea-road-board{background:linear-gradient(125deg,#b66c3c 0%,#8b482b 48%,#532e20 100%);overflow:hidden}
.mea-road-map{position:relative;isolation:isolate}
.mea-road-drawing{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
.mea-road-surface{fill:none;stroke:#ffffff1f;stroke-width:66;stroke-linecap:round;stroke-linejoin:round}
.mea-road-center{fill:none;stroke:#ffe5bfaa;stroke-width:4;stroke-dasharray:11 19;stroke-linecap:round}
.mea-road{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(160px,auto));gap:18px 24px;list-style:none;margin:0;padding:0}
.mea-road-step{display:flex;flex-direction:column;align-items:center;min-width:0}
.mea-road-step:nth-child(1){grid-column:1;grid-row:3}
.mea-road-step:nth-child(2){grid-column:1;grid-row:1}
.mea-road-step:nth-child(3){grid-column:2;grid-row:2}
.mea-road-step:nth-child(4){grid-column:3;grid-row:3}
.mea-road-step:nth-child(5){grid-column:3;grid-row:1}
.mea-road-bubble{position:relative;width:100%;padding:20px;border-radius:24px;background:#874526;color:#fff}
.mea-road-bubble:after{content:'';position:absolute;top:100%;left:calc(50% - 14px);border-top:14px solid #874526;border-left:14px solid transparent;border-right:14px solid transparent}
.mea-road-board .mea-road-bubble h3{margin:0 0 10px;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:#fff}
.mea-road-board .mea-road-bubble p{margin:0;font-size:15px;line-height:1.55;color:#fff}
.mea-road-number{display:grid;place-items:center;flex:none;width:40px;height:40px;margin-top:18px;border-radius:50%;background:#f3d3a4;color:#62351e;font-size:23px;font-weight:800;line-height:1}
@media(max-width:800px){
 .mea-road{grid-template-columns:1fr;grid-template-rows:none;gap:24px}
 .mea-road .mea-road-step{display:grid;grid-template-columns:40px minmax(0,1fr);grid-column:1;grid-row:auto;gap:16px;align-items:start}
 .mea-road-bubble{grid-column:2;grid-row:1;padding:20px}
 .mea-road-number{grid-column:1;grid-row:1;margin:16px 0 0}
 .mea-road-bubble:after{top:24px;left:auto;right:100%;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:12px solid #874526}
 .mea-road-surface{stroke-width:34}
 .mea-road-center{stroke-width:3;stroke-dasharray:8 13}
}
@media(max-width:420px){.mea-road .mea-road-step{grid-template-columns:36px minmax(0,1fr);gap:12px}.mea-road-number{width:36px;height:36px;font-size:21px}.mea-road-bubble{padding:18px 16px}.mea-road-board .mea-road-bubble h3{font-size:19px}}

/* A compact route and its small walking traveler. */
.mea-road-board{width:min(100%,900px);margin-inline:auto}
.mea-road-map{max-width:760px;margin-inline:auto}
.mea-road{gap:14px 20px}
.mea-road-bubble{padding:18px}
.mea-road-walker{position:absolute;top:0;left:0;z-index:3;width:34px;height:54px;pointer-events:none;will-change:transform;opacity:0}
.mea-walker-figure{display:block;width:100%;height:100%;overflow:visible;transform:scaleX(var(--walker-facing,1))}
.mea-walker-leg{transform-box:view-box;transform-origin:18px 34px}
.mea-road-walker.is-walking .mea-walker-leg--front{animation:mea-walker-step .36s ease-in-out infinite alternate}
.mea-road-walker.is-walking .mea-walker-leg--back{animation:mea-walker-step .36s ease-in-out infinite alternate-reverse}
.mea-road-step.is-current .mea-road-bubble{outline:2px solid #ffcf63;outline-offset:2px}
.mea-road-step.is-current .mea-road-number{background:#ffcf63;color:#62351e}
.mea-road-map:focus-visible{outline:2px solid #fff;outline-offset:8px;border-radius:12px}
@keyframes mea-walker-step{from{transform:rotate(-17deg)}to{transform:rotate(17deg)}}
@media(max-width:800px){.mea-road-walker{width:26px;height:44px}.mea-road{gap:24px}.mea-road-bubble{padding:20px}}
@media(max-width:420px){.mea-road-bubble{padding:18px 16px}}
@media(prefers-reduced-motion:reduce){.mea-road-walker{will-change:auto}.mea-road-walker .mea-walker-leg{animation:none!important}}