.hstatic[data-astro-cid-o3szet4a]{gap:4rem;margin-top:3rem;display:grid}.hstatic__step[data-astro-cid-o3szet4a]{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;gap:1.5rem 3rem;display:grid}.hstatic__frames[data-astro-cid-o3szet4a]{gap:1rem;display:grid}.hstatic__frames[data-astro-cid-o3szet4a] .hstate{border-radius:14px;width:100%}.hstatic__text[data-astro-cid-o3szet4a]{position:sticky;top:2rem}.hstatic__no[data-astro-cid-o3szet4a]{font-size:var(--t-xs)}.hstatic__no[data-astro-cid-o3szet4a] span[data-astro-cid-o3szet4a]{color:var(--muted)}.hstatic__t[data-astro-cid-o3szet4a]{font-family:var(--serif);font-weight:500;font-size:var(--t-xl);letter-spacing:-.015em;margin-top:.3rem;line-height:1.05}.hstatic__d[data-astro-cid-o3szet4a]{color:var(--graphite);max-width:38ch;margin-top:.75rem}@media (width<=760px){.hstatic__step[data-astro-cid-o3szet4a]{grid-template-columns:1fr}}.hstate{border-radius:14px;width:100%;height:auto;display:block;overflow:hidden}.hstate .tap__ripple,.hstate .toast,.hstate .check,.hstate .notif,.hstate .focus-ring{transform-box:fill-box;transform-origin:50%}.how-anim{display:none}@media (prefers-reduced-motion:no-preference){.js .how-anim{display:block}.js .how-static-wrap{display:none}.js .how-anim .hstate:not(.is-on) .check,.js .how-anim .hstate:not(.is-on) .toast,.js .how-anim .hstate:not(.is-on) .notif,.js .how-anim .hstate:not(.is-on) .focus-ring{opacity:0}.how-anim .hstate.is-on .tap__ripple{animation:1.6s cubic-bezier(.22,1,.36,1) infinite how-ripple}.how-anim .hstate.is-on .toast{animation:.5s cubic-bezier(.22,1,.36,1) .7s both how-toast}.how-anim .hstate.is-on .check{animation:.45s cubic-bezier(.34,1.56,.64,1) both how-check;animation-delay:calc(var(--k) * .16s + .25s)}.how-anim .hstate.is-on .focus-ring{animation:.6s cubic-bezier(.22,1,.36,1) .15s both how-ring}.how-anim .hstate.is-on .notif{animation:.7s cubic-bezier(.22,1,.36,1) .35s both how-notif}.how-anim .hstate.is-on .caret{animation:1s steps(2,end) infinite how-blink}@keyframes how-ripple{0%{opacity:.55;transform:scale(.3)}to{opacity:0;transform:scale(1.7)}}@keyframes how-toast{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes how-check{0%{opacity:0;transform:scale(.6)translate(-6px)}to{opacity:1;transform:none}}@keyframes how-ring{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes how-notif{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes how-blink{to{opacity:0}}}.how-rail{justify-content:space-between;align-items:center;height:20px;display:flex;position:relative}.how-rail:before,.how-rail:after{content:"";background:var(--route);height:1px;position:absolute;top:50%;left:5px;right:5px}.how-rail:after{background:var(--accent);width:calc((100% - 10px) * var(--p,0));transition:width .25s linear;right:auto}.how-rail .nd{z-index:1;position:relative}.howB__track[data-astro-cid-enu7u5sr]{height:calc(var(--frames) * 55vh + 100vh);height:calc(var(--frames) * 55lvh + 100lvh)}.howB__sticky[data-astro-cid-enu7u5sr]{grid-template-rows:auto minmax(0,1fr) auto;height:100svh;padding-block:clamp(1.25rem,3vh,2.5rem);display:grid;position:sticky;top:0;overflow:hidden}.howB__head[data-astro-cid-enu7u5sr]{justify-content:space-between;align-items:center;gap:2rem;display:flex}.howB__h[data-astro-cid-enu7u5sr]{font-family:var(--serif);font-weight:500;font-size:var(--t-lg);letter-spacing:-.01em;line-height:1.05}.howB__rail[data-astro-cid-enu7u5sr]{flex:0 22rem}.howB__stagewrap[data-astro-cid-enu7u5sr]{place-items:center;min-height:0;padding-block:1.25rem;display:grid}.howB__stage[data-astro-cid-enu7u5sr]{aspect-ratio:3/2;max-width:100%;height:100%;max-height:100%;box-shadow:0 0 0 1px var(--rule);border-radius:16px;display:grid;position:relative;overflow:hidden}.howB__stage[data-astro-cid-enu7u5sr] .hstate{border-radius:0;grid-area:1/1;width:100%;height:100%}.howB__stage[data-astro-cid-enu7u5sr] .hstate+.hstate{clip-path:inset(0 100% 0 0)}.howB__scan[data-astro-cid-enu7u5sr]{background:var(--accent);opacity:0;pointer-events:none;width:2px;margin-left:-1px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 18px 2px #a8174c59}.howB__stripwrap[data-astro-cid-enu7u5sr]{padding-left:50%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.howB__strip[data-astro-cid-enu7u5sr]{width:max-content;transition:transform .7s var(--ease-out);gap:3rem;display:flex}.howB__cap[data-astro-cid-enu7u5sr]{opacity:.55;width:min(30rem,78vw);transition:opacity .4s}.howB__cap[data-astro-cid-enu7u5sr].is-on{opacity:1}.howB__cap[data-astro-cid-enu7u5sr] .howB__no[data-astro-cid-enu7u5sr],.howB__cap[data-astro-cid-enu7u5sr] .howB__d[data-astro-cid-enu7u5sr]{transition:opacity .4s}.howB__cap[data-astro-cid-enu7u5sr]:not(.is-on) .howB__no[data-astro-cid-enu7u5sr],.howB__cap[data-astro-cid-enu7u5sr]:not(.is-on) .howB__d[data-astro-cid-enu7u5sr]{opacity:0}.howB__no[data-astro-cid-enu7u5sr]{font-size:var(--t-xs)}.howB__no[data-astro-cid-enu7u5sr] span[data-astro-cid-enu7u5sr]{color:var(--muted)}.howB__t[data-astro-cid-enu7u5sr]{font-family:var(--serif);font-weight:500;font-size:var(--t-xl);letter-spacing:-.015em;word-spacing:.06em;margin-top:.25rem;line-height:1.05}.howB__d[data-astro-cid-enu7u5sr]{font-size:var(--t-sm);color:var(--graphite);margin-top:.5rem;line-height:1.5}.how-static-wrap[data-astro-cid-enu7u5sr]{padding-block:var(--section)}@media (width<=760px){.howB__sticky[data-astro-cid-enu7u5sr]{grid-template-rows:auto auto auto;align-content:center;gap:1.25rem}.howB__stagewrap[data-astro-cid-enu7u5sr]{padding-block:0}.howB__head[data-astro-cid-enu7u5sr]{flex-direction:column;align-items:stretch;gap:.75rem}.howB__rail[data-astro-cid-enu7u5sr]{flex:none}.howB__stage[data-astro-cid-enu7u5sr]{width:100%;height:auto}.howB__strip[data-astro-cid-enu7u5sr]{gap:1.5rem}}