/* Commwiser — india-market-access: a journey, not a chaptered guide. The page opens on the world, India at its
   centre; states the opportunity (Commwiser's content, Avani, 9 Oct) with what Indian companies are doing; runs the
   route Map → Position → Engage → Convert with the three components beneath the stretch they serve; then walks the
   route step by step down a line, each step with its own small picture; names who you'll reach; closes on Mirovia and a steel band.
   Page colour: steel teal. Pictures play once on screen ([data-play], reset off screen). */
:root{--indigo:#3F5A66;--indigo-deep:#2B3F48;--ia-deep:#2B3F48;--ia-light:#A9CBD8}
body{background:#F7F2EF}
.ia{--pad:var(--gutter)}
.ia section{position:relative}
.ia h2.lbl{font-size:13px;letter-spacing:.16em;color:var(--indigo)}

/* 1. the opening: the world in dots, arcs out of India, the name above it */
.ia-hero{isolation:isolate;color:#F7F2EF;padding:calc(68px + clamp(30px,5vh,56px)) var(--pad) calc(var(--wz) + clamp(10px,2vh,24px))}
.ia-hero>.depth{left:0;right:0;clip-path:none;background:var(--ia-deep)}
.ia-hero>.depth::before{background:radial-gradient(48% 40% at 70% 44%,rgba(169,203,216,.16),transparent 70%),radial-gradient(40% 36% at 12% 80%,rgba(108,155,173,.12),transparent 70%)}
.ia-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:var(--wz);background:#F7F2EF;clip-path:polygon(0 100%,100% 100%,100% 0,calc(62% + var(--wz) / tan(55.753deg)) 0,62% 100%);pointer-events:none}
.ia-hero__lbl{display:flex;align-items:center;gap:10px;color:var(--ia-light)}
.ia-hero h1{margin-top:clamp(14px,1.8vh,22px);font-family:var(--display);font-weight:400;font-size:clamp(44px,6.2vw,96px);line-height:.98;letter-spacing:-.025em}
.ia-hero__sub{margin-top:clamp(12px,1.6vh,20px);font-family:var(--display);font-size:clamp(21px,2vw,30px);line-height:1.2;color:rgba(247,242,239,.86);max-width:30ch}
.ia-map{position:relative;width:min(100%,calc((100svh - 330px) * 2.1));min-width:min(100%,900px);margin:clamp(10px,2vh,28px) auto 0;aspect-ratio:1000/476}
.ia-map>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.wm__land{fill:none;stroke:rgba(247,242,239,.2);stroke-width:2.6;stroke-linecap:round}
.wm__arc{fill:none;stroke:var(--ia-light);stroke-width:1.3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.js .wm__arc{stroke-dashoffset:1}
.js .ia-map.is-play .wm__arc{stroke-dashoffset:0;transition:stroke-dashoffset 1.15s linear calc(var(--k) * .3s + .3s)}
.wm__stops{list-style:none;position:absolute;inset:0}
.wm__stops li{position:absolute;left:calc(var(--x) / 10 * 1%);top:calc(var(--y) / 4.76 * 1%)}
.wm__stops li::before{content:"";position:absolute;left:-4.5px;top:-4.5px;width:9px;height:9px;border-radius:50%;background:var(--ia-light)}
.wm__stops b{position:absolute;white-space:nowrap;font-family:var(--display);font-weight:400;font-size:clamp(15px,1.4vw,20px);line-height:1;color:#F7F2EF;text-shadow:0 0 4px var(--ia-deep),0 0 10px var(--ia-deep),0 0 16px var(--ia-deep)}
.js .wm__stops li:not(.is-home)::before{transform:scale(.55);opacity:.55}
.js .wm__stops li:not(.is-home) b{opacity:.42}
.js .ia-map.is-play .wm__stops li::before{transform:none;opacity:1;transition:transform .4s var(--ease) calc(var(--k,0) * .3s + 1.35s),opacity .4s ease calc(var(--k,0) * .3s + 1.35s)}
.js .ia-map.is-play .wm__stops li b{opacity:1;transition:opacity .6s ease calc(var(--k,0) * .3s + 1.35s)}
.wm__stops .at-ul b{right:10px;bottom:8px}
.wm__stops .at-lr b{left:10px;top:10px}
.wm__stops .at-bl b{right:10px;top:10px}
.wm__stops .at-r b{left:14px;top:-.5em}
.wm__stops .at-up b{right:4px;bottom:12px}
.wm__stops .is-home::before{display:none}
.wm__mark{position:absolute;left:-16px;top:-16px;width:32px;color:#F7F2EF}
.wm__mark svg{display:block;width:100%;height:auto;fill:currentColor}
.wm__stops .is-home b{left:24px;top:-.5em;color:var(--ia-light)}
.wm__route{display:none}

/* 2. the opportunity: one sentence, set large; the five things lit in turn */
.ia-say{padding:clamp(40px,6vw,96px) var(--pad) clamp(70px,8vw,130px)}
.ia-say__big{margin-top:clamp(18px,2vw,28px);max-width:26ch;font-family:var(--display);font-size:clamp(32px,4.4vw,66px);line-height:1.08;letter-spacing:-.02em;color:var(--dust);text-wrap:balance}
.ia-say__big em{font-style:normal;color:var(--indigo);background:linear-gradient(var(--ia-light),var(--ia-light)) 0 92%/0 .14em no-repeat}
.js .ia-say.is-play .ia-say__big em{background-size:100% .14em;transition:background-size .6s var(--ease) calc(var(--i) * .22s + .2s)}
.ia-say__small{margin-top:clamp(30px,3.4vw,52px);max-width:52ch;font-family:var(--display);font-size:clamp(19px,1.6vw,24px);line-height:1.4;color:rgba(21,25,27,.72)}
.ia-say__small b{font-weight:700;color:var(--indigo)}
/* what Indian companies are doing: four movements under the sentence, each on its own steel rule */
.ia-mvt{margin-top:clamp(30px,3.4vw,52px)}
.ia-mvt__lb{font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--indigo)}
.ia-mvt ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);margin-top:14px}
.ia-mvt li{padding-top:14px;border-top:2px solid var(--indigo);font-family:var(--display);font-size:clamp(20px,1.8vw,27px);line-height:1.15;color:var(--dust)}
.ia-mvt li:nth-child(1){--i:0}.ia-mvt li:nth-child(2){--i:1}.ia-mvt li:nth-child(3){--i:2}.ia-mvt li:nth-child(4){--i:3}
.js .ia-mvt li{opacity:0;translate:0 14px}
.js .ia-say.is-play .ia-mvt li{opacity:1;translate:none;transition:opacity .5s ease calc(var(--i) * .15s + .7s),translate .6s var(--ease) calc(var(--i) * .15s + .7s)}
@media print{.js .ia-mvt li{opacity:1;translate:none}}
.ia-say__big em:nth-of-type(1){--i:0}.ia-say__big em:nth-of-type(2){--i:1}.ia-say__big em:nth-of-type(3){--i:2}.ia-say__big em:nth-of-type(4){--i:3}.ia-say__big em:nth-of-type(5){--i:4}
@media print{.ia-say__big em{background-size:100% .14em}}

/* 3. the journey: a route across the page; a marker runs it and lights the stations; the three components run as
   bands under the stretch of the route they serve */
.ia-jr{padding:clamp(56px,6vw,96px) var(--pad) clamp(64px,7vw,110px);background:#EEE8E5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ia-jr__lead{margin-top:14px;font-family:var(--display);font-size:clamp(24px,2.4vw,36px);line-height:1.15;letter-spacing:-.01em;color:var(--dust);max-width:28ch}
.jr{position:relative;margin-top:clamp(40px,4.4vw,70px);--st:4}
.jr__run{position:relative}
.jr__line{position:absolute;left:12.5%;right:12.5%;top:13px;height:2px;background:rgba(63,90,102,.22)}
.jr__fill{position:absolute;inset:0;background:var(--indigo);transform-origin:left}
.jr__mark{position:absolute;left:0;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#F7F2EF;border:3px solid var(--indigo);box-shadow:0 0 0 6px rgba(63,90,102,.16);z-index:2}
.jr__st{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}
.jr__st li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 clamp(6px,1vw,16px)}
.jr__dot{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;background:#EEE8E5;border:2px solid var(--indigo)}
.jr__n{margin-top:18px;font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--indigo)}
.jr__st h3{margin-top:8px;font-family:var(--display);font-weight:400;font-size:clamp(38px,4.2vw,64px);line-height:1;letter-spacing:-.02em;color:var(--dust)}
.jr__st p{margin-top:10px;font-family:var(--display);font-style:italic;font-size:clamp(18px,1.5vw,22px);line-height:1.25;color:rgba(21,25,27,.74)}
.jr__bands{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:clamp(32px,3.4vw,52px)}
.jr__bands li{display:flex;flex-direction:column;justify-content:center;min-height:clamp(104px,8.6vw,124px);padding:clamp(16px,1.6vw,22px) clamp(18px,1.8vw,26px);background:var(--b);color:#F7F2EF;transform-origin:left}
.jr__b1{--b:#2B3F48;grid-column:1}
.jr__b2{--b:#3F5A66;grid-column:2}
.jr__b3{--b:#527080;grid-column:3/span 2}
.jr__bands b{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ia-light)}
.jr__bands span{margin-top:8px;font-family:var(--display);font-size:clamp(17px,1.35vw,20px);line-height:1.3;color:rgba(247,242,239,.92)}
.jr__bands small{display:none}
/* the run: the marker crosses in 2.4s; each station lights as it arrives (--i / 3 of the way); each band opens
   under its stretch once the marker has reached it */
.jr__st li:nth-child(1){--i:0}.jr__st li:nth-child(2){--i:1}.jr__st li:nth-child(3){--i:2}.jr__st li:nth-child(4){--i:3}
.js .jr__fill{transform:scaleX(0)}
.js .jr.is-play .jr__fill{transform:none;transition:transform 2.4s linear .2s}
.js .jr.is-play .jr__mark{left:100%;transition:left 2.4s linear .2s}
.js .jr__st li h3,.js .jr__st li p,.js .jr__st li .jr__n{opacity:.3}
.js .jr.is-play .jr__st li h3,.js .jr.is-play .jr__st li p,.js .jr.is-play .jr__st li .jr__n{opacity:1;transition:opacity .5s ease calc(var(--i) * .8s + .2s)}
.js .jr.is-play .jr__dot{background:var(--indigo);transition:background .3s ease calc(var(--i) * .8s + .2s)}
.js .jr__bands li{transform:scaleX(0)}
.js .jr.is-play .jr__b1{transform:none;transition:transform .7s var(--ease) .45s}
.js .jr.is-play .jr__b2{transform:none;transition:transform .7s var(--ease) 1.25s}
.js .jr.is-play .jr__b3{transform:none;transition:transform .9s var(--ease) 2.05s}
@media print{.js .jr__fill,.js .jr__bands li{transform:none}.js .jr__st li h3,.js .jr__st li p,.js .jr__st li .jr__n{opacity:1}}

/* 3b. the route, step by step: the line runs down the page, a station at each step; the step's name and question on
   one side, Commwiser's words and a small picture of them on the other. Each step plays as it arrives. */
.ia-st{padding:clamp(64px,7vw,110px) var(--pad) clamp(20px,3vw,40px)}
.st{list-style:none}
.st__i{position:relative;display:grid;grid-template-columns:28px minmax(0,.72fr) minmax(0,1.4fr);column-gap:clamp(18px,3vw,56px);padding-bottom:clamp(56px,6vw,96px)}
.st__i::before{content:"";grid-column:1;grid-row:1;position:relative;z-index:1;width:28px;height:28px;margin-top:6px;border-radius:50%;background:#F7F2EF;border:2px solid var(--indigo);box-sizing:border-box}
.st__i:not(:last-child)::after{content:"";position:absolute;left:13px;top:40px;bottom:6px;width:2px;background:var(--indigo);transform-origin:top}
.st__hd{grid-column:2}
.st__n{font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--indigo)}
.st__hd h3{margin-top:8px;font-family:var(--display);font-weight:400;font-size:clamp(40px,4.4vw,66px);line-height:1;letter-spacing:-.02em;color:var(--dust)}
.st__q{margin-top:10px;font-family:var(--display);font-style:italic;font-size:clamp(19px,1.6vw,24px);line-height:1.25;color:rgba(21,25,27,.74)}
.st__bd{grid-column:3;max-width:64ch}
.st__lead{font-family:var(--display);font-size:clamp(22px,2vw,30px);line-height:1.22;letter-spacing:-.005em;color:var(--dust)}
.st__bd>p:not(.st__lead){margin-top:16px;font-size:clamp(17px,1.25vw,19px);line-height:1.6;color:rgba(21,25,27,.8)}
.st__fig{margin-top:clamp(26px,2.6vw,38px)}
.fg__row+.fg__row,.fg-cor+.fg__row{margin-top:20px}
.fg__row small{display:block;font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--indigo)}
.fg__row ul,.fg-iu ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.fg__row li{padding:8px 14px;background:#EEE8E5;border:1px solid rgba(63,90,102,.26);font-family:var(--display);font-size:clamp(16px,1.2vw,18px);line-height:1.2;color:var(--dust)}
.st__fig li:nth-child(1){--i:0}.st__fig li:nth-child(2){--i:1}.st__fig li:nth-child(3){--i:2}.st__fig li:nth-child(4){--i:3}.st__fig li:nth-child(5){--i:4}
/* Position: the corridors, a line drawn out of India to each */
.fg-cor{list-style:none;display:grid;gap:10px;max-width:520px}
.fg-cor li{display:flex;align-items:center;gap:14px;font-family:var(--display);font-size:clamp(17px,1.3vw,20px);line-height:1}
.fg-cor b{font-weight:400;color:var(--indigo)}
.fg-cor i{flex:1;height:2px;background:var(--ia-light);transform-origin:left}
.fg-cor span{min-width:8.5em;color:var(--dust)}
.fg-cor li:last-child span{font-style:italic;color:rgba(21,25,27,.6)}
/* Engage: India Unbound, a steel card */
.fg-iu{padding:clamp(22px,2.4vw,34px);background:var(--indigo);color:#F7F2EF}
.fg-iu__name{font-family:var(--display);font-size:clamp(28px,2.8vw,42px);line-height:1;letter-spacing:-.015em}
.fg-iu__what{margin-top:10px;font-family:var(--display);font-size:clamp(17px,1.3vw,20px);line-height:1.3;color:var(--ia-light)}
.fg-iu ul{margin-top:18px}
.fg-iu li{padding:8px 14px;border:1px solid rgba(247,242,239,.4);font-family:var(--display);font-size:clamp(16px,1.2vw,18px);line-height:1.2}
.fg-iu__you{margin-top:18px;font-family:var(--display);font-style:italic;font-size:16px;color:rgba(247,242,239,.78)}
/* Convert: the relationship rising, step on step */
.fg-up{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:6px}
.fg-up li{display:flex;align-items:flex-end;height:calc(64px + var(--i) * 26px);padding:12px;background:var(--b);font-family:var(--display);font-size:clamp(15px,1.15vw,17px);line-height:1.15;color:var(--f,#F7F2EF);transform-origin:bottom}
.fg-up li:nth-child(1){--b:#D5E3E9;--f:var(--dust)}.fg-up li:nth-child(2){--b:#A9CBD8;--f:var(--dust)}.fg-up li:nth-child(3){--b:#6C9BAD}.fg-up li:nth-child(4){--b:#3F5A66}.fg-up li:nth-child(5){--b:#2B3F48}
/* play */
.js .st__i::before{transition:background .3s ease .2s}
.js .st__i.is-play::before{background:var(--indigo)}
.js .st__i:not(:last-child)::after{transform:scaleY(0)}
.js .st__i.is-play:not(:last-child)::after{transform:none;transition:transform 1.4s linear .4s}
.js .fg__row li,.js .fg-iu li{opacity:0;translate:0 10px}
.js .st__i.is-play .fg__row li,.js .st__i.is-play .fg-iu li{opacity:1;translate:none;transition:opacity .45s ease calc(var(--i) * .12s + .35s),translate .5s var(--ease) calc(var(--i) * .12s + .35s)}
.js .fg-cor i{transform:scaleX(0)}
.js .st__i.is-play .fg-cor i{transform:none;transition:transform .7s var(--ease) calc(var(--i) * .18s + .3s)}
.js .fg-up li{transform:scaleY(0)}
.js .st__i.is-play .fg-up li{transform:none;transition:transform .55s var(--ease) calc(var(--i) * .2s + .3s)}
@media print{.js .st__i::after,.js .fg-cor i,.js .fg-up li{transform:none}.js .fg__row li,.js .fg-iu li{opacity:1;translate:none}}

/* 4. who you'll reach: four names, set large */
.ia-reach{padding:clamp(64px,7vw,110px) var(--pad) clamp(56px,6vw,96px)}
.ia-reach ul{list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;margin-top:clamp(18px,2vw,28px);gap:6px 0}
.ia-reach li{display:flex;align-items:baseline;font-family:var(--display);font-size:clamp(34px,4.6vw,70px);line-height:1.08;letter-spacing:-.02em;color:var(--dust)}
.ia-reach li+li::before{content:"";align-self:center;width:clamp(10px,1vw,16px);height:.62em;margin:0 clamp(16px,1.8vw,30px);background:var(--ia-light);transform:skewX(-34.25deg)}
.ia-reach li:nth-child(1){--i:0}.ia-reach li:nth-child(2){--i:1}.ia-reach li:nth-child(3){--i:2}.ia-reach li:nth-child(4){--i:3}
.js .ia-reach li{opacity:0;translate:0 18px}
.js .ia-reach.is-play li{opacity:1;translate:none;transition:opacity .5s ease calc(var(--i) * .18s),translate .6s var(--ease) calc(var(--i) * .18s)}
@media print{.js .ia-reach li{opacity:1;translate:none}}

/* 5. Mirovia: India, connected to the world. A dark ground cut in on the slash; the network's logo; three lines */
.ia-mv{isolation:isolate;color:#F7F2EF;padding:calc(var(--wz) + clamp(30px,4vw,64px)) var(--pad) clamp(70px,8vw,120px)}
.ia-mv>.depth{left:0;right:0;clip-path:none;background:var(--ia-deep)}
.fx .ia-mv>.wp{left:0;right:0}
.ia-mv h2.lbl{color:var(--ia-light)}
.ia-mv__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(30px,5vw,90px);align-items:start;margin-top:clamp(18px,2vw,28px)}
.ia-mv__big{font-family:var(--display);font-size:clamp(34px,4.2vw,62px);line-height:1.04;letter-spacing:-.02em}
.ia-mv__cap{margin-top:clamp(18px,2vw,28px);max-width:44ch;font-size:clamp(17px,1.3vw,19px);line-height:1.5;color:rgba(247,242,239,.78)}
.ia-mv__logo{display:flex;align-items:center;gap:14px;margin-top:clamp(26px,3vw,44px);color:#F7F2EF}
.ia-mv__logo .dg__lb{font-family:var(--display);font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ia-light)}
.ia-mv__logo svg{display:block;width:clamp(150px,13vw,200px);height:auto}
.ia-mv ul{list-style:none;border-top:1px solid rgba(247,242,239,.24)}
.ia-mv ul li{display:flex;align-items:center;gap:18px;padding:clamp(16px,1.8vw,26px) 0;border-bottom:1px solid rgba(247,242,239,.24);font-family:var(--display);font-size:clamp(26px,2.6vw,40px);line-height:1.1;letter-spacing:-.01em}
.ia-mv ul li::before{content:"";flex:none;width:12px;height:22px;background:var(--ia-light);transform:skewX(-34.25deg)}
.ia-mv ul li:nth-child(1){--i:0}.ia-mv ul li:nth-child(2){--i:1}.ia-mv ul li:nth-child(3){--i:2}
.js .ia-mv ul li{opacity:0;translate:-14px 0}
.js .ia-mv ul.is-play li{opacity:1;translate:none;transition:opacity .5s ease calc(var(--i) * .2s),translate .6s var(--ease) calc(var(--i) * .2s)}
@media print{.js .ia-mv ul li{opacity:1;translate:none}}

/* 6. the close: one steel band across the page */
.ia-close{padding:clamp(64px,7vw,112px) var(--pad);background:var(--indigo);color:#F7F2EF}
.ia-close h2{font-family:var(--display);font-weight:400;font-size:clamp(38px,5vw,76px);line-height:1;letter-spacing:-.02em}
.ia-close p{margin-top:clamp(12px,1.4vw,18px);font-family:var(--display);font-size:clamp(20px,1.8vw,27px);line-height:1.25;color:rgba(247,242,239,.86)}
.ia-close .btn{margin-top:clamp(26px,3vw,40px);border-color:#F7F2EF;color:#F7F2EF}
.ia-close .btn:hover{background:#F7F2EF;color:var(--indigo)}
.ia-close :focus-visible{outline-color:var(--ia-light)}

@media (max-width:1100px){
  .ia-mvt ul{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
  .st__i{grid-template-columns:28px minmax(0,1fr);row-gap:22px}
  .st__hd,.st__bd{grid-column:2}
}
@media (max-width:900px){
  .ia-mv__grid{grid-template-columns:minmax(0,1fr);row-gap:34px}
  /* the route runs down the page: the line on the left, stations beside it; each band follows its stations */
  .jr__line{display:none}
  /* each station draws the segment down to the next, in turn */
  .jr__st li{position:relative}
  .jr__st li:not(:last-child)::after{content:"";position:absolute;left:13px;top:28px;bottom:-30px;width:2px;background:var(--indigo);transform-origin:top}
  .js .jr__st li:not(:last-child)::after{transform:scaleY(0)}
  .js .jr.is-play .jr__st li:not(:last-child)::after{transform:none;transition:transform .8s linear calc(var(--i) * .8s + .2s)}
  .jr__st{grid-template-columns:minmax(0,1fr);row-gap:30px}
  .jr__st li{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-areas:"d n" "d h" "d p";column-gap:20px;align-items:start;text-align:left;padding:0}
  .jr__dot{grid-area:d}.jr__n{grid-area:n;margin-top:4px}.jr__st h3{grid-area:h}.jr__st p{grid-area:p}
  .jr__bands{grid-template-columns:minmax(0,1fr)}
  .jr__b1,.jr__b2,.jr__b3{grid-column:auto}
  .jr__bands small{display:block;order:-1;margin-bottom:6px;font-family:var(--display);font-size:13px;font-style:italic;color:rgba(247,242,239,.7)}
}
@media (max-width:700px){
  .ia-map{width:calc(100% + 2 * var(--pad));min-width:0;margin-left:calc(-1 * var(--pad))}
  .wm__land{stroke-width:4.2;stroke:rgba(247,242,239,.3)}
  .wm__stops b{display:none}
  .wm__mark{left:-10px;top:-10px;width:20px}
  .wm__route{display:flex;flex-wrap:wrap;gap:8px 0;list-style:none;margin-top:16px}
  .wm__route li{display:flex;align-items:center;font-family:var(--display);font-size:16px;color:#F7F2EF}
  .wm__route li+li::before{content:"\2192";margin:0 9px;color:var(--ia-light)}
  .wm__route li:first-child{color:var(--ia-light)}
  .ia-reach ul{flex-direction:column;align-items:flex-start;gap:4px}
  .ia-mvt ul{grid-template-columns:minmax(0,1fr);row-gap:16px}
  .st__i{column-gap:16px}
  .fg-cor span{min-width:0}
  /* the rising steps lie down: each one further in, deepening as it goes */
  .fg-up{grid-template-columns:minmax(0,1fr);gap:4px}
  .fg-up li{height:auto;margin-left:calc(var(--i) * 14px);padding:11px 14px;transform-origin:left}
  .js .fg-up li{transform:scaleX(0)}
  .ia-reach li+li::before{display:none}
}