/* ==========================================================================
   Filkov Consulting — roadmap homepage
   Layered on top of site.e33d6e4c.css. Nothing here overrides shared
   components; every selector is scoped to the roadmap experience.

   Scroll architecture: ordinary document scrolling. There is no sticky
   stage, no pinned scene and no scroll-jacking — the whole roadmap moves
   with the page. The only scroll-driven values are the length of the lit
   road and which checkpoint is marked active.
   ========================================================================== */

.roadmap-journey{
  --road-dim:rgba(232,146,106,.30);
  --road-lit:var(--accent);
  --road-hot:#FFC79E;
  --card-w:clamp(162px,14.2vw,218px);
  --mini-card-w:clamp(172px,14.8vw,238px);
  --mini-gap:clamp(28px,2.8vw,44px);
  --road-gutter:clamp(120px,13vw,224px);
  --content-w:min(560px,40vw);
  --plate-drop:76px;
  position:relative;
  /* the nav pill is sticky and sits in flow above us; slide under it so the
     hero is genuinely full-viewport, and let the nav float on top */
  margin-top:calc(-1 * (var(--navh) + 18px));
}

/* ==========================================================================
   The road — one continuous SVG spanning the whole journey
   ========================================================================== */
.roadmap-road{
  position:absolute;inset:0;width:100%;height:100%;
  z-index:1;pointer-events:none;overflow:visible;
}
.road-base{
  fill:none;stroke:var(--road-dim);stroke-width:2.2;stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}
.road-lit{
  fill:none;stroke:var(--road-lit);stroke-width:2.4;stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}
.road-halo{
  fill:none;stroke:rgba(232,146,106,.34);stroke-width:9;stroke-linecap:round;
  vector-effect:non-scaling-stroke;filter:blur(7px);
}
.road-head{fill:var(--road-hot);opacity:.9}
.road-head-halo{fill:rgba(255,199,158,.30);filter:blur(5px)}

/* ==========================================================================
   Overview — the first screen. All seven checkpoints, understood at a glance,
   then it scrolls away like any other block.
   No z-index here on purpose: it must NOT create a stacking context, so the
   road (z-index 1) paints above the terrain and below the content.
   ========================================================================== */
.roadmap-overview{
  position:relative;
  min-height:100vh;height:100vh;
  display:flex;align-items:center;justify-content:center;
  padding:104px 0 98px;      /* bottom keeps the map clear of "scroll to explore" */
  overflow:hidden;
}

.ridge{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.ridge-glow{
  position:absolute;left:50%;bottom:-6%;width:140%;height:78%;transform:translateX(-50%);
  background:radial-gradient(ellipse at 50% 100%,rgba(232,146,106,.16),rgba(232,146,106,.05) 42%,transparent 70%);
}
.ridge-photo{
  position:absolute;left:0;right:0;top:-4%;height:112%;
  background:#08080a url("landscape.jpg") center top / cover no-repeat;
}
.ridge-haze{
  position:absolute;left:0;right:0;bottom:0;height:30%;
  background:linear-gradient(180deg,transparent,rgba(8,8,10,.42) 55%,rgba(8,8,10,.88));
}
.ridge-vignette{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(8,8,10,.80) 0%,rgba(8,8,10,.18) 24%,transparent 46%),
    radial-gradient(ellipse at 50% 50%,transparent 44%,rgba(8,8,10,.40) 90%);
}

.overview-grid{
  position:relative;z-index:2;
  width:min(1560px,calc(100% - 48px));
  display:grid;grid-template-columns:minmax(300px,1fr) auto minmax(0,1fr);
  align-items:center;gap:24px;
}

/* ---------- the map itself ---------- */
.roadmap-map{
  position:relative;
  width:min(100%,620px);height:620px;margin-top:10px;
  transform:scale(var(--map-scale,1));transform-origin:center top;
  /* transform is visual only, so give the layout back the height the scale
     removed — otherwise the column overflows and rides up under the nav */
  margin-bottom:calc((var(--map-scale,1) - 1) * 620px);
}
.mini-stop{position:absolute;width:var(--mini-card-w)}
.mini-stop[data-side="left"]{right:calc(50% + var(--mini-gap))}
.mini-stop[data-side="right"]{left:calc(50% + var(--mini-gap))}

.mini-card{
  display:flex;align-items:center;gap:14px;width:100%;
  border:1px solid rgba(232,146,106,.26);border-radius:14px;
  padding:14px 16px;
  background:rgba(10,9,10,.62);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  color:#cfc5c2;opacity:.66;transform:translateY(-50%);
  transition:.35s opacity,.35s border-color,.35s box-shadow,.35s background;
}
.mini-card:hover,.mini-card:focus-visible{
  opacity:1;border-color:var(--accent);color:#fff;background:rgba(18,13,12,.82);
  box-shadow:0 0 30px rgba(232,146,106,.28);outline:none;
}
.mini-card .stop-icon{width:30px;height:30px;flex:none;display:grid;place-items:center}
.mini-card .stop-icon svg{
  width:26px;height:26px;fill:none;stroke:var(--accent);stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;opacity:.72;transition:.35s opacity;
}
.mini-card:hover .stop-icon svg{opacity:1}
.mini-card .stop-name{
  flex:1;font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(13px,1vw,15px);
  line-height:1.25;letter-spacing:-.02em;
}
.mini-card .stop-chevron{
  flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;opacity:.5;
}
.mini-node{
  position:absolute;top:0;z-index:3;
  width:44px;height:44px;margin-top:-22px;
  border-radius:50%;border:1px solid rgba(232,146,106,.42);
  background:radial-gradient(circle at 50% 35%,#1b1415,#0a090a 70%);
  display:grid;place-items:center;
  font-family:"Inter Tight",Inter,sans-serif;font-size:14px;letter-spacing:.02em;color:#b9a9a2;
}
.mini-stop[data-side="left"] .mini-node{left:calc(100% + var(--mini-gap));margin-left:-22px}
.mini-stop[data-side="right"] .mini-node{right:calc(100% + var(--mini-gap));margin-right:-22px}

.stage-intro{max-width:420px}
.stage-intro .eyebrow{color:var(--accent);letter-spacing:.28em;margin-bottom:18px}
.stage-intro h1{
  font-size:clamp(38px,3.5vw,56px);line-height:1.04;letter-spacing:-.045em;text-wrap:balance;
}
.stage-intro h1 span{display:block;color:var(--accent)}
.stage-intro .intro-sub{
  margin-top:22px;color:#9a9294;font-size:13px;letter-spacing:.2em;text-transform:uppercase;line-height:2;
  white-space:pre-line;
}

.road-col{
  position:relative;display:flex;flex-direction:column;align-items:center;
  /* pushes only the road column down, so the plate clears the nav pill
     while the headline stays exactly where it was */
  margin-top:var(--plate-drop);
}

.road-plate{
  position:relative;z-index:3;
  display:flex;align-items:center;gap:16px;
  border:1px solid rgba(232,146,106,.42);border-radius:18px;
  padding:16px 30px;
  background:rgba(10,9,10,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:0 0 34px rgba(232,146,106,.20),inset 0 0 22px rgba(232,146,106,.06);
}
.road-plate .plate-mark{
  width:38px;height:38px;flex:none;border-radius:11px;
  background:linear-gradient(135deg,var(--accent-light),var(--accent));
  color:#231208;display:grid;place-items:center;font-weight:700;font-size:20px;
  font-family:"Inter Tight",Inter,sans-serif;
}
.road-plate .plate-name{
  font-family:"Inter Tight",Inter,sans-serif;font-size:22px;line-height:1.15;letter-spacing:-.035em;
}
.road-plate .plate-tag{
  display:block;margin-top:4px;font-family:Inter,sans-serif;font-size:10px;font-weight:400;
  letter-spacing:.26em;text-transform:uppercase;color:#9e9496;
}

.stage-corner{
  position:absolute;bottom:34px;z-index:2;
  color:#6f696c;font-size:11px;letter-spacing:.26em;text-transform:uppercase;line-height:2;
  white-space:pre-line;
}
.stage-corner:before{
  content:"";display:block;width:26px;height:1px;background:var(--accent);opacity:.8;margin-bottom:14px;
}
.stage-corner.left{left:clamp(24px,4.5vw,72px)}
.stage-corner.right{right:clamp(24px,4.5vw,72px);text-align:right}
.stage-corner.right:before{margin-left:auto}

.scroll-hint{
  position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  color:#6f696c;font-size:11px;letter-spacing:.26em;text-transform:uppercase;
  transition:.4s opacity;
}
.scroll-hint svg{width:16px;height:24px;fill:none;stroke:rgba(232,146,106,.7);stroke-width:1.4}
.scroll-hint .chev{width:14px;height:10px;stroke:rgba(232,146,106,.7)}
.roadmap-journey.is-moving .scroll-hint{opacity:0}

/* No CSS scroll snapping anywhere in the roadmap. The single controller in
   roadmap.js owns every transition; mandatory snapping fights its programmed
   smooth scrolls and aborts them part-way, which is exactly the
   parked-between-checkpoints bug the controller exists to prevent. These are
   explicit so nothing inherited or added later can switch snapping back on. */
.roadmap-journey{scroll-snap-type:none !important}
.roadmap-stop{scroll-snap-align:none !important;scroll-snap-stop:normal !important}

/* Where the browser parks a checkpoint when one of the overview-map anchors
   is followed. Purely a scroll-position offset — it changes no layout, no
   spacing and nothing that is ever painted. Without it a native anchor jump
   puts the section's TOP at the top of the screen, which leaves its middle
   above the active band and lights the NEXT checkpoint instead of the one
   that was clicked. */
.roadmap-stop{scroll-margin-top:25vh}

/* ==========================================================================
   Checkpoints — each one is its own full-height chapter, in normal flow
   ========================================================================== */
.roadmap-stop{
  position:relative;
  min-height:75vh;
  display:flex;align-items:center;
  padding:80px 0;
  overflow:hidden;          /* contains the terrain + glow, never the road
                               (the road is a sibling, not a child) */
}

/* the terrain carries on down the page, shifted at every checkpoint */
.roadmap-stop:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url("landscape.jpg") center 30% / cover no-repeat;
  opacity:.42;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);
}
.roadmap-stop:nth-of-type(even):before{background-position:center 52%;transform:scaleX(-1)}
.roadmap-stop:nth-of-type(3n):before{background-position:center 68%}
.roadmap-stop:nth-of-type(4n):before{background-position:center 40%}
.roadmap-stop:after{
  content:"";position:absolute;left:0;right:0;top:50%;height:70%;z-index:0;
  transform:translateY(-50%);pointer-events:none;opacity:0;
  background:radial-gradient(ellipse at 50% 50%,rgba(232,146,106,.10),transparent 62%);
  transition:.6s opacity;
}
.roadmap-stop.active:after{opacity:1}

.stop-inner{
  position:relative;z-index:2;
  width:min(1560px,calc(100% - 48px));margin:0 auto;
  display:grid;grid-template-columns:minmax(0,1fr) var(--road-gutter) minmax(0,1fr);
  align-items:center;
}

/* ---------- the checkpoint card ---------- */
.checkpoint-card{
  display:flex;align-items:center;gap:14px;width:var(--card-w);
  border:1px solid rgba(232,146,106,.26);border-radius:14px;
  padding:14px 16px;text-align:left;cursor:pointer;
  background:rgba(10,9,10,.62);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  color:#cfc5c2;
  opacity:.45;transform:scale(.96);
  transition:opacity .7s ease,transform .7s ease,box-shadow .7s ease,filter .7s ease,
             border-color .7s ease,background .7s ease;
}
.roadmap-stop[data-side="left"] .checkpoint-card{grid-column:1;justify-self:end}
.roadmap-stop[data-side="right"] .checkpoint-card{grid-column:3;justify-self:start}

.checkpoint-card .stop-icon{width:30px;height:30px;flex:none;display:grid;place-items:center}
.checkpoint-card .stop-icon svg{
  width:26px;height:26px;fill:none;stroke:var(--accent);stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;opacity:.72;transition:.5s opacity,.5s stroke;
}
.checkpoint-card .stop-name{
  flex:1;font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(13px,1vw,15px);
  line-height:1.25;letter-spacing:-.02em;
}
.checkpoint-card .stop-chevron{
  flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;opacity:.5;transition:.5s opacity,.5s transform;
}
.roadmap-stop.visited .checkpoint-card{opacity:.62}
.roadmap-stop.active .checkpoint-card{
  opacity:1;transform:scale(1);
  border-color:var(--accent);color:#fff;background:rgba(18,13,12,.82);
  box-shadow:0 0 30px rgba(232,146,106,.28),0 0 70px rgba(232,146,106,.12),
             inset 0 0 18px rgba(232,146,106,.06);
}
.roadmap-stop.active .stop-icon svg{opacity:1;stroke:var(--accent-light)}
.roadmap-stop.active .stop-chevron{opacity:1;transform:translateX(3px)}
.checkpoint-card:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px}
/* each checkpoint is focusable, so tabbing through them reads like scrolling */
.roadmap-stop:focus,.roadmap-stop:focus-visible{outline:none}
.roadmap-stop:focus-visible .checkpoint-card{
  outline:2px solid rgba(232,146,106,.9);outline-offset:5px;
}

/* ---------- the numbered node, sitting on the road ---------- */
.road-node{
  grid-column:2;justify-self:center;
  position:relative;z-index:3;
  width:44px;height:44px;
  border-radius:50%;border:1px solid rgba(232,146,106,.42);
  background:radial-gradient(circle at 50% 35%,#1b1415,#0a090a 70%);
  display:grid;place-items:center;
  font-family:"Inter Tight",Inter,sans-serif;font-size:14px;letter-spacing:.02em;color:#b9a9a2;
  transition:.5s border-color,.5s box-shadow,.5s color,.5s transform;
}
.roadmap-stop.visited .road-node{border-color:rgba(232,146,106,.62);color:#e2d3cc}
.roadmap-stop.active .road-node{
  border-color:var(--accent);color:#fff;transform:scale(1.1);
  box-shadow:0 0 0 5px rgba(232,146,106,.10),0 0 26px rgba(232,146,106,.55);
}

/* ---------- the detail content, opposite the card ---------- */
.checkpoint-content{
  width:var(--content-w);
  /* inactive content is dimmed, not hidden — a checkpoint you have just left
     stays readable instead of vanishing the moment the next one takes over */
  opacity:.25;transform:translateY(24px);
  transition:opacity .7s ease,transform .7s ease,box-shadow .7s ease,filter .7s ease;
}
.roadmap-stop[data-side="left"] .checkpoint-content{grid-column:3;justify-self:start}
.roadmap-stop[data-side="right"] .checkpoint-content{grid-column:1;justify-self:end}
.roadmap-stop.active .checkpoint-content{opacity:1;transform:translateY(0)}

.panel-num{
  font-family:"Inter Tight",Inter,sans-serif;color:var(--accent-light);
  font-size:13px;letter-spacing:.24em;margin-bottom:9px;
}
.checkpoint-content h2{
  font-size:clamp(20px,1.7vw,27px);line-height:1.1;letter-spacing:-.04em;text-wrap:balance;
}
.panel-rule{
  width:44px;height:1px;margin:13px 0;
  background:linear-gradient(90deg,var(--accent),transparent);
}
.panel-headline{
  font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(15px,1.2vw,18px);
  line-height:1.35;letter-spacing:-.02em;color:#e7dedb;margin-bottom:10px;text-wrap:balance;
}
.panel-intro{color:#8f8889;line-height:1.65;font-size:13.5px}
.panel-label{
  font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted-dim);
  margin:13px 0 8px;font-weight:400;font-family:Inter,sans-serif;
}

/* capability lists */
.cap-list{
  list-style:none;margin:14px 0 0;padding:0;
  display:grid;grid-template-columns:1fr 1fr;gap:7px 20px;
}
.cap-list li{position:relative;padding-left:16px;color:#a49c9d;font-size:12.5px;line-height:1.45}
.cap-list li:before{
  content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;
  border:1px solid rgba(232,146,106,.55);background:rgba(232,146,106,.16);
}

/* who we help */
.audience-list{display:grid;gap:12px;margin-top:14px}
.audience{border-left:2px solid rgba(232,146,106,.42);padding-left:14px}
.audience b{
  display:block;font-family:"Inter Tight",Inter,sans-serif;font-size:14.5px;
  letter-spacing:-.015em;color:#efe7e4;margin-bottom:5px;font-weight:500;
}
.audience span{color:#8b8486;font-size:13px;line-height:1.55;display:block}

/* team */
.member-list{margin-top:14px}
.member + .member{margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}
.member-head{display:flex;align-items:center;gap:13px;margin-bottom:11px}
.member-photo{
  width:56px;height:56px;flex:none;border-radius:15px;object-fit:cover;
  border:1px solid rgba(232,146,106,.38);
}
.member-initials{
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--accent-light),var(--accent));
  color:#231208;font-weight:700;font-size:19px;font-family:"Inter Tight",Inter,sans-serif;
}
.member-name{
  display:block;font-family:"Inter Tight",Inter,sans-serif;font-size:16px;
  letter-spacing:-.02em;color:#fff;font-weight:500;
}
.member-role{
  display:block;margin-top:3px;font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent-light);
}
.member-bio{color:#8f8889;font-size:13.5px;line-height:1.6}
.tag-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tag-list li{
  border:1px solid rgba(232,146,106,.26);border-radius:999px;padding:5px 11px;
  font-size:11.5px;color:#c7bdba;background:rgba(232,146,106,.05);
}

/* numbered expertise areas — the headings always show, their descriptions
   and the tag list open with the profile */
.member-areas{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}
.member-area{position:relative;padding-left:34px}
.area-num{
  position:absolute;left:0;top:2px;
  font-family:"Inter Tight",Inter,sans-serif;font-size:11px;letter-spacing:.14em;
  color:var(--accent-light);opacity:.85;
}
.area-title{
  display:block;font-family:"Inter Tight",Inter,sans-serif;font-size:14px;
  font-weight:500;letter-spacing:-.015em;line-height:1.35;color:#efe7e4;
}
.area-text{display:grid;grid-template-rows:0fr;transition:.38s grid-template-rows}
.area-text>p{overflow:hidden;color:#8b8486;font-size:13px;line-height:1.55}
.member.is-open .area-text{grid-template-rows:1fr}
.member.is-open .area-text>p{padding-top:6px}

.member-more{display:grid;grid-template-rows:0fr;transition:.38s grid-template-rows}
.member-more>div{overflow:hidden}
.member.is-open .member-more{grid-template-rows:1fr}
.member-tags .panel-label{margin-top:14px}

.member-toggle{
  display:inline-flex;align-items:center;gap:8px;margin-top:14px;
  border:1px solid rgba(232,146,106,.26);border-radius:999px;padding:7px 14px;
  background:rgba(232,146,106,.05);color:#c7bdba;font-size:11.5px;cursor:pointer;
  transition:.25s border-color,.25s color,.25s background;
}
.member-toggle:hover{border-color:var(--accent);color:#fff;background:rgba(232,146,106,.1)}
.member-toggle:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px}
.toggle-chevron{
  width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;transition:.25s transform;
}
.member.is-open .toggle-chevron{transform:rotate(180deg)}

/* ==========================================================================
   Header: this page's nav labels are longer than the rest of the site's, so
   tighten the pill before it runs out of room. Scoped to .page-roadmap.
   ========================================================================== */
@media (max-width:1240px){
  .page-roadmap .brand{font-size:17px}
  .page-roadmap .brand-sub{display:none}
  .page-roadmap .nav-links{gap:16px;font-size:13px}
  .page-roadmap .btn-nav{min-width:0;padding:0 18px;font-size:13px;white-space:nowrap}
}

/* ==========================================================================
   Mobile / tablet — one vertical path down the left, content stacked
   ========================================================================== */
@media (max-width:1079px){
  .roadmap-journey{margin-top:calc(-1 * (var(--navh) + 10px))}

  .roadmap-journey{--plate-drop:0px}
  .roadmap-overview{min-height:auto;height:auto;padding:104px 0 60px;display:block}
  .ridge{height:88%}
  .overview-grid{display:block;width:min(var(--maxw),calc(100% - 28px));margin-inline:auto}

  /* compressed vertical preview of all seven stops */
  .roadmap-map{
    width:100%;height:auto;transform:none;margin-top:22px;padding-left:58px;
    display:grid;gap:9px;
  }
  .mini-stop{
    position:relative;width:auto;top:auto !important;
    right:auto !important;left:auto !important;
  }
  .mini-card{transform:none;padding:10px 14px;opacity:.72}
  .mini-card .stop-icon{width:22px;height:22px}
  .mini-card .stop-icon svg{width:20px;height:20px}
  .mini-card .stop-name{font-size:13px}
  .mini-stop[data-side="left"] .mini-node,
  .mini-stop[data-side="right"] .mini-node{
    left:-44px;right:auto;top:50%;margin:-15px 0 0;
    width:30px;height:30px;font-size:11px;
  }
  .stage-intro{max-width:760px;margin:0 auto 34px}
  .stage-intro h1{font-size:clamp(34px,9vw,46px)}
  .road-col{max-width:760px;margin-inline:auto}
  .road-plate{padding:14px 22px}
  .road-plate .plate-name{font-size:19px}
  .stage-corner{display:none}
  .scroll-hint{bottom:16px}

  .roadmap-stop{min-height:auto;padding:26px 0}
  .roadmap-stop:before{opacity:.3}
  .stop-inner{
    width:min(var(--maxw),calc(100% - 28px));
    display:block;padding-left:64px;
  }
  .checkpoint-card{width:auto;min-height:64px}
  .roadmap-stop[data-side="right"] .checkpoint-card{margin-left:16px}
  .roadmap-stop[data-side="left"] .checkpoint-card{margin-right:16px}

  /* the node sits beside its own card, not the middle of the section */
  .road-node{
    position:absolute;left:0;top:32px;margin-top:-17px;
    width:34px;height:34px;font-size:12px;
  }

  .checkpoint-content{width:auto;padding-top:20px}
  .checkpoint-content h2,.checkpoint-content .panel-num{display:none}
  .panel-rule{margin:0 0 16px}
  .panel-headline{font-size:17px}
}
@media (max-width:559px){
  .cap-list{grid-template-columns:1fr}
}

/* ==========================================================================
   Reduced motion
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto !important}
  .roadmap-stop,.checkpoint-card,.checkpoint-content,.mini-card,
  .road-node,.scroll-hint,.stop-chevron,.roadmap-stop:after,
  .area-text,.member-more,.member-toggle,.toggle-chevron{
    transition:none !important;
  }
  .road-head,.road-head-halo{display:none}
}