:where(.pv){
  --pv-a2-dot:22px;          
  --pv-a2-tick:28px;         
  --pv-fs-chain:1.125rem;    
}





:where(.pv.js-motion) .about-hero-sec .rhero .rhero-h.pv-a1-own{opacity:1; transform:none; transition:none}

:where(.pv) .about-hero-sec .rhero-h.pv-lines .pv-ln-t{text-shadow:0 2px 18px rgba(0,0,0,.35)}






:where(.pv) .routes-sec .chain{position:relative; grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr) 72px minmax(0,1fr)}   
:where(.pv) .routes-sec .cnode{padding:22px 24px}
:where(.pv) .routes-sec .cnode .cname{font-size:var(--pv-fs-chain)}
:where(.pv) .routes-sec .chain > .us{position:relative; overflow:hidden; isolation:isolate}

:where(.pv) .routes-sec .chain > .us::before{content:""; position:absolute; inset:0; z-index:-1; background:var(--pv-accent);
  transform:scaleX(0); transform-origin:left center}
:where(.pv) .routes-sec .chain.is-done > .us::before{transform:none}
:where(.pv) .routes-sec .chain.is-done > .us{border-color:var(--pv-accent)}
:where(.pv) .routes-sec .chain > .us .clab,
:where(.pv) .routes-sec .chain > .us .cname{transition:color 260ms var(--pv-ease) 40ms}
:where(.pv) .routes-sec .chain > .us.is-filling .clab,
:where(.pv) .routes-sec .chain > .us.is-filling .cname,
:where(.pv) .routes-sec .chain.is-done > .us .clab,
:where(.pv) .routes-sec .chain.is-done > .us .cname{color:var(--pv-on-accent)}
:where(.pv) .routes-sec .chain.is-done > .end,
:where(.pv) .routes-sec .chain.is-done .croutes .cnode{border-color:var(--pv-accent)}
:where(.pv) .routes-sec .chain.is-done .fdraw{clip-path:none}

:where(.pv) .a2-tick{position:absolute; right:12px; top:12px; width:var(--pv-a2-tick); height:var(--pv-a2-tick); pointer-events:none}
:where(.pv) .a2-tick path{fill:none; stroke:var(--pv-on-accent); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;
  stroke-dasharray:24; stroke-dashoffset:24}
:where(.pv) .routes-sec .chain.is-done .a2-tick path{stroke-dashoffset:0}
:where(.pv) .routes-sec .chain > .us .cname{padding-right:calc(var(--pv-a2-tick) + 4px)}

:where(.pv) .a2-dot{position:absolute; left:0; top:0; width:var(--pv-a2-dot); height:var(--pv-a2-dot);
  margin:calc(var(--pv-a2-dot) / -2) 0 0 calc(var(--pv-a2-dot) / -2); z-index:3; border-radius:50%;
  background:var(--pv-accent); box-shadow:0 0 0 6px color-mix(in srgb, var(--pv-accent) 18%, transparent);
  opacity:0; pointer-events:none}
:where(.pv) .a2-dot.t1{--pv-a2-dot:16px; box-shadow:none}
:where(.pv) .a2-dot.t2{--pv-a2-dot:11px; box-shadow:none}

:where(.pv) .routes-sec .cnode{transition:border-color var(--pv-dur) var(--pv-ease), background-color .4s}
:where(.pv) .routes-sec .chain .is-lit{border-color:var(--pv-accent)}

@media (max-width:900px){
  :where(.pv) .routes-sec .chain{grid-template-columns:1fr}
  :where(.pv) .routes-sec .chain.is-done::after{transform:none}
  
  :where(.pv) .routes-sec .chain > .us::before{transform:scaleY(0); transform-origin:center top}
}





:where(.pv) .close-about h2 .a3-m{display:block; overflow:hidden; padding-block:.06em .18em; margin-block:-.06em -.18em}
:where(.pv) .close-about h2 .a3-t{display:block}
:where(.pv) .close-about h2 .a3-m.is-wait .a3-t{transform:translateY(110%)}
:where(.pv) .close-about .close-links.is-wait{opacity:0; transform:translateY(var(--pv-rise))}



:where(.pv) .close-about h2.a3-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,2.6vw,36px); align-items:start}

:where(.pv) .close-about h2.a3-grid{font-size:var(--pv-fs-h3); text-align:center}
:where(.pv) .close-about h2.a3-grid img{display:block; width:100%; aspect-ratio:4/5; object-fit:cover; margin-bottom:clamp(14px,1.6vw,22px)}
@media (max-width:699px){
  :where(.pv) .close-about h2.a3-grid{grid-template-columns:1fr; gap:36px}
  :where(.pv) .close-about h2.a3-grid img{aspect-ratio:4/3}
}

@media (prefers-reduced-motion:reduce){
  :where(.pv) .close-about h2 .a3-m.is-wait .a3-t,
  :where(.pv) .close-about .close-links.is-wait{transform:none; opacity:1}
}



:where(.pv) .pullq blockquote p{text-wrap:pretty}