.psy,.psy *,.psy *:before,.psy *:after{box-sizing:border-box}.psy{position:relative;display:grid;grid-template:1fr / 1fr;height:100%;min-height:min(var(--psy-min-h, 640px),100svh);overflow:hidden;background:var(--psy-bg);color:var(--psy-ink);font-family:var(--psy-font-body);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.psy:focus-visible{outline:2px solid var(--psy-accent);outline-offset:-2px}.psy__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.psy__seed,.psy__seed-label{position:absolute;left:50%;opacity:1;transition:opacity .5s ease;pointer-events:none}.psy__seed{top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px}.psy__seed-label{top:calc(50% + 30px);transform:translate(-50%);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--psy-t4);white-space:nowrap}.psy__seed i,.psy__seed b{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:block}.psy__seed i{background:var(--psy-ink);animation:psy-core 2.8s ease-in-out infinite}.psy__seed b{border:1px solid var(--psy-ink);animation:psy-ring 2.8s ease-out infinite}.psy:not([data-psy-step="0"]) .psy__seed,.psy:not([data-psy-step="0"]) .psy__seed-label{opacity:0}@keyframes psy-ring{0%{transform:scale(1);opacity:.5}70%,to{transform:scale(3.4);opacity:0}}@keyframes psy-core{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}.psy__frame{grid-area:1 / 1;position:relative;min-height:0;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(14px,2vw,28px);padding:clamp(16px,2.2vw,30px) clamp(16px,2.4vw,34px) calc(clamp(14px,1.8vw,24px) + env(safe-area-inset-bottom));pointer-events:none}.psy__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;font-size:10px;letter-spacing:.22em;text-transform:uppercase}.psy__brand-sub{margin-top:4px;color:var(--psy-t4)}.psy__counter{color:var(--psy-t4);opacity:0;transition:opacity .8s ease}.psy:not([data-psy-step="0"]) .psy__counter{opacity:1}.psy__foot{display:flex;flex-direction:column;gap:clamp(18px,3vw,40px)}.psy__copy{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:clamp(14px,3vw,56px);opacity:0;transition:opacity .8s ease}.psy:not([data-psy-step="0"]) .psy__copy{opacity:1}.psy__col{display:grid;flex:0 1 auto;min-width:0}.psy__col--text{min-width:min(100%,21ch)}.psy__stage{grid-area:1 / 1;align-self:end;opacity:0;transform:translateY(9px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.psy__stage[data-active]{opacity:1;transform:none}.psy__num{font-size:10px;letter-spacing:.22em;color:var(--psy-t4)}.psy__title{font-family:var(--psy-font-heading);font-weight:400;font-size:clamp(38px,7vw,108px);line-height:.92;letter-spacing:-.035em;margin:2px 0 0 -.045em;text-transform:uppercase}.psy__sub{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px;margin-top:8px}.psy__zh{font-size:clamp(13px,1.3vw,16px);letter-spacing:.14em;color:var(--psy-t5)}.psy__meta{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--psy-t4);opacity:.62}.psy__line{margin:0;max-width:21ch;font-size:clamp(14px,1.25vw,17px);line-height:1.55;text-wrap:pretty}.psy__read{display:inline-block;margin-top:12px;padding:6px 0;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--psy-t5);text-decoration:none;border-bottom:1px solid var(--psy-t3);transition:color .25s ease,transform .25s ease,border-color .25s ease}.psy__stage[data-active] .psy__read{pointer-events:auto}.psy__read:hover,.psy__read:focus-visible{color:var(--psy-ink);border-color:var(--psy-ink);transform:translate(3px)}.psy__read:focus-visible{outline:2px solid var(--psy-accent);outline-offset:3px}.psy__rail{position:relative;opacity:0;transition:opacity .8s ease}.psy:not([data-psy-step="0"]) .psy__rail{opacity:1}.psy__track,.psy__grow{position:absolute;top:3px;height:1px}.psy__track{left:10%;right:10%;background:var(--psy-t3)}.psy__grow{left:10%;width:0;background:var(--psy-t5);transition:width .7s cubic-bezier(.4,0,.2,1)}.psy__nodes{position:relative;display:grid;grid-template-columns:repeat(5,1fr)}.psy__node{display:flex;flex-direction:column;align-items:center;gap:9px;padding:0 0 4px;background:none;border:0;font:inherit;color:inherit;cursor:pointer;pointer-events:auto;opacity:.2;transition:opacity .5s ease}.psy__node[data-state=done]{opacity:.55}.psy__node[data-state=current]{opacity:1}.psy__node:hover{opacity:.8}.psy__node[data-state=current]:hover{opacity:1}.psy__node:focus-visible{outline:2px solid var(--psy-accent);outline-offset:3px}.psy__dot{width:7px;height:7px;border-radius:50%;background:var(--psy-ink)}.psy__node span:last-child{font-size:clamp(7.5px,.72vw,9px);letter-spacing:.16em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){.psy__seed i,.psy__seed b{animation:none}.psy__grow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/psychology-flow.css.map */