.how-page .how-step{background:var(--cl-gold);width:2.5rem;height:2.5rem;color:var(--cl-ink);border-radius:999px;place-items:center;font-weight:600;display:inline-grid}.how-page .how-step-sm{width:1.75rem;height:1.75rem;font-size:var(--cl-small)}.how-page .how-jump{min-height:3.25rem;transition:background-color var(--duration-feedback) var(--ease-out);align-items:center;gap:.625rem;padding:.5rem .875rem;font-weight:500;display:flex}@media (hover:hover){.how-page .how-jump:hover{background:var(--cl-card)}}.how-page .how-section+.how-section{border-top:1px solid var(--cl-line)}.how-page .how-check{color:var(--cl-gold-deep)}.how-page .how-fig{aspect-ratio:3/2;background:var(--cl-card)}.how-page .how-art{width:100%;height:100%;display:block}.how-art .how-label{fill:var(--cl-muted);font-size:19px;font-weight:500}.how-art .how-label-strong{fill:var(--cl-ink)}.how-art .how-town{fill:var(--cl-sheet);stroke:var(--cl-faint);stroke-width:2px}.how-art .how-part{fill:var(--cl-gold);fill-opacity:.35}.how-art .how-drawn,.how-art .how-trip{fill:none;stroke:var(--cl-gold-deep);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.how-art .how-trip{stroke-dasharray:none}.how-art .how-out path{fill:var(--cl-well);stroke:var(--color-destructive);stroke-width:2px;stroke-dasharray:6 5}.how-art .how-out .how-out-x{fill:none;stroke-dasharray:none;stroke-linecap:round}.how-art .how-dot{fill:var(--cl-ink);stroke:var(--cl-card);stroke-width:2px}.how-art .how-dot-off{opacity:.18}.how-art .how-reach{fill:var(--cl-gold);fill-opacity:.08;stroke:var(--cl-gold-deep);stroke-opacity:.4;stroke-dasharray:4 6}.how-art .how-stop{fill:var(--cl-card);stroke:var(--cl-ink);stroke-width:3px}.how-art .how-home{fill:var(--cl-gold);stroke:var(--cl-card);stroke-width:3px}.how-art .how-home-roof{fill:var(--cl-ink)}.how-art .how-card-box{fill:var(--cl-card);stroke:var(--cl-line);stroke-width:1.5px}.how-art .how-card-top .how-card-box{stroke:var(--cl-gold-deep);stroke-width:2px}.how-art .how-card-photo{fill:var(--cl-well)}.how-art .how-card-line{fill:var(--cl-faint);opacity:.55}.how-art .how-card-line-soft{opacity:.3}.how-art .how-score{fill:var(--cl-ink);font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.how-art .how-chip text{font-size:16px;font-weight:600}.how-art .how-chip-reason rect{fill:var(--cl-gold);fill-opacity:.45}.how-art .how-chip-reason text{fill:var(--cl-ink)}.how-art .how-chip-breaker rect{fill:var(--color-destructive)}.how-art .how-chip-breaker text{fill:var(--color-destructive-foreground)}.how-art .how-chip-unknown rect{fill:var(--cl-card);stroke:var(--cl-faint);stroke-dasharray:3 3}.how-art .how-chip-unknown text{fill:var(--cl-muted)}.how-art .how-strike{fill:none;stroke:var(--color-destructive);stroke-width:3px;stroke-linecap:round}.how-art .how-a-dim{opacity:.4}.how-art .how-a-pop,.how-art .how-a-move{transform-box:fill-box;transform-origin:50%}.how-fig[data-play] .how-a-in{animation:how-in .5s var(--ease-out) var(--how-d,0s) both}.how-fig[data-play] .how-a-line{stroke-dasharray:1;animation:how-line .9s var(--ease-out) var(--how-d,0s) both}.how-fig[data-play] .how-a-fade{animation:how-fade .5s var(--ease-out) var(--how-d,0s) both}.how-fig[data-play] .how-a-pop{animation:how-pop .4s var(--ease-out) var(--how-d,0s) both}.how-fig[data-play] .how-a-move{animation:how-move .7s var(--ease-out) var(--how-d,0s) both}.how-fig[data-play] .how-a-dim{animation:how-dim .5s var(--ease-out) var(--how-d,0s) both}@keyframes how-in{0%{opacity:0}}@keyframes how-line{0%{stroke-dashoffset:1px;stroke-opacity:0}4%{stroke-opacity:1}to{stroke-dashoffset:0}}@keyframes how-fade{0%{opacity:1}}@keyframes how-pop{0%{opacity:0;transform:scale(.7)}}@keyframes how-move{0%{transform:translateY(var(--how-from))}}@keyframes how-dim{0%{opacity:1}}@media (prefers-reduced-motion:reduce){.how-fig[data-play] *{animation:none!important}.how-page .how-replay{display:none}}
@font-face{font-family:DM Serif Display;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8dd8a3188b79fd8f-s.p.2o9_j983y90g0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Serif Display;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0c8f209abc35ee02-s.p.0c0g8ifvh7k7-.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Serif Display Fallback;src:local(Times New Roman);ascent-override:94.37%;descent-override:30.51%;line-gap-override:0.0%;size-adjust:109.78%}.dm_serif_display_9596c4c3-module__6cdeZa__className{font-family:DM Serif Display,DM Serif Display Fallback;font-style:normal;font-weight:400}.dm_serif_display_9596c4c3-module__6cdeZa__variable{--font-landing-serif:"DM Serif Display", "DM Serif Display Fallback"}
@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/91bd2e40df15814e-s.19s5evoqhirey.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a63431c4ac64ea8b-s.386o_ri1vb0yv.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8b4ed0a90d903ab5-s.p.44dak0sams9f0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/c47649aa31f9e140-s.p.3lxpqujs87tck.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Fallback;src:local(Arial);ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.0%;size-adjust:100.94%}.hanken_grotesk_b6efaa1c-module__p7Dlfa__className{font-family:Hanken Grotesk,Hanken Grotesk Fallback;font-style:normal}.hanken_grotesk_b6efaa1c-module__p7Dlfa__variable{--font-landing-sans:"Hanken Grotesk", "Hanken Grotesk Fallback"}