@layer components{.pd-chunk{font-family:var(--font-nunito), system-ui, sans-serif;font-weight:900}.pd-hand{font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-weight:700}.br-mono{font-family:var(--font-atkinson-mono), ui-monospace, monospace;font-weight:700}.pd-scene{position:relative;container-type:inline-size}.pd-svg{width:100%;height:auto;display:block;overflow:visible}.pd-pip{width:23.75%;position:absolute;top:42.26%;left:53.75%}.pd-obj,.pd-in{transform-box:fill-box;transform-origin:50% 100%}.pd-card{z-index:1;width:41%;position:absolute;bottom:21%;left:5%}.pd-card .pd-obj{isolation:isolate;position:relative}.pd-card .pd-obj:before,.pd-card .pd-obj:after{content:"";z-index:-1;border:var(--outline) solid var(--color-ink);border-radius:var(--radius-chunk);position:absolute;inset:0}.pd-card .pd-obj:before{background:var(--color-gold);transform:rotate(5deg)translate(6px,2px)}.pd-card .pd-obj:after{z-index:-2;background:var(--color-cream);transform:rotate(-6deg)translate(-6px,4px)}:is(.pd-host:has([data-desk=card]:focus-visible) .pd-obj--card,.pd-host:has([data-desk=cells]:focus-visible) .pd-obj--cells){filter:drop-shadow(0 0 12px #ffd873f2)}@media (hover:hover) and (pointer:fine){:is(.pd-host:has([data-desk=card]:hover) .pd-obj--card,.pd-host:has([data-desk=cells]:hover) .pd-obj--cells){filter:drop-shadow(0 0 12px #ffd873f2)}}.tr-map{padding-inline:clamp(0px,5vw,90px);position:relative}.tr-route{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tr-route path{fill:none;stroke-linecap:round;stroke-linejoin:round}.tr-road-bed{stroke:var(--color-sand-deep);stroke-width:46px;opacity:.65}.tr-road-ahead{stroke:var(--color-cocoa);stroke-width:3px;stroke-dasharray:2 12;opacity:.5}.tr-edge{stroke:var(--color-ink);stroke-width:28px}.tr-edge--locked,.tr-edge--fade{stroke:var(--color-cocoa);stroke-linecap:butt;stroke-dasharray:9 7}.tr-fill{stroke:var(--color-gold);stroke-width:20px}.tr-fill--locked,.tr-fill--fade{stroke:var(--color-field-warm-deep)}.tr-line{stroke:var(--color-cream);stroke-width:3px;stroke-dasharray:10 12}.tr-line--locked,.tr-line--fade{stroke:var(--color-cocoa);stroke-dasharray:1 11;opacity:.45}.tr-fade .tr-edge{stroke-dasharray:40 100}.tr-fade .tr-fill{stroke-dasharray:38 100}.tr-fade .tr-fill--soft{stroke-dasharray:56 100;opacity:.45}.tr-stops{grid-template-columns:repeat(min(var(--tr-count,4), 4), minmax(0, 1fr));max-width:calc(min(var(--tr-count,4), 4) * 300px);grid-auto-flow:dense;margin:0 auto;padding:0;list-style:none;display:grid;position:relative}.tr-stops>li:nth-child(8n+1){grid-column:1}.tr-stops>li:nth-child(8n+2){grid-column:2}.tr-stops>li:nth-child(8n+3){grid-column:3}.tr-stops>li:nth-child(8n+4),.tr-stops>li:nth-child(8n+5){grid-column:4}.tr-stops>li:nth-child(8n+6){grid-column:3}.tr-stops>li:nth-child(8n+7){grid-column:2}.tr-stops>li:nth-child(8n+8){grid-column:1}.tr-stop{grid-row:span 5;grid-template-rows:subgrid;padding-bottom:36px;display:grid}.tr-stop__body{grid-row:1/-1;grid-template-rows:subgrid;text-align:center;color:inherit;border-radius:20px;place-items:start center;padding:0 10px 6px;text-decoration:none;display:grid}.tr-spot{width:170px;height:188px;position:relative}.tr-land{transform-origin:50% 100%;width:170px;height:149px;display:block}.tr-pin{background:var(--color-gold);border:var(--outline) solid var(--color-ink);width:50px;height:50px;color:var(--color-ink);font-family:var(--font-nunito), system-ui, sans-serif;border-radius:50%;place-items:center;font-size:1.375rem;font-weight:900;line-height:1;display:grid;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 0 0 8px #f4b73a59}.tr-pin__num{font-size:15px}.tr-name{max-width:18ch;font-family:var(--font-nunito), system-ui, sans-serif;letter-spacing:-.01em;margin-top:26px;font-size:1.3125rem;font-weight:850;line-height:1.12}.tr-state{color:var(--color-cardinal-deep);margin-top:4px;font-size:1rem;font-weight:800}.tr-note{color:var(--color-cocoa);font-size:.9375rem;font-weight:700}.tr-foot{justify-items:center;display:grid}.is-open .tr-pin:after{content:"";border:3px solid var(--color-gold);opacity:0;border-radius:50%;position:absolute;inset:-12px}.is-partly .tr-pin{background:linear-gradient(90deg, var(--color-gold) 50%, var(--color-field-warm-deep) 50%);box-shadow:-6px 0 0 4px #f4b73a59}.is-locked .tr-land{filter:grayscale(.85)brightness(1.12)contrast(.7);opacity:.72;transform:scale(.74)}.is-locked .tr-pin{background:var(--color-field-warm-deep);border:var(--outline-thin) solid var(--color-cocoa);width:40px;height:40px;color:var(--color-cocoa);box-shadow:none;bottom:-9px}.is-locked .tr-pin__num{font-size:12px}.tr-lock{width:21px;height:23px;position:absolute;top:-12px;right:-11px}.is-locked .tr-name{max-width:16ch;color:var(--color-cocoa);font-size:1.0625rem;font-weight:800}.is-locked .tr-state{color:var(--color-cocoa);font-size:.9375rem;font-weight:700}a.tr-stop__body:focus-visible .tr-name{color:var(--color-cardinal-deep)}@media (hover:hover) and (pointer:fine){a.tr-stop__body:hover .tr-name{color:var(--color-cardinal-deep)}a.tr-stop__body:hover .tr-pin{box-shadow:0 0 0 12px #f4b73a80}.is-partly a.tr-stop__body:not(:focus-visible):hover .tr-pin{box-shadow:-8px 0 0 7px #f4b73a80}}a.tr-stop__body:focus-visible{box-shadow:none;outline:none}a.tr-stop__body:focus-visible .tr-pin{box-shadow:0 0 0 4px var(--color-field-warm), 0 0 0 8px var(--color-ink), 0 0 0 16px #f4b73a8c}@media (forced-colors:active){a.tr-stop__body:focus-visible{outline-offset:4px;outline:3px solid canvastext}}@media (min-width:701px) and (max-width:999px){.tr-stops{grid-template-columns:repeat(min(var(--tr-count,3), 3), minmax(0, 1fr));max-width:calc(min(var(--tr-count,3), 3) * 300px)}.tr-stops>li:nth-child(n){grid-column:auto}.tr-stops>li:nth-child(6n+1){grid-column:1}.tr-stops>li:nth-child(6n+2){grid-column:2}.tr-stops>li:nth-child(6n+3),.tr-stops>li:nth-child(6n+4){grid-column:3}.tr-stops>li:nth-child(6n+5){grid-column:2}.tr-stops>li:nth-child(6n+6){grid-column:1}}@media (max-width:700px){.tr-map{padding-inline:0}.tr-stops{grid-template-columns:minmax(0,1fr);max-width:none}.tr-stops>li:nth-child(n){grid-column:1}.tr-stop{grid-row:auto;padding-bottom:18px;display:block}.tr-stop.is-locked{padding-bottom:10px}.tr-stop__body{text-align:left;grid-template:"pin land."1fr"pin land name""pin land state""pin land note""pin land foot""pin land."1fr/78px 100px minmax(0,1fr);grid-row:auto;place-items:center start;column-gap:10px;padding:0}.tr-spot{display:contents}.tr-land{grid-area:land;justify-self:center;width:100px;height:88px}.tr-pin{grid-area:pin;width:46px;height:46px;position:relative;bottom:auto;left:auto;transform:none}.tr-stop:nth-child(2n) .tr-pin{justify-self:end}.tr-name{grid-area:name;max-width:none;margin-top:0;font-size:1.125rem}.tr-state{grid-area:state;margin-top:2px;font-size:.9375rem}.tr-note{grid-area:note;font-size:.875rem}.tr-foot{grid-area:foot;justify-items:start}.is-locked .tr-land{width:58px;height:51px;transform:none}.is-locked .tr-pin{width:36px;height:36px;margin-inline:5px;bottom:auto}.is-locked .tr-name{font-size:1rem}.is-locked .tr-state{margin-top:0;font-size:.875rem}.tr-lock{width:18px;height:20px;top:-10px;right:-9px}}@media (max-width:380px){.tr-stop__body{grid-template-columns:66px 78px minmax(0,1fr);column-gap:8px}.tr-land{width:78px;height:68px}.tr-pin{width:42px;height:42px}.is-locked .tr-land{width:50px;height:44px}}@media (max-width:700px){.lp-journey__previews .tr-stop__body{grid-template-columns:80px minmax(0,1fr);grid-template-areas:"spot.""spot name""spot state""spot note""spot foot""spot.";column-gap:12px}.lp-journey__previews .tr-spot{grid-area:spot;width:80px;height:116px;display:block}.lp-journey__previews .tr-land{width:80px;height:70px}.lp-journey__previews .tr-pin{width:42px;height:42px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.lp-journey__previews .tr-name{overflow-wrap:anywhere;min-width:0}}@media print{.tr-route{display:none}}.br-frame{aspect-ratio:1200/340;position:relative}.br-frame:has(>button){margin-bottom:4rem}.br-svg{width:100%;height:100%;display:block;overflow:hidden}.br-flag,.br-cloth,.br-rays,.br-row{transform-box:fill-box}.br-flag{transform-origin:0 100%}.br-cloth{transform-origin:0%}.br-rays{transform-origin:50%}.br-row{transform-origin:0%}.br-chip{--from:calc(290px - var(--x));--to:calc(900px - var(--x))}@media (max-width:700px){.br-frame{aspect-ratio:760/340}.br-move--exam{transform:translate(162px,52px)scale(.74)}.br-move--pt{transform:translate(389px,93px)scale(.52)}.br-move--sun{transform:translate(-220px)}.br-move--cloud-l{transform:translate(120px)}.br-move--cloud-r{transform:translate(-90px)}.br-chip{--from:calc(330px - var(--x));--to:calc(860px - var(--x))}}.ex-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:30px 36px;margin:0;padding:0;list-style:none;display:grid}.ex-step{align-content:start;gap:4px;display:grid;position:relative}.ex-flag{transform-box:fill-box;transform-origin:0%}.ex-pic{width:120px;height:90px;margin-bottom:8px;display:block;overflow:visible}.ex-num{color:var(--color-cardinal-deep);font-weight:700}.ex-title{font-family:var(--font-nunito), system-ui, sans-serif;letter-spacing:-.01em;margin:0;font-size:1.375rem;font-weight:900;line-height:1.12}.ex-note{color:var(--color-ink-soft);margin:4px 0 0;font-size:1rem;line-height:1.45}@media (min-width:980px){.ex-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.ex-step:not(:last-child):after{content:"";border-top:4px dotted var(--color-ink);opacity:.35;position:absolute;top:45px;left:138px;right:-26px}}@media (prefers-reduced-motion:no-preference){.pd-in--sun{transform-origin:50%;animation:1s cubic-bezier(.2,.9,.3,1) both pd-grow}.pd-in--desk{animation:.7s cubic-bezier(.2,.9,.3,1) .1s both pd-rise}.pd-in--drop{animation:pd-drop .7s var(--ease-pop) var(--d,.4s) both}.pd-pip{animation:pd-hop .8s var(--ease-pop) .8s both}.pd-drift{transform-box:fill-box;animation:1.6s ease-in-out 1.5s 2 alternate pd-drift}.pd-drift--b{animation-duration:1.4s}.pd-obj{transition:transform .35s var(--ease-pop), filter .3s}:is(.pd-host:has([data-desk=card]:focus-visible) .pd-obj--card,.pd-host:has([data-desk=cells]:focus-visible) .pd-obj--cells){transform:translateY(-14px)rotate(-1.5deg)}.tr-land{transition:transform .6s var(--ease-pop), opacity .5s, filter .6s}.tr-map[data-drawing=on] .tr-stop:not([data-reached]) .tr-land{opacity:0;transform:translateY(30px)scale(.6)}.tr-map[data-drawing=on] .is-open[data-reached] .tr-pin:after{animation:2.2s ease-out .3s 2 tr-ping}[data-live]{--play:paused}[data-live=on]{--play:running}[data-live] .br-chip{animation:br-chip 15s calc(var(--i) * -.6s - 2.4s) infinite both;animation-play-state:var(--play)}[data-live] .br-flag{animation:br-flag 15s calc(var(--i) * -.6s - 2.4s) infinite both;animation-play-state:var(--play)}[data-live] .br-cloth{animation:br-wave 3.2s ease-in-out calc(var(--i) * .4s) infinite;animation-play-state:var(--play)}[data-live] .br-row{animation:15s infinite both br-row-0;animation-play-state:var(--play)}[data-live] .br-row--1{animation-name:br-row-1}[data-live] .br-row--2{animation-name:br-row-2}[data-live] .br-rays{animation:60s linear infinite br-turn;animation-play-state:var(--play)}[data-live] .br-cloud{animation:32s ease-in-out infinite br-drift;animation-play-state:var(--play)}[data-live] .br-cloud--b{animation-duration:40s;animation-direction:reverse}[data-live] .br-shimmer{animation:6s ease-in-out infinite br-shimmer;animation-play-state:var(--play)}[data-live] .br-shimmer--b{animation-duration:7.5s;animation-direction:reverse}[data-live] .ex-flag{animation:3.2s ease-in-out br-wave;animation-play-state:var(--play)}[data-live] .ex-flag--b{animation-delay:.6s}[data-live] .ex-nudge{animation:2.4s ease-in-out 1s ex-nudge;animation-play-state:var(--play)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){:is(.pd-host:has([data-desk=card]:hover) .pd-obj--card,.pd-host:has([data-desk=cells]:hover) .pd-obj--cells){transform:translateY(-14px)rotate(-1.5deg)}a.tr-stop__body:hover .tr-land{transform:translateY(-8px)scale(1.04)}}@keyframes pd-grow{0%{opacity:0;transform:scale(.4)}}@keyframes pd-rise{0%{opacity:0;transform:translateY(70px)}}@keyframes pd-drop{0%{opacity:0;transform:translateY(-120px)}60%{opacity:1}}@keyframes pd-hop{0%{opacity:0;transform:translateY(60px)scale(.6)}70%{opacity:1}}@keyframes pd-drift{to{transform:translateY(-10px)rotate(4deg)}}@keyframes tr-ping{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}@keyframes br-chip{0%{transform:translateX(var(--from));opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}2.67%{opacity:1}14.67%{transform:none}52%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:none}63.33%{opacity:1}66.67%,to{transform:translateX(var(--to));opacity:0}}@keyframes br-flag{0%,14.67%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:scaleY(0)}18%,52%{animation-timing-function:ease-in;transform:scaleY(1)}55%,to{transform:scaleY(0)}}@keyframes br-wave{25%{transform:skewY(-4deg)}75%{transform:skewY(3deg)}}@keyframes br-row-0{0%,16%{animation-timing-function:ease-in;transform:none}18.67%,30.67%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scaleX(0)}33.33%,to{transform:none}}@keyframes br-row-1{0%,16%{animation-timing-function:ease-in;transform:none}18.67%,38.67%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scaleX(0)}41.33%,to{transform:none}}@keyframes br-row-2{0%,16%{animation-timing-function:ease-in;transform:none}18.67%,46.67%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scaleX(0)}49.33%,to{transform:none}}@keyframes ex-nudge{50%{transform:translate(4px)}}@keyframes br-turn{to{transform:rotate(360deg)}}@keyframes br-drift{50%{transform:translate(28px)}}@keyframes br-shimmer{50%{opacity:.55;transform:translate(-14px)}}}