.st-approach-desktop{display:block}.st-return-tall,.st-approach-progress{display:none}.st-approach-node svg{fill:currentColor;width:44px;height:44px}@media (min-width:0){.st-home .st-method{color:#132f4d;background:#d6e9ff;padding-block:76px 64px}.st-method>.st-method-grid{display:none}.st-approach-desktop{display:block}.st-approach-heading{grid-template-columns:1.4fr 1fr;align-items:end;gap:clamp(32px,5vw,80px);margin-bottom:52px;display:grid}.st-method .st-approach-heading h2{max-width:24ch;font-size:clamp(36px,4.1vw,58px);line-height:1.08}.st-approach-heading>p{max-width:40ch;font-size:18px;line-height:1.6}.st-approach-map{padding-bottom:80px;position:relative}.st-method .st-approach-map ol{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.st-method .st-approach-map li,.st-method .st-approach-map li:last-child{text-align:center;border:0;min-height:0;padding:0 20px;position:relative;margin:0!important}.st-approach-node{z-index:1;font-variant-numeric:tabular-nums;cursor:pointer;width:72px;height:72px;font-size:21px;font:inherit;color:inherit;background:#d6e9ff;border:2px solid #246462;border-radius:50%;place-items:center;margin:0 auto 26px;padding:0;display:grid;position:relative}.st-approach-node:disabled{cursor:default;opacity:1}.st-approach-node:focus-visible{outline-offset:6px;outline:3px solid #087c75}.st-approach-map li:not(:last-child):after{content:"";border-top:2px solid #246462;width:100%;position:absolute;top:35px;left:50%}.st-method .st-approach-map h3{font-size:clamp(28px,3vw,42px)}.st-method .st-approach-map li>p{color:#132f4d;max-width:25ch;min-height:3em;font-size:19px;line-height:1.45;margin:16px auto 20px!important}.st-approach-outcome{color:#27516e;font-size:15px;line-height:1.5;display:block}.st-approach-return{border:2px dashed #527f8c;border-top:0;border-radius:0 0 24px 24px;height:44px;position:absolute;bottom:17px;left:16.666%;right:16.666%}.st-approach-return:before{content:"";border-top:2px solid #527f8c;border-left:2px solid #527f8c;width:8px;height:8px;position:absolute;top:0;left:-5px;transform:rotate(45deg)}.st-approach-learning{white-space:nowrap;background:#d6e9ff;padding:0 18px;font-size:15px;line-height:1.6;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.st-approach-return svg{width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;inset:-2px;overflow:visible}.st-approach-return path{fill:none;stroke:#087c75;stroke-width:3px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px}.st-approach-progress{transform-origin:0;z-index:1;background:#087c75;width:100%;height:4px;display:block;position:absolute;top:34px;left:50%;transform:scaleX(0)}.st-approach-map li:last-child .st-approach-progress{display:none}.st-approach-node{z-index:2}.is-playing .st-approach-node{animation:1.15s both approach-node}.is-playing li:nth-child(2) .st-approach-node{animation-delay:1.25s}.is-playing li:nth-child(3) .st-approach-node{animation-delay:2.5s}.is-playing .st-approach-progress{animation:.8s cubic-bezier(.16,1,.3,1) .6s both approach-connect}.is-playing li:nth-child(2) .st-approach-progress{animation-delay:1.85s}.is-playing .st-approach-return path{animation:1.05s ease-in-out 3.55s both approach-return}.is-playing[data-paused=true] .st-approach-node,.is-playing[data-paused=true] .st-approach-progress,.is-playing[data-paused=true] .st-approach-return path{animation-play-state:paused}@keyframes approach-node{0%,to{border-color:#246462}25%,75%{color:#f7f8f3;outline-offset:6px;background:#0a3936;border-color:#0a3936;outline:3px solid #087c75}}@keyframes approach-connect{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes approach-return{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}}@media (prefers-reduced-motion:reduce){.st-approach-map .st-approach-node,.st-approach-map .st-approach-progress,.st-approach-map .st-approach-return path{animation:none!important}.st-approach-progress,.st-approach-return svg{display:none!important}}@media (prefers-reduced-motion:no-preference){.st-approach-map li{--beat:0s}.st-approach-map li:nth-child(2){--beat:1.25s}.st-approach-map li:nth-child(3){--beat:2.5s}.is-playing .focus-dot{animation:approach-gather 1.1s cubic-bezier(.16,1,.3,1) var(--beat) both}.dot-a{--dx:-10px;--dy:-8px}.dot-b{--dx:11px;--dy:-4px}.dot-c{--dx:0px;--dy:12px}.is-playing .build-piece{animation:approach-assemble 1.1s cubic-bezier(.16,1,.3,1) var(--beat) both}.piece-a{--dx:-9px;--dy:7px}.piece-b{--dx:9px;--dy:7px}.piece-c{--dx:0px;--dy:-8px}.is-playing .improve-adjust{animation:approach-adjust 1.05s cubic-bezier(.16,1,.3,1) var(--beat) both}.is-playing[data-paused=true] svg *{animation-play-state:paused}.is-single li{--beat:0s!important}.is-single li:not([data-selected=true]) .st-approach-node,.is-single li:not([data-selected=true]) svg *,.is-single .st-approach-progress,.is-single .st-approach-return path{animation:none!important}.is-single li[data-selected=true] .st-approach-node{animation-delay:0s}@keyframes approach-gather{0%{transform:translate(var(--dx),var(--dy))}80%,to{transform:translate(0)}}@keyframes approach-assemble{0%{transform:translate(var(--dx),var(--dy))}80%,to{transform:translate(0)}}@keyframes approach-adjust{0%{transform:translate(-13px)}80%,to{transform:translate(0)}}}@media (max-width:800px){.st-home .st-method{padding-block:48px 32px}.st-approach-heading{margin-bottom:36px;display:block}.st-method .st-approach-heading h2{max-width:20ch;font-size:34px}.st-method .st-approach-map ol{display:block;margin:0!important}.st-method .st-approach-map li,.st-method .st-approach-map li:last-child{text-align:left;grid-template-columns:64px minmax(0,1fr);align-content:start;column-gap:22px;min-height:148px;padding:0 0 24px 24px;display:grid;margin:0!important}.st-approach-node{grid-area:1/1/3;width:64px;height:64px;margin:0}.st-method .st-approach-map h3{grid-column:2;margin:0;padding-top:4px;font-size:29px}.st-method .st-approach-map li>p{grid-column:2;max-width:25ch;min-height:0;font-size:16px;line-height:1.5;margin:10px 0 0!important}.st-approach-outcome{display:none}.st-approach-map li:not(:last-child):after{border-top:0;border-left:2px solid #246462;width:0;height:calc(100% - 64px);top:64px;left:55px}.st-approach-progress{transform-origin:top;width:4px;height:calc(100% - 64px);top:64px;left:54px;transform:scaleY(0)}.is-playing .st-approach-progress{animation-name:approach-connect-vertical}.st-approach-map{padding-bottom:0}.st-method .st-approach-map li:last-child{min-height:0;padding-bottom:18px}.st-approach-return{width:24px;height:var(--return-span,296px);border:1px dashed #527f8c;border-right:0;border-radius:12px 0 0 12px;inset:32px auto auto 0}.st-approach-return:before{top:-4px;left:auto;right:0;transform:rotate(135deg)}.st-approach-return .st-return-wide{display:none}.st-approach-return .st-return-tall{width:100%;height:100%;display:block;inset:0}.st-approach-learning{display:none}@keyframes approach-connect-vertical{0%{transform:scaleY(0)}to{transform:scaleY(1)}}}@media (prefers-reduced-motion:reduce){.st-approach-return .st-return-tall{display:block}.st-return-tall path{stroke-dashoffset:0;stroke:#527f8c;stroke-width:1.5px}}
