.how-grid[data-astro-cid-cmgpsf2k]{display:grid;gap:28px;grid-template-areas:"head" "stage" "list"}@media(min-width:900px){.how-grid[data-astro-cid-cmgpsf2k]{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:0 clamp(36px,5vw,72px);grid-template-areas:"head stage" "list stage"}.how-head[data-astro-cid-cmgpsf2k]{align-self:end}.how-stage[data-astro-cid-cmgpsf2k]{align-self:center}}.how-head[data-astro-cid-cmgpsf2k]{grid-area:head}.how-stage[data-astro-cid-cmgpsf2k]{grid-area:stage}.how-list[data-astro-cid-cmgpsf2k]{grid-area:list}.how-steps[data-astro-cid-cmgpsf2k]{margin-top:28px;display:flex;flex-direction:column}@media(max-width:899px){.how-steps[data-astro-cid-cmgpsf2k]{margin-top:0}}.how-step[data-astro-cid-cmgpsf2k]{all:unset;box-sizing:border-box;position:relative;display:block;width:100%;padding:16px 0 16px 26px;cursor:pointer;border-radius:6px}.how-step[data-astro-cid-cmgpsf2k]:focus-visible{outline:2px solid var(--forest);outline-offset:4px}.how-bar[data-astro-cid-cmgpsf2k]{position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:2px;background:var(--hairline);overflow:hidden}.how-bar[data-astro-cid-cmgpsf2k] i[data-astro-cid-cmgpsf2k]{position:absolute;inset:0;background:var(--forest);transform:scaleY(0);transform-origin:top}.how-step[data-astro-cid-cmgpsf2k].is-on .how-bar[data-astro-cid-cmgpsf2k] i[data-astro-cid-cmgpsf2k]{transform:scaleY(.04)}.how-step[data-astro-cid-cmgpsf2k].is-playing .how-bar[data-astro-cid-cmgpsf2k] i[data-astro-cid-cmgpsf2k]{transform:scaleY(1);transition:transform var(--dur, 10s) linear}.how-step[data-astro-cid-cmgpsf2k].is-still .how-bar[data-astro-cid-cmgpsf2k] i[data-astro-cid-cmgpsf2k]{transform:scaleY(1)}.how-n[data-astro-cid-cmgpsf2k]{display:block;font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--forest)}.how-h[data-astro-cid-cmgpsf2k]{display:block;margin-top:4px;font-size:1.3rem;font-weight:600;line-height:1.3;color:var(--muted);transition:color .3s ease}.how-step[data-astro-cid-cmgpsf2k].is-on .how-h[data-astro-cid-cmgpsf2k],.how-step[data-astro-cid-cmgpsf2k]:hover .how-h[data-astro-cid-cmgpsf2k]{color:var(--ink)}.how-p[data-astro-cid-cmgpsf2k]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.16,1,.3,1)}.how-p[data-astro-cid-cmgpsf2k]>span[data-astro-cid-cmgpsf2k]{overflow:hidden;color:var(--muted);font-size:16px;line-height:1.6;max-width:42ch}.how-p[data-astro-cid-cmgpsf2k]>span[data-astro-cid-cmgpsf2k]:before{content:"";display:block;height:8px}.how-step[data-astro-cid-cmgpsf2k].is-on .how-p[data-astro-cid-cmgpsf2k]{grid-template-rows:1fr}.how-more[data-astro-cid-cmgpsf2k]{display:inline-flex;align-items:center;gap:8px;margin:22px 0 0 26px;font-weight:600;color:var(--forest)}.how-more[data-astro-cid-cmgpsf2k] svg{width:16px;height:16px;transition:transform .25s cubic-bezier(.22,1,.36,1)}.how-more[data-astro-cid-cmgpsf2k]:hover{text-decoration:underline;text-underline-offset:4px}.how-more[data-astro-cid-cmgpsf2k]:hover svg{transform:translate(3px)}.how-stage[data-astro-cid-cmgpsf2k]{display:grid;place-items:center;border-radius:var(--r-xl);background:var(--surface);padding:clamp(28px,4vw,56px) 16px;transition:background .7s ease}.how-stage[data-astro-cid-cmgpsf2k][data-tone=deep]{background:var(--forest-deep)}.how-stage[data-astro-cid-cmgpsf2k] .how-phone{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}.how-stage[data-astro-cid-cmgpsf2k] .how-phone.is-on{opacity:1;visibility:visible;transition:opacity .45s ease,visibility 0s}.how-caption[data-astro-cid-cmgpsf2k]{display:none}@media(max-width:899px){.how-caption[data-astro-cid-cmgpsf2k]{display:grid;margin-top:18px;font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--forest);text-align:center}.how-caption[data-astro-cid-cmgpsf2k] span[data-astro-cid-cmgpsf2k]{grid-area:1 / 1;opacity:0;transition:opacity .4s ease}.how-caption[data-astro-cid-cmgpsf2k] span[data-astro-cid-cmgpsf2k].is-on{opacity:1}.how-stage[data-astro-cid-cmgpsf2k][data-tone=deep] .how-caption[data-astro-cid-cmgpsf2k]{color:#a8cdb4}}@media(prefers-reduced-motion:reduce){.how-p[data-astro-cid-cmgpsf2k],.how-stage[data-astro-cid-cmgpsf2k],.how-stage[data-astro-cid-cmgpsf2k] .how-phone{transition:none}}