.ss{--ss-roll:.3s;--ss-roll-ease:cubic-bezier(.25, .46, .45, .94);--ss-wipe:.8s;--ss-wipe-ease:cubic-bezier(.33, 1, .68, 1);--ss-dim:#6a6f6b;--ss-bg:var(--paper,#fafaf7);margin:22px 0 10px}.tone-board .ss,.tone-deep .ss{--ss-dim:#96a19a;--ss-bg:var(--board,#16352c)}.tone-deep .ss{--ss-bg:var(--deep,#0e2a22)}.ss-steps{margin:0;padding:0;list-style:none}.ss-step+.ss-step{margin-top:4px}.ss-pick{width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur-state) var(--ease-out);background:0 0;border:0;border-radius:12px;grid-template-columns:2.1rem minmax(0,1fr);align-items:start;column-gap:14px;padding:12px 14px 12px 10px;display:grid}@media (hover:hover){.ss-pick:hover{background:var(--wash)}}.ss-pick:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}.ss-n{border:1.5px solid var(--ss-dim);width:2.1rem;height:2.1rem;color:var(--ss-dim);font-variant-numeric:tabular-nums;transition:background-color var(--dur-state) var(--ease-out), border-color var(--dur-state) var(--ease-out), color var(--dur-state) var(--ease-out);border-radius:50%;place-items:center;font-size:.95rem;font-weight:740;line-height:1;display:grid}.ss-step.is-on .ss-n{border-color:var(--accent);background:var(--accent);color:var(--ss-bg)}.ss-words{letter-spacing:-.005em;text-wrap:pretty;padding-top:.2rem;font-size:clamp(1.04rem,.98rem + .32vw,1.2rem);font-weight:650;line-height:1.45}.ss-w{overflow-wrap:anywhere;display:inline;position:relative}.ss-w>span{transition:color var(--dur-state,.2s) var(--ease-out,ease-out);display:inline}.ss-dim{color:var(--ss-dim)}.ss-w>.ss-lit{display:none}.ss-step.is-on .ss-dim{color:var(--fg)}.ss-w.is-strong{font-weight:800}.ss-w.is-code>span{background:var(--wash);border-radius:3px;padding:0 .2em}.ss:not(.is-live) .ss-dim{color:var(--fg)}.ss:not(.is-live) .ss-lit{display:none}.ss:not(.is-live) .ss-pic{margin:6px 0 22px calc(2.1rem + 24px)}.ss-meta{color:var(--fg-2);margin:0 0 6px calc(2.1rem + 24px);font-size:.9rem;line-height:1.5}.ss.is-live .ss-step:not(.is-on) .ss-meta{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.ss-see-k{color:var(--fg);font-weight:700}.ss-src{vertical-align:middle;flex-wrap:wrap;align-items:center;gap:4px;margin-left:6px;display:inline-flex}.ss-src-k{color:var(--fg-2);font-size:.8rem}.ss-src-n{border:1px solid var(--rule-2);min-width:26px;min-height:26px;color:var(--fg-2);font-variant-numeric:tabular-nums;transition:border-color var(--dur-feedback) var(--ease-out), color var(--dur-feedback) var(--ease-out);border-radius:999px;place-items:center;padding:0 6px;font-size:.78rem;font-weight:650;line-height:1;text-decoration:none;display:inline-grid}.sg-root a.ss-src-n{color:var(--fg-2)}.ss-src-n:hover,.sg-root a.ss-src-n:hover{border-color:var(--fg);color:var(--fg)}.ss-links{color:var(--fg-2);grid-column:1/-1;margin:14px 0 0;font-size:.9rem}.ss-pic{margin:0}.ss-stage{display:grid}.ss-stage .ss-pic{visibility:hidden;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path 0s linear var(--ss-wipe), visibility 0s linear var(--ss-wipe);grid-area:1/1;align-self:start}.ss-stage .ss-pic.is-on{z-index:2;visibility:visible;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path var(--ss-wipe) var(--ss-wipe-ease), visibility 0s}.ss-stage .ss-pic.was-on{z-index:1}.ss.is-live{gap:clamp(18px,2.6vw,34px);display:grid}@media (width>=900px){.ss.is-live{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start}.ss.is-live .ss-steps{grid-area:1/1}.ss.is-live .ss-stage{grid-area:1/2;position:sticky;top:24px}}@media (width<=899.98px){.ss.is-live .ss-stage{z-index:3;margin-inline:calc(-1 * var(--gutter));padding:10px var(--gutter) 12px;background:var(--ss-bg);order:-1;position:sticky;top:0;box-shadow:0 14px 18px -16px #00000073}}.ss-shot{background:#fff;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 18px 40px -24px #000000a6}.ss-shot img{width:100%;height:auto;display:block}.ss-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ss-ring path{fill:none;stroke:var(--green,#16352c);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}@media (width<=599px){.ss-ring path{stroke-width:2.2px}}.ss-sketch{aspect-ratio:16/10;color:var(--fg);position:relative}.ss-sk-frame{width:100%;height:100%;color:var(--fg-2);position:absolute;inset:0;overflow:visible}.ss-sk-frame path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ss-pic .ss-sk-frame .sg-primary,.ss-pic.is-on .ss-sk-frame .sg-primary{stroke-width:1.6px;stroke-dasharray:none;stroke-dashoffset:0}.ss-sk-frame .sg-ghost{stroke-width:2px;opacity:.3}.ss-sk-frame .ss-sk-greek{stroke-width:3px;opacity:.16}.ss-sk-body{padding-left:22%}.ss-sk-bar{align-items:center;gap:10px;min-width:0;height:12%;display:flex;position:absolute;top:6.5%;left:5%;right:5%}.ss-sk-puck{background:#fcfcf9;border-radius:50%;flex:none;place-items:center;width:clamp(26px,3.2vw,32px);height:clamp(26px,3.2vw,32px);display:grid}.ss-sk-puck--word{color:#16352c;font-weight:800}.ss-sk-puck .ss-sk-mark{width:62%;height:62%}.ss-sk-app{flex:none;font-size:clamp(.84rem,.8rem + .25vw,1rem);font-weight:740}.ss-sk-where{min-width:0;color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:clamp(.74rem,.7rem + .2vw,.86rem);overflow:hidden}.ss-sk-body{place-items:center;display:grid;position:absolute;inset:25% 6% 7%}.ss-sk-path{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 26px;margin:0;padding:0;list-style:none;display:flex}.ss-sk-chip{border:1.5px solid var(--rule-2);color:var(--fg-2);white-space:nowrap;border-radius:10px;padding:.5em .95em;font-size:clamp(.78rem,.72rem + .38vw,1rem);font-weight:700;line-height:1.2;position:relative}.ss-sk-chip+.ss-sk-chip:before{content:"";border-top:2px solid var(--fg-2);border-right:2px solid var(--fg-2);width:7px;height:7px;position:absolute;top:50%;left:-17px;translate:0 -50%;rotate:45deg}.ss-sk-chip.is-target{border-color:var(--fg);background:var(--wash);color:var(--fg)}.ss-sk-ring{color:var(--fg);pointer-events:none;position:absolute;inset:-14px -18px}.ss-sk-ring .sg-mark{width:100%;height:100%}.ss-sk-big{color:var(--fg-2);font-variant-numeric:tabular-nums;font-size:clamp(3rem,7vw,5.2rem);font-weight:800;line-height:1}.ss-pic .sg-primary{stroke-dasharray:1 2;stroke-dashoffset:1.01px}.ss-pic.is-on .sg-primary,.ss:not(.is-live) .ss-pic .sg-primary{stroke-dashoffset:0;transition:stroke-dashoffset .7s var(--ease-out) .42s}.ss-note{color:var(--fg-2);grid-column:1/-1;margin:12px 0 0;font-size:.86rem;display:none}@media (width<=899.98px){.ss.is-live .ss-sketch+.ss-cap{display:none}.ss.is-live .ss-note{display:block}}.ss-cap{color:var(--fg-2);margin-top:10px;font-size:.84rem;line-height:1.45}@media (prefers-reduced-motion:reduce){.ss-w>span,.ss-stage .ss-pic,.ss-stage .ss-pic.is-on,.ss-pic.is-on .sg-primary{transition:none}}@media print{.ss-stage{display:none}}.hs{--hs-dim:#16352c94;gap:clamp(26px,4vw,60px);display:grid}.tone-board .hs,.tone-deep .hs{--hs-dim:#f2f0e96b}@media (width>=900px){.hs{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center}}.hs-list{margin:0;padding:0;list-style:none}.hs-link{color:var(--fg);letter-spacing:-.03em;padding:3px 0;font-size:clamp(2rem,1.35rem + 2.5vw,3.5rem);font-weight:780;line-height:1.1;text-decoration:none;display:inline-block}.sg-root a.hs-link{color:var(--fg)}.hs-link:focus-visible{outline:2.5px solid var(--accent);outline-offset:4px;border-radius:6px}.hs-word{white-space:nowrap;display:inline-block}.hs-c{vertical-align:top;display:inline-block;position:relative;overflow:hidden}.hs-c>span{transition:translate var(--ss-roll,.3s) var(--ss-roll-ease,cubic-bezier(.25, .46, .45, .94)) var(--d,0s);display:inline-block}.hs-dim{color:var(--hs-dim)}.hs-lit{color:var(--fg);position:absolute;top:0;left:0;translate:0 110%}.hs-item.is-on .hs-dim{translate:0 -110%}.hs-item.is-on .hs-lit{translate:0}.hs:not(.is-live) .hs-dim{color:var(--fg)}.hs:not(.is-live) .hs-lit{display:none}.hs-stage{display:grid}.hs-pic{visibility:hidden;clip-path:polygon(0 0,100% 0,100% 0,0 0);grid-area:1/1;margin:0;transition:clip-path 0s linear .8s,visibility 0s linear .8s}.hs-pic.is-on{z-index:2;visibility:visible;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .8s cubic-bezier(.33,1,.68,1),visibility}.hs-pic.was-on{z-index:1}.hs:not(.is-live) .hs-pic:not(:first-child){display:none}.hs-pic img{border:1px solid var(--rule);border-radius:14px;width:100%;height:auto;display:block}.hs-line{max-width:34rem;color:var(--fg-2);margin-top:14px;font-size:.98rem;line-height:1.55}@media (width<=899.98px){.hs-stage{order:-1}}@media (prefers-reduced-motion:reduce){.hs-c>span,.hs-pic,.hs-pic.is-on{transition:none}}.ss-sk-puck .brand-logo{width:78%;height:78%}