:root{--yellow:#FFFC00;--ink:#111111;--white:#FFFFFF;--blue:#0FADFF;--paper:#EFEDE6;--s1:1rem;--s2:clamp(1.25rem,1.1rem + 0.8vw,1.5rem);--s3:clamp(1.6rem,6.4vw + 0.2rem,2.85rem);--gut:clamp(16px,4vw,40px);--display:"Unbounded","Figtree",sans-serif;--body:"Figtree",sans-serif;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font:400 var(--s1)/1.55 var(--body);overflow-x:clip;caret-color:var(--blue);scrollbar-color:var(--ink) var(--paper)}::selection{background:var(--yellow);color:var(--ink)}img,svg{display:block;max-width:100%}h1,h2{font-family:var(--display);font-weight:800;margin:0;text-wrap:balance;letter-spacing:-0.02em}p{margin:0;text-wrap:pretty}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.top{padding:max(16px,env(safe-area-inset-top)) var(--gut) 40px;display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}.brand img{width:56px;height:56px}.copy{display:grid;gap:12px}h1{font-size:var(--s3);line-height:1.12}.lead{max-width:36rem}.row{min-width:0}.row h2{font-size:var(--s2);line-height:1.2;margin:0 0 10px}.track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 10px 12px 2px;margin-right:calc(var(--gut) * -1);scrollbar-width:thin}.track > *{flex:0 0 auto;scroll-snap-align:start;height:160px}.tile-cta{width:min(78vw,300px);background:var(--yellow);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);display:flex;align-items:center;justify-content:center;padding:16px}.cta{display:flex;align-items:center;justify-content:center;gap:10px;min-width:240px;min-height:56px;padding:12px 22px;background:var(--blue);color:var(--ink);border:4px solid var(--ink);border-radius:999px;font:700 var(--s1)/1.2 var(--body);text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1)}.cta svg{width:22px;height:22px;fill:currentColor}.tile-shot{width:auto;background:var(--white);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);display:flex;flex-direction:column}.tile-shot .bar{height:22px;border-bottom:3px solid var(--ink);display:flex;gap:6px;align-items:center;padding:0 10px;background:var(--paper)}.tile-shot .bar span{width:8px;height:8px;border-radius:50%;background:var(--ink)}.tile-shot img{height:132px;width:auto;max-width:none}.tile-note{width:min(52vw,200px);display:flex;align-items:center;font-weight:700;padding-right:8px}.steps .track > li{list-style:none;width:min(68vw,250px);display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:8px 18px 0 0;border-right:1px solid var(--ink)}.steps .track{margin-top:0;margin-bottom:0;padding-left:2px}.num{font:800 var(--s3)/1 var(--display);color:var(--ink);-webkit-text-stroke:0}.steps li p{font-weight:700}.result svg{width:100%;height:auto;max-width:420px;margin:0 auto}.result text{font-family:var(--body);font-weight:700;font-size:16px;fill:var(--ink)}.result .big{font-family:var(--display);font-weight:800;font-size:20px}.part{transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform-box:fill-box;transform-origin:center}#story[data-step="1"] .p-rows,#story[data-step="1"] .p-top,#story[data-step="1"] .p-chips{opacity:0;transform:translateY(16px)}#story[data-step="2"] .p-top,#story[data-step="2"] .p-chips{opacity:0;transform:translateY(16px)}#story[data-step="1"] .p-type{opacity:1}.p-type{opacity:0}.band{padding:40px var(--gut);border-top:1px solid var(--ink)}.band.tight{padding-top:28px;padding-bottom:28px}.yellow{background:var(--yellow)}.hang{display:grid;gap:12px}.hang h2{font-size:var(--s2);line-height:1.2}.tabs .track{margin-right:calc(var(--gut) * -1)}.tabs .track > *{height:auto}.tab{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 18px;border:3px solid var(--ink);background:var(--white);color:var(--ink);font:700 var(--s1)/1.2 var(--body);border-radius:999px;cursor:pointer}.tab svg{width:22px;height:22px;fill:currentColor}.tab[aria-selected="true"]{background:var(--ink);color:var(--yellow)}.panel{min-height:72px;max-width:34rem;font-weight:700;padding-top:6px}.panel[hidden]{display:none}.pile .track > *{height:180px}.pit{width:min(84vw,520px);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--paper);position:relative;overflow:hidden;touch-action:pan-x pan-y}.pit canvas{display:block;width:100%;height:100%}.pile-note{width:min(60vw,240px);display:flex;align-items:center;font-weight:700}.sources{background:var(--paper);padding:28px var(--gut);border-top:1px solid var(--ink);display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}.label{font:700 12px/1.4 var(--body);text-transform:uppercase;letter-spacing:0.05em}.ul{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100% / 0 2px no-repeat;transition:background-size .3s cubic-bezier(.16,1,.3,1);font-weight:700}.ul:focus-visible{background-size:100% 2px}footer{background:var(--ink);color:var(--white);margin-top:0;padding:40px var(--gut) calc(96px + env(safe-area-inset-bottom));display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}footer .label{color:var(--yellow)}footer .gap{margin-top:16px}footer{border-top:1px solid var(--ink)}.dock{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--white);border-top:3px solid var(--ink);padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:center;transform:translateY(110%);visibility:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),visibility 0s linear .35s}.dock.on{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.16,1,.3,1),visibility 0s}.dock .cta{min-height:48px}@media (hover: hover) and (pointer: fine){.cta:hover{transform:translateY(-2px)}.tab:hover{background:var(--paper)}.tab[aria-selected="true"]:hover{background:var(--ink)}.ul:hover{background-size:100% 2px}}@media (min-width: 900px){.top{grid-template-columns:minmax(0,1fr) 400px;column-gap:56px;padding-top:24px;align-items:start}.brand,.copy,.row{grid-column:1}.tile-note{width:min(52vw,200px);display:flex;align-items:center;font-weight:700;padding-right:8px}.steps .track > li{width:210px}.brand img{width:80px;height:80px}.result{grid-column:2;grid-row:1 / span 4;position:sticky;top:24px}.track{margin-right:0}.hang,.sources,footer{grid-template-columns:220px minmax(0,1fr);column-gap:40px;align-items:start}.tabs .track{margin-right:0}.band{padding-top:56px;padding-bottom:56px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.part,.cta,.dock,.ul{transition:none}}html,body{overflow-x:clip;max-width:100%}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 400;font-display: swap;src: url(a4785a6595ba.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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: 'Figtree';font-style: normal;font-weight: 400;font-display: swap;src: url(c320755e031b.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 700;font-display: swap;src: url(a4785a6595ba.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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: 'Figtree';font-style: normal;font-weight: 700;font-display: swap;src: url(c320755e031b.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Unbounded';font-style: normal;font-weight: 800;font-display: swap;src: url(9abccf62e1ea.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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: 'Unbounded';font-style: normal;font-weight: 800;font-display: swap;src: url(a8227430ddbb.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}