.route-payments{--bg:#101010;--ink:#fff;--muted:#aaa;background:#101010;color:#fff}
.route-payments .own-navigation{font-family:OwnHeader,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1;letter-spacing:normal}
.route-payments .own-navigation .on-close{padding:0}
.route-payments .own-footer{font-family:OwnFooter,Arial,sans-serif;font-size:16px;font-weight:450;line-height:1;letter-spacing:normal}
.route-payments .own-footer h3{letter-spacing:normal}
.route-payments .own-footer-company p{line-height:inherit}
.route-payments main{overflow:clip}
.route-payments .oa-hero-film{background-image:url(og-payments-hero-poster.webp)}
.pm-hero .oa-hero-aside>p:first-child{text-wrap:balance}
@media(min-width:1001px){.pm-hero .oa-hero-video{object-position:88% 30%}.route-payments .oa-hero-film{background-position:88% 30%}}
@media(min-width:1001px){.pm-hero .oa-hero-film{scale:.76;transform-origin:86% 2%}}
@media(min-width:1001px) and (max-height:820px){.pm-hero .oa-hero-film{scale:.68}}

.pm-through{background:#101010}
.pm-through-track{position:relative}
.pm-through-track.is-pinned{height:340svh}
.pm-through-stage{position:relative;isolation:isolate;height:100svh;min-height:520px;overflow:hidden;background:#101010}
.pm-through-track.is-pinned .pm-through-stage{position:sticky;top:0}
.pm-seq{position:absolute;inset:0;z-index:1}
.pm-seq canvas{display:block;width:100%;height:100%}
.pm-through-track:not(.is-pinned) .pm-seq{display:none}
.pm-through-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pm-seq.is-drawn~.pm-through-still{opacity:0}
.pm-through-open{position:absolute;z-index:2;left:max(56px,calc((100% - 1600px) / 2));top:max(72px,10svh);margin:0;font-size:clamp(34px,4vw,60px);line-height:1.05;letter-spacing:-.035em;color:#fff;opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.pm-through-stage.is-open .pm-through-open{opacity:1;transform:none}
.pm-through-end{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;font-size:clamp(44px,6.2vw,104px);line-height:1;letter-spacing:-.045em;text-align:center;color:#121212;opacity:0;transform:scale(.96);transition:opacity .7s var(--ease),transform .9s var(--ease)}
.pm-through-end span{display:block}
.pm-through-stage.is-end .pm-through-end{opacity:1;transform:none}
.pm-through-track:not(.is-pinned) .pm-through-stage{height:auto;min-height:0;background:#fff}
.pm-through-track:not(.is-pinned) .pm-through-still{position:relative;height:auto;aspect-ratio:16/9}
.pm-through-track:not(.is-pinned) .pm-through-open{top:40px}
.pm-through-track:not(.is-pinned) .pm-through-end{position:relative;padding:96px 20px}

.pm-routes{background:#fff;color:#121212;padding:40px 0 120px}
.pm-routes .oa-section-head>p{color:#717171;max-width:360px}
.pm-network{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
.pm-map-col,.pm-panel{min-width:0}
.pm-map-wrap{position:relative}
.pm-map{display:block;width:100%;height:auto;overflow:visible}
.pm-map path{fill:none;stroke:#121212;stroke-linecap:round;stroke-linejoin:round}
.pm-line{cursor:pointer;opacity:.16;transition:opacity .45s var(--ease)}
.pm-line.is-on{opacity:1}
.pm-line-sepa path{stroke-width:9}
.pm-line-uk path{stroke-width:13}
.pm-line-uk .pm-line-core{stroke:#fff;stroke-width:5}
.pm-line-us path{stroke-width:9;stroke-dasharray:18 11;stroke-linecap:butt}
.pm-line-swift path{stroke-width:6;stroke-dasharray:0 14}
.pm-station{opacity:.3;transition:opacity .45s var(--ease)}
.pm-station.is-on{opacity:1}
.pm-station circle{fill:#fff;stroke:#121212;stroke-width:3}
.pm-station.is-interchange circle{stroke-width:4}
.pm-station text{font-size:15px;letter-spacing:-.01em;fill:#121212}
.pm-tag{opacity:.25;transition:opacity .45s var(--ease)}
.pm-tag.is-on{opacity:1}
.pm-tag rect{fill:#121212}
.pm-tag text{font-size:12px;letter-spacing:.08em;fill:#fff}
.pm-runner{fill:#121212;stroke:#fff;stroke-width:3}
.pm-map-note{margin-top:18px;color:#8a8a8a}
.pm-processing{margin-top:22px}
.pm-processing .oa-text-link{gap:14px;font-size:15px;color:#121212;border-bottom:1px solid #12121240}
.pm-processing .oa-text-link:hover{border-bottom-color:#121212}
.pm-legend{display:grid;gap:6px}
.pm-legend-item{display:flex;align-items:center;gap:16px;width:100%;min-height:60px;padding:10px 16px;border-radius:16px;background:#f2f2f2;color:#121212;text-align:left;transition:background-color .25s,color .25s}
.pm-legend-item:hover:not([aria-pressed=true]){background:#e8e8e8}
.pm-legend-item[aria-pressed=true]{background:#121212;color:#fff}
.pm-legend-item:focus-visible{outline:1px solid #121212;outline-offset:3px}
.pm-legend-name b{display:block;font-weight:400;font-size:17px;letter-spacing:-.01em}
.pm-legend-name small{display:block;margin-top:2px;font-size:12px;opacity:.6}
.pm-swatch{flex:none;width:44px;height:10px;color:inherit}
.pm-swatch-sepa{height:6px;border-radius:3px;background:currentColor}
.pm-swatch-uk{height:10px;border-top:3px solid currentColor;border-bottom:3px solid currentColor}
.pm-swatch-us{height:6px;background:repeating-linear-gradient(90deg,currentColor 0 10px,#0000 10px 16px)}
.pm-swatch-swift{height:6px;background:radial-gradient(circle,currentColor 2.6px,#0000 3px) 0 50%/11px 6px repeat-x}
.pm-details{margin-top:28px}
.pm-detail-lead{font-size:20px;line-height:1.35;letter-spacing:-.02em}
.pm-detail dl{margin:18px 0 0}
.pm-detail dl div{padding:14px 0;border-top:1px solid #12121218}
.pm-detail dt{font-size:12px;color:#8a8a8a}
.pm-detail dd{margin:4px 0 0;font-size:16px;line-height:1.4;font-variant-numeric:tabular-nums}

.pm-plan{background:#f4f4f4;color:#121212;padding:120px 0}
.pm-plan .oa-section-head>p{color:#717171;max-width:360px}
.pm-sentence{display:flex;flex-wrap:wrap;align-items:baseline;gap:.1em .32em;max-width:1320px;margin:0;font-size:clamp(34px,4.4vw,70px);line-height:1.3;letter-spacing:-.035em}
.pm-slot{position:relative;display:inline-flex;align-items:baseline;border-bottom:2px solid #12121233;cursor:text;transition:border-color .25s}
.pm-slot:hover{border-bottom-color:#12121280}
.pm-slot:focus-within{border-bottom-color:#121212}
.pm-slot input,.pm-slot select{min-width:1.2em;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;font-variant-numeric:tabular-nums;outline:none;appearance:none;-webkit-appearance:none}
.pm-slot-select{cursor:pointer}
.pm-slot-select select{cursor:pointer}
.pm-slot-select:after{content:"";position:absolute;right:.08em;top:50%;width:.22em;height:.22em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none;opacity:.55}
.pm-slot input[aria-invalid=true]{color:#9a9a9a}
.pm-symbol{margin-right:.04em}
.pm-mirror{position:absolute;visibility:hidden;white-space:pre;pointer-events:none;font:inherit;letter-spacing:inherit;font-variant-numeric:tabular-nums}
.pm-sentence{position:relative}
.pm-answer{display:grid;gap:10px;max-width:860px;margin-top:64px;padding-top:28px;border-top:1px solid #12121226}
.pm-answer-line{font-size:clamp(24px,2.2vw,32px);letter-spacing:-.025em}
.pm-answer-need{font-size:18px;line-height:1.45;color:#555}
.pm-answer-value{margin-top:12px;font-size:clamp(22px,2vw,28px);line-height:1.3;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pm-answer .oa-note{color:#8a8a8a}
.pm-answer .oa-button{justify-self:start;margin-top:18px}

.pm-people{background:#101010;color:#fff}
.pm-people-track{position:relative}
.pm-people-track.is-pinned{height:calc(100svh + var(--count,1) * 190svh)}
.pm-people-stage{position:relative;isolation:isolate;height:100svh;min-height:520px;overflow:hidden;background:#101010}
.pm-people-track.is-pinned .pm-people-stage{position:sticky;top:0}
.pm-shot{position:absolute;inset:0;margin:0;opacity:0}
.pm-shot.is-under,.pm-shot.is-current{opacity:1}
.pm-shot.is-current:not(.is-open){-webkit-mask-image:url(og-payments-window-hole.png);mask-image:url(og-payments-window-hole.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--mask-size,0 0);mask-size:var(--mask-size,0 0);-webkit-mask-position:var(--mask-pos,0 0);mask-position:var(--mask-pos,0 0)}
.pm-shot img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(var(--depth,1))}
.pm-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b0b0bb3,#0b0b0b00 42%);opacity:0;transition:opacity .6s var(--ease)}
.pm-shot.is-landed:after{opacity:1}
.pm-shot figcaption{position:absolute;z-index:1;left:max(56px,calc((100% - 1600px) / 2));bottom:max(132px,16svh);margin:0;font-size:clamp(36px,4.4vw,72px);line-height:1.04;letter-spacing:-.04em;color:#fff;opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.pm-shot.is-landed figcaption{opacity:1;transform:none}
.pm-window{position:absolute;z-index:2;left:0;top:0;width:min(88vw,1280px);pointer-events:none;will-change:transform}
.pm-window img{display:block;width:100%;height:auto}
.pm-people-head{position:absolute;z-index:3;top:max(64px,9svh);left:0;right:0}
.pm-people-head .oa-index{color:#ffffff8c}
.pm-people-head h2{margin-top:12px;font-size:clamp(40px,4.4vw,72px);line-height:1.02;letter-spacing:-.04em}
.pm-people-track:not(.is-pinned) .pm-people-stage{height:auto;min-height:0;overflow:visible;padding-bottom:64px}
.pm-people-track:not(.is-pinned) .pm-window{display:none}
.pm-people-track:not(.is-pinned) .pm-people-head{position:relative;top:auto;padding:96px 0 32px}
.pm-people-track:not(.is-pinned) .pm-shot{position:relative;opacity:1;margin-top:16px}
.pm-people-track:not(.is-pinned) .pm-shot img{height:auto;aspect-ratio:1672/941;transform:none}
.pm-people-track:not(.is-pinned) .pm-shot:after{opacity:1}
.pm-people-track:not(.is-pinned) .pm-shot figcaption{opacity:1;transform:none;bottom:24px;left:24px;font-size:clamp(26px,3vw,44px)}

.pm-start{background:#fff}
.pm-start .oa-step-dot{box-shadow:0 0 0 6px #fff}

@media(max-width:1200px){
 .pm-network{grid-template-columns:minmax(0,1fr) 300px;gap:32px}
}
@media(max-width:1000px){
 .pm-network{grid-template-columns:minmax(0,1fr)}
 .pm-legend{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 .route-payments .oa-hero-film{background-image:url(og-payments-hero-portrait-poster.webp)}
 .pm-through-open{left:20px;top:72px;font-size:32px}
 .pm-through-end{font-size:clamp(36px,10vw,52px);padding-inline:20px}
 .pm-routes{padding:24px 0 80px}
 .pm-map-wrap{margin-inline:-20px;padding-inline:20px;overflow-x:auto;scrollbar-width:none}
 .pm-map-wrap::-webkit-scrollbar{display:none}
 .pm-map{width:760px;max-width:none}
 .pm-station text{font-size:19px}
 .pm-tag text{font-size:14px}
 .pm-legend{grid-template-columns:1fr}
 .pm-legend-item{min-height:54px}
 .pm-plan{padding:80px 0}
 .pm-sentence{font-size:30px;line-height:1.4}
 .pm-answer{margin-top:40px}
 .pm-answer-need{font-size:16px}
 .pm-shot figcaption{left:20px;bottom:110px;font-size:34px}
 .pm-people-head h2{font-size:40px}
}
@media(prefers-reduced-motion:reduce){
 .pm-through-open,.pm-through-end,.pm-line,.pm-station,.pm-tag,.pm-shot figcaption,.pm-shot:after{transition:none}
}
