/* PIB shared "your path" stepper (C-SYS J1). One look for static pages and React.
   Markup (rendered by scripts/pib-path.py for static pages, src/components/PibPath.tsx for React):
   <div class="pib-path" data-pib-path style="--n:5">
     <ol class="pib-path__list" aria-label="...">
       <li class="pib-path__step [is-here] [is-on]">
         <button type="button" class="pib-path__btn" id aria-expanded aria-controls [aria-current="page"]>
           <span class="pib-path__dot">1</span>
           <span class="pib-path__txt"><span class="pib-path__nm">Name</span>[<span class="pib-path__sub">turnkey management</span>]</span>
           <span class="pib-path__tag">$499</span>
         </button>
         <div class="pib-path__det" id role="region" aria-labelledby [hidden]>who · price · link or "You are here"</div>
       </li>
     </ol>
   </div>
   Behaviour: /js/pib-path.js (static) or React state. Hover previews a step, focus/tap pins it,
   ArrowLeft/Right/Up/Down, Home and End move between steps. The current page is pre-selected.
   Desktop: horizontal line with the detail panel under it. <=720px: vertical stepper, detail inline. */
.pib-path{--pp-amber:var(--amber,#e89b2a);--pp-t1:var(--t1,#f5ecd6);--pp-t2:var(--t2,rgba(245,236,214,.72));--pp-t3:var(--t3,rgba(245,236,214,.6));--pp-det:176px;margin-top:clamp(28px,4vw,44px);font-family:var(--body,inherit)}
.pib-path__list{list-style:none;margin:0;padding:0 0 calc(var(--pp-det) + 24px);display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:12px;position:relative}
.pib-path__list::before{content:"";position:absolute;top:27px;left:calc(50% / var(--n,5));right:calc(50% / var(--n,5));height:2px;background:linear-gradient(90deg,rgba(232,155,42,.15),rgba(232,155,42,.55),rgba(232,155,42,.15));pointer-events:none}
.pib-path__step{position:static;min-width:0}
.pib-path__btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;width:100%;padding:4px 6px 12px;border-radius:14px;color:var(--pp-t2);-webkit-tap-highlight-color:transparent}
.pib-path__dot{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#141210;border:2px solid rgba(232,155,42,.35);color:var(--pp-t1);font:800 17px/1 var(--display,inherit);transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}
.pib-path__nm{font:700 15.5px/1.25 var(--display,inherit);color:var(--pp-t1);max-width:16ch}
.pib-path__txt{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.pib-path__sub{font-size:12.5px;line-height:1.2;color:var(--pp-t3)}
.pib-path__tag{font:700 13px/1 var(--display,inherit);color:var(--pp-amber);letter-spacing:.01em}
.pib-path__tag--role{font:500 13px/1.4 var(--body,inherit);color:var(--pp-t2);letter-spacing:0;max-width:22ch}
.pib-path__step.is-here .pib-path__dot{border-color:var(--pp-amber)}
.pib-path__step.is-on .pib-path__dot{background:var(--pp-amber);border-color:var(--pp-amber);color:#0a0a0a;transform:scale(1.08);box-shadow:0 0 0 8px rgba(232,155,42,.14)}
.pib-path__step.is-on .pib-path__nm{color:var(--pp-amber)}
.pib-path__btn:focus-visible{outline:2px solid var(--pp-amber);outline-offset:3px}
.pib-path__det{position:absolute;left:0;right:0;bottom:0;min-height:var(--pp-det);box-sizing:border-box;padding:24px clamp(20px,3vw,36px);border-radius:20px;background:linear-gradient(120deg,rgba(232,155,42,.14),rgba(232,155,42,.04) 60%);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px 32px;align-content:center;animation:pib-path-in .25s ease}
.pib-path__det[hidden]{display:none}
.pib-path__det--min{min-height:0;top:calc(100% - var(--pp-det));bottom:auto;padding-block:18px;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:8px 28px}
.pib-path__det--min .pib-path__kick{grid-column:auto}
.pib-path__kick{grid-column:1/-1;margin:0;font:700 12px/1 var(--display,inherit);letter-spacing:.12em;text-transform:uppercase;color:var(--pp-amber)}
.pib-path__who{margin:0;font:600 clamp(17px,1.6vw,20px)/1.4 var(--display,inherit);color:var(--pp-t1)}
.pib-path__side{display:grid;gap:10px;align-content:start}
.pib-path__price{margin:0;font-size:15px;line-height:1.45;color:var(--pp-t2)}
.pib-path__go{font:700 15px/1.3 var(--display,inherit);color:var(--pp-amber);text-decoration:none;justify-self:start}
.pib-path__go:hover,.pib-path__go:focus-visible{text-decoration:underline;text-underline-offset:3px}
.pib-path__here{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(232,155,42,.16);color:var(--pp-amber);font:700 13px/1 var(--display,inherit)}
@keyframes pib-path-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pib-path__det,.pib-path__dot{animation:none;transition:none}}
@media (max-width:720px){
  .pib-path__list{grid-template-columns:1fr;gap:0;padding-bottom:0}
  .pib-path__list::before{top:28px;bottom:28px;left:27px;right:auto;width:2px;height:auto;background:rgba(232,155,42,.35)}
  .pib-path__btn{flex-direction:row;flex-wrap:wrap;text-align:left;align-items:center;column-gap:14px;row-gap:2px;padding:8px 0;min-height:72px}
  .pib-path__dot{width:56px;height:56px;flex:0 0 56px}
  .pib-path__step.is-on .pib-path__dot{transform:none}
  .pib-path__txt{flex:1 1 0;align-items:flex-start}
  .pib-path__nm{max-width:none}
  .pib-path__tag{flex:0 0 auto}
  .pib-path__tag--role{flex:1 1 100%;max-width:none;padding-left:70px}
  .pib-path__det{position:static;min-height:0;margin:0 0 12px 70px;padding:16px 18px;grid-template-columns:1fr;gap:10px}
  .pib-path__who{font-size:16px}
}
/* Flipped vertical variant (pib-path--down): rendered by scripts/pib-path.py when the marker has
   order=md,consulting,audit. Same markup plus the modifier class. The current step sits on top with a
   "You're here" tag, and down arrows lead to the other steps. Outlined option cards, larger type. */
.pib-path--down .pib-path__list{grid-template-columns:1fr;gap:52px;max-width:760px;margin-inline:auto;padding-bottom:0}
.pib-path--down .pib-path__list::before{display:none}
.pib-path--down .pib-path__step{position:relative}
.pib-path--down .pib-path__step:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-40px;width:14px;height:14px;margin-left:-7px;border-right:2px solid var(--pp-amber);border-bottom:2px solid var(--pp-amber);transform:rotate(45deg);opacity:.85}
.pib-path--down .pib-path__step:not(:last-child)::before{content:"";position:absolute;left:50%;bottom:-44px;width:2px;height:36px;margin-left:-1px;background:linear-gradient(180deg,rgba(232,155,42,.15),rgba(232,155,42,.75))}
.pib-path--down .pib-path__btn{position:relative;flex-direction:row;flex-wrap:nowrap;text-align:left;align-items:center;gap:18px;padding:20px 24px;min-height:0;border-radius:18px;background:var(--cocoa-rise,#181818);border:1px solid var(--line,rgba(245,236,214,.12));transition:border-color .2s,background .2s}
.pib-path--down .pib-path__btn:hover{border-color:rgba(232,155,42,.45)}
.pib-path--down .pib-path__step.is-here .pib-path__btn{border:1.5px solid var(--pp-amber);background:linear-gradient(180deg,rgba(232,155,42,.12),rgba(232,155,42,.03)),var(--cocoa-rise,#181818);box-shadow:0 14px 40px rgba(232,155,42,.12)}
.pib-path--down .pib-path__step.is-here .pib-path__btn::after{content:"You\2019re here";position:absolute;top:-12px;right:18px;padding:4px 11px;border-radius:999px;background:var(--pp-amber);color:#0a0a0a;font:700 13px/1.2 var(--display,inherit)}
.pib-path--down .pib-path__dot{flex:0 0 56px}
.pib-path--down .pib-path__step.is-on .pib-path__dot{transform:none}
.pib-path--down .pib-path__txt{flex:1 1 auto;align-items:flex-start}
.pib-path--down .pib-path__nm{max-width:none;font-size:clamp(18px,1.8vw,21px)}
.pib-path--down .pib-path__sub{font-size:14px}
.pib-path--down .pib-path__tag{flex:0 0 auto;font-size:15px;padding:6px 12px;border-radius:999px;border:1px solid rgba(232,155,42,.4)}
.pib-path--down .pib-path__tag--role{flex:0 1 26ch;font-size:14px;padding:0;border:0;border-radius:0;text-align:right}
.pib-path--down .pib-path__det{position:static;min-height:0;margin:10px 0 0;padding:18px 24px}
.pib-path--down .pib-path__here{display:none}
@media (max-width:720px){
  .pib-path--down .pib-path__list{gap:48px}
  .pib-path--down .pib-path__btn{flex-wrap:wrap;gap:6px 14px;padding:18px 16px}
  .pib-path--down .pib-path__dot{width:48px;height:48px;flex-basis:48px}
  .pib-path--down .pib-path__txt{flex-basis:calc(100% - 62px)}
  .pib-path--down .pib-path__tag{margin-left:62px}
  .pib-path--down .pib-path__tag--role{flex-basis:auto;text-align:left}
  .pib-path--down .pib-path__det{margin:10px 0 0;padding:16px}
}
/* Branching variant (pib-path--branch): the consulting line in src/data/pib-path.json ("layout": "branch").
   Learning Center -> Publisher Consulting -> Media Enterprise Program on top, or one of three deeper
   programs below. Step cards carry a GDTM-style SVG illustration (.pib-path__g) and the tag as a kicker.
   Same markup, same behaviour (hover previews, focus or tap pins, arrows move). */
.pib-path--branch{--pp-det:150px}
.pib-path--branch .pib-path__list{grid-template-columns:minmax(0,1fr) minmax(0,1fr) repeat(3,minmax(0,1fr));grid-template-rows:auto auto;column-gap:16px;row-gap:22px;align-items:center}
.pib-path--branch .pib-path__list::before{display:none}
.pib-path--branch .pib-path__step{position:static}
.pib-path--branch .pib-path__step:nth-child(1){grid-column:1;grid-row:1/3;margin-right:28px}
.pib-path--branch .pib-path__step:nth-child(2){grid-column:2;grid-row:1/3;margin-right:28px}
.pib-path--branch .pib-path__step:nth-child(3){grid-column:3/6;grid-row:1}
.pib-path--branch .pib-path__step:nth-child(n+4){grid-row:2}
.pib-path--branch .pib-path__step:nth-child(-n+2) .pib-path__btn::before{content:"";position:absolute;top:50%;right:-30px;width:24px;height:2px;margin-top:-1px;background:rgba(232,155,42,.6)}
.pib-path--branch .pib-path__step:nth-child(1) .pib-path__tag::after{content:"";position:absolute;top:50%;right:-28px;width:9px;height:9px;margin-top:-5.5px;border-top:2px solid var(--pp-amber);border-right:2px solid var(--pp-amber);transform:rotate(45deg)}
.pib-path--branch .pib-path__step:nth-child(2) .pib-path__btn::before{right:-16px;width:16px}
.pib-path--branch .pib-path__step:nth-child(2) .pib-path__tag::after{content:"";position:absolute;top:-20px;bottom:8px;right:-30px;width:14px;border:2px solid rgba(232,155,42,.6);border-right:0;border-radius:10px 0 0 10px}
.pib-path--branch .pib-path__btn{--pp-t1:#f5ecd6;--pp-t3:rgba(245,236,214,.6);position:relative;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;padding:14px 14px 18px;border-radius:18px;background:var(--card-grad,linear-gradient(180deg,#181818,#111));border:1px solid rgba(245,236,214,.12);transition:border-color .2s,transform .2s,box-shadow .2s}
.pib-path--branch .pib-path__dot{display:none}
.pib-path--branch .pib-path__g{order:-2;display:block;width:100%;border-radius:12px;background:#0f0d0b;overflow:hidden}
.pib-path--branch .pib-path__g svg{display:block;width:100%;height:auto}
.pib-path--branch .pib-path__tag{order:-1;margin-top:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.pib-path--branch .pib-path__txt{align-items:flex-start}
.pib-path--branch .pib-path__nm{max-width:none;font-size:16.5px}
.pib-path--branch .pib-path__step:nth-child(3) .pib-path__btn{flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap}
.pib-path--branch .pib-path__step:nth-child(3) .pib-path__g{width:180px;flex:0 0 180px}
.pib-path--branch .pib-path__step:nth-child(3) .pib-path__tag{margin-top:0}
.pib-path--branch .pib-path__btn:hover{border-color:rgba(232,155,42,.45)}
.pib-path--branch .pib-path__step.is-on .pib-path__btn{border-color:var(--pp-amber);transform:translateY(-2px);box-shadow:0 14px 40px rgba(232,155,42,.12)}
.pib-path--branch .pib-path__step.is-here .pib-path__btn{border:1.5px solid var(--pp-amber);background:linear-gradient(180deg,rgba(232,155,42,.14),rgba(232,155,42,.03)),var(--card-grad,#181818)}
.pib-path--branch .pib-path__step.is-here .pib-path__btn::after{content:"You\2019re here";position:absolute;top:-12px;right:14px;padding:4px 11px;border-radius:999px;background:var(--pp-amber);color:#0a0a0a;font:700 13px/1.2 var(--display,inherit)}
.pib-path--branch .pib-path__here{display:none}
@media (max-width:1100px){
  .pib-path--branch .pib-path__list{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none}
  .pib-path--branch .pib-path__step:nth-child(1){grid-column:1;grid-row:1}
  .pib-path--branch .pib-path__step:nth-child(2){grid-column:2/4;grid-row:1;margin-right:0}
  .pib-path--branch .pib-path__step:nth-child(2) .pib-path__btn{flex-direction:row;align-items:center;flex-wrap:wrap;gap:18px}
  .pib-path--branch .pib-path__step:nth-child(2) .pib-path__g{width:180px;flex:0 0 180px}
  .pib-path--branch .pib-path__step:nth-child(2) .pib-path__tag{margin-top:0}
  .pib-path--branch .pib-path__step:nth-child(2) .pib-path__btn::before,.pib-path--branch .pib-path__step:nth-child(2) .pib-path__tag::after{display:none}
  .pib-path--branch .pib-path__step:nth-child(3){grid-column:1/4;grid-row:2}
  .pib-path--branch .pib-path__step:nth-child(n+4){grid-row:3}
}
@media (max-width:720px){
  .pib-path--branch .pib-path__list{grid-template-columns:1fr;gap:14px}
  .pib-path--branch .pib-path__step:nth-child(n){grid-column:1;grid-row:auto;margin-right:0}
  .pib-path--branch .pib-path__btn::before,.pib-path--branch .pib-path__tag::after{display:none}
  .pib-path--branch .pib-path__btn,.pib-path--branch .pib-path__step:nth-child(n) .pib-path__btn{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:14px;padding:12px;min-height:0}
  .pib-path--branch .pib-path__g,.pib-path--branch .pib-path__step:nth-child(n) .pib-path__g{width:104px;flex:0 0 104px}
  .pib-path--branch .pib-path__txt{flex:1 1 auto}
  .pib-path--branch .pib-path__tag{position:absolute;left:130px;top:14px;margin:0;font-size:11px}
  .pib-path--branch .pib-path__txt{padding-top:16px}
  .pib-path--branch .pib-path__det{margin:8px 0 0}
}
/* Track variant (pib-path--branch pib-path--track): the discover and facebook lines ("layout": "track"). Same branch cards:
   a main line, Step 1 > Step 2 > Step 3, then Managed Distribution (pib-path__step--track) as its own parallel path on a
   dashed rail below it, joinable from any step. Every card shows its kicker (pib-path__trk), name and who line; the track
   card adds its tag and price (pib-path__pl). Panels hold only the price and link. <=720px: one column, the track last. */
.pib-path--track{--pp-det:58px}
.pib-path--branch.pib-path--track .pib-path__list{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;column-gap:44px;row-gap:44px;align-items:stretch}
.pib-path--branch.pib-path--track .pib-path__step:nth-child(n){margin-right:0}
.pib-path--branch.pib-path--track .pib-path__step:nth-child(1){grid-column:1;grid-row:1}
.pib-path--branch.pib-path--track .pib-path__step:nth-child(2){grid-column:2;grid-row:1}
.pib-path--branch.pib-path--track .pib-path__step:nth-child(3){grid-column:3;grid-row:1}
.pib-path--branch.pib-path--track .pib-path__step:nth-child(-n+3) .pib-path__btn{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:6px;height:100%;box-sizing:border-box}
.pib-path--branch.pib-path--track .pib-path__step:nth-child(-n+3) .pib-path__g{width:100%;flex:none}
.pib-path--branch.pib-path--track .pib-path__trk{order:-1;margin-top:8px}
.pib-path--branch.pib-path--track .pib-path__txt{order:0}
.pib-path--branch.pib-path--track .pib-path__tag--role{order:2;margin-top:2px;font:500 13.5px/1.45 var(--body,inherit);letter-spacing:0;text-transform:none;color:var(--pp-t2);max-width:none}
.pib-path--branch.pib-path--track .pib-path__step:nth-child(n) .pib-path__tag--role{margin-top:2px}
.pib-path--branch.pib-path--track .pib-path__pl{order:3;font-size:13.5px;line-height:1.45;color:var(--pp-t1)}
.pib-path--branch.pib-path--track .pib-path__step:nth-child(-n+2) .pib-path__btn::before{display:block;content:"";position:absolute;top:50%;right:-34px;width:22px;height:2px;margin-top:-1px;background:rgba(232,155,42,.6)}
.pib-path--branch.pib-path--track .pib-path__step:nth-child(-n+2) .pib-path__tag--role::after{display:block;content:"";position:absolute;top:50%;bottom:auto;right:-33px;width:9px;height:9px;margin-top:-5.5px;border:0;border-top:2px solid var(--pp-amber);border-right:2px solid var(--pp-amber);border-radius:0;transform:rotate(45deg)}
.pib-path--branch.pib-path--track .pib-path__step--track{grid-column:1/4;grid-row:2}
.pib-path--branch.pib-path--track .pib-path__step--track .pib-path__btn{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:20px;row-gap:4px;align-items:center;align-content:center;border:1.5px dashed rgba(232,155,42,.45);background:linear-gradient(90deg,rgba(232,155,42,.07),rgba(232,155,42,0) 70%),var(--card-grad,linear-gradient(180deg,#181818,#111))}
.pib-path--branch.pib-path--track .pib-path__step--track .pib-path__btn::before{content:"";position:absolute;left:18px;right:18px;top:-24px;height:0;border-top:2px dashed rgba(232,155,42,.4);background:none;width:auto;margin:0}
.pib-path--branch.pib-path--track .pib-path__step--track .pib-path__g{grid-column:1;grid-row:1/span 6;width:100%;align-self:center}
.pib-path--branch.pib-path--track .pib-path__step--track .pib-path__btn>:not(.pib-path__g){grid-column:2}
.pib-path--branch.pib-path--track .pib-path__step--track .pib-path__trk{margin-top:0}
.pib-path--branch.pib-path--track .pib-path__step--track .pib-path__tag:not(.pib-path__tag--role){order:1;margin-top:0;justify-self:start}
.pib-path--branch.pib-path--track .pib-path__step--track.is-here .pib-path__btn{border:1.5px dashed var(--pp-amber);background:linear-gradient(90deg,rgba(232,155,42,.16),rgba(232,155,42,.03)),var(--card-grad,#181818)}
.pib-path--branch.pib-path--track .pib-path__det{padding-block:14px}
.pib-path--branch.pib-path--track .pib-path__side{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.pib-path__trk{font:700 12px/1.3 var(--display,inherit);letter-spacing:.12em;text-transform:uppercase;color:var(--pp-amber)}
@media (max-width:1100px){
  .pib-path--branch.pib-path--track .pib-path__step:nth-child(2) .pib-path__btn{flex-direction:column;align-items:flex-start;flex-wrap:nowrap}
  .pib-path--branch.pib-path--track .pib-path__step:nth-child(2) .pib-path__g{width:100%;flex:none}
  .pib-path--branch.pib-path--track .pib-path__step:nth-child(-n+2) .pib-path__btn::before,.pib-path--branch.pib-path--track .pib-path__step:nth-child(-n+2) .pib-path__tag--role::after{display:block}
}
@media (max-width:720px){
  .pib-path--branch.pib-path--track .pib-path__list{grid-template-columns:1fr;grid-template-rows:none;row-gap:14px}
  .pib-path--branch.pib-path--track .pib-path__step:nth-child(n){grid-column:1;grid-row:auto;margin-right:0}
  .pib-path--branch.pib-path--track .pib-path__step:nth-child(n) .pib-path__btn::before,.pib-path--branch.pib-path--track .pib-path__step:nth-child(n) .pib-path__tag--role::after{display:none}
  .pib-path--branch.pib-path--track .pib-path__step:nth-child(n) .pib-path__btn{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:14px;row-gap:3px;align-items:start;align-content:center;height:auto;padding:12px}
  .pib-path--branch.pib-path--track .pib-path__step:nth-child(n) .pib-path__g{grid-column:1;grid-row:1/span 6;width:104px;align-self:center}
  .pib-path--branch.pib-path--track .pib-path__step:nth-child(n) .pib-path__btn>:not(.pib-path__g){grid-column:2}
  .pib-path--branch.pib-path--track .pib-path__trk{margin-top:0;font-size:11px}
  .pib-path--branch.pib-path--track .pib-path__txt{padding-top:0}
  .pib-path--branch.pib-path--track .pib-path__tag{position:static;margin:0}
  .pib-path--branch.pib-path--track .pib-path__step:nth-child(n) .pib-path__tag--role{padding-left:0;margin-top:0;font-size:13px}
  .pib-path--branch.pib-path--track .pib-path__pl{font-size:13px}
  .pib-path--branch.pib-path--track .pib-path__step--track{margin-top:30px}
  .pib-path--branch.pib-path--track .pib-path__step--track:nth-child(n) .pib-path__btn{padding-top:20px}
  .pib-path--branch.pib-path--track .pib-path__step--track:nth-child(n) .pib-path__btn::before{display:block;left:12px;right:12px;top:-17px}
}
.pib-path-also{margin:18px auto 0;max-width:780px;text-align:center;font-size:13px;line-height:1.55;color:var(--t3)}
.pib-path-also a{color:var(--t2);text-decoration:underline;text-underline-offset:3px}
.pib-path-also a:hover{color:var(--amber)}
/* whole-card links (home line, "links": true): no panel, a small See line at the foot of each card */
.pib-path__btn--link{text-decoration:none}
.pib-path__see{order:3;margin-top:auto;padding-top:6px;font:600 13px/1.2 var(--display,inherit);color:var(--pp-amber);white-space:nowrap}
.pib-path__btn--link:hover .pib-path__see,.pib-path__btn--link:focus-visible .pib-path__see{text-decoration:underline;text-underline-offset:3px}
.pib-path__see span{display:inline-block;transition:transform .2s}.pib-path__btn--link:hover .pib-path__see span,.pib-path__btn--link:focus-visible .pib-path__see span{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.pib-path__see span{transition:none}}