@media (width<=639.98px){.trade-hero #hero-title br{display:none}.trade-hero #hero-title{text-wrap:balance;font-size:min(2.6rem,11.7vw - .2925rem)}}@media (width<=1023.98px){#scene .story-phone{height:min(34svh,18rem);font-size:calc(min(34svh,18rem)/41)}}@media (hover:none),(pointer:coarse){.cluster .pick{pointer-events:none}}.scene-caret{background:var(--color-ink);opacity:0;width:1.5px;height:1.2em;margin-left:-.25em}.js .story.is-in .scene-caret{animation:1s step-end 1.75s infinite trade-blink}.js .story.is-in .scene-suggest{animation:trade-drop .6s var(--ease-out-expo) both;animation-delay:calc(1.55s + var(--k,0) * .16s)}.job-face{isolation:isolate;transition:color .4s var(--ease-out-expo);position:relative;overflow:hidden}.job-face:before{content:"";z-index:-1;background:var(--color-gold);transition:translate .5s var(--ease-out-expo);position:absolute;inset:0;translate:0 101%}.job input:checked+.job-face{color:var(--color-ink)}.job input:checked+.job-face:before{translate:0}.job input:focus-visible+.job-face{outline:2px solid var(--color-gold);outline-offset:-5px}.job input:checked:focus-visible+.job-face{outline-color:var(--color-ink)}.job-box{transition:background-color .3s, border-color .3s, rotate .5s var(--ease-spring)}.job-box>svg{transition:scale .45s var(--ease-spring);scale:0}.job input:checked+.job-face .job-box{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-gold)}.job input:checked+.job-face .job-box>svg{scale:1}@media (hover:hover) and (pointer:fine){.job:hover input:not(:checked)+.job-face:before{translate:0 calc(100% - .4rem)}.job:hover .job-box{rotate:-8deg}}.job-count.is-bumped{animation:trade-bump .45s var(--ease-spring)}@property --pick{syntax:"<number>";inherits:true;initial-value:.5}.cluster{--beat:1.15s;--start:calc(var(--intro) + 2.2s);--pick:.5;animation:trade-pick calc(var(--count) * var(--beat)) linear var(--start) infinite}.pick-fill{background:var(--color-gold);opacity:calc(clamp(0, (var(--pick) - var(--o)) * 8, 1) * clamp(0, (var(--o) + 1 - var(--pick)) * 8, 1));position:absolute;inset:0}.pick-names{min-width:0;height:1.75rem;display:block;overflow:clip}.pick-list{animation:trade-names calc(var(--count) * var(--beat)) var(--start) infinite;flex-direction:column;display:flex}.pick-list>span{white-space:nowrap;height:1.75rem;display:block}.pick-still{display:none}@media (hover:hover) and (pointer:fine){.pick:hover .pick-fill{opacity:1}.pick:after{content:attr(data-name);z-index:5;background:var(--color-ink);color:var(--color-paper);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .25s, translate .35s var(--ease-out-expo);padding:.35rem .6rem;font-size:.66rem;position:absolute;bottom:calc(100% + .4rem);left:50%;translate:-50% .4rem}.pick:hover:after{opacity:1;translate:-50%}.pick>svg{transition:rotate .5s var(--ease-spring)}.pick:hover>svg{rotate:-12deg}}.trade-find input{transition:box-shadow .25s}.trade-find input:focus{box-shadow:.35rem .35rem 0 var(--color-gold);outline:none}.trade-find input::-webkit-search-cancel-button{cursor:pointer}#trades:has(input[data-filter]:not(:placeholder-shown)) [data-reveal]{transition-delay:0s}.trades-fill ul>li:last-child{grid-column:span var(--fill-2,1)}@media (width>=640px){.trades-fill ul>li:last-child{grid-column:span var(--fill-3,1)}}@media (width>=1024px){.trades-fill ul>li:last-child{grid-column:span var(--fill-5,1)}}.ways-row.snap{scroll-padding-inline:1.25rem}.ways-row.snap>*{scroll-snap-align:start}@media (width>=640px){.ways-row.snap{scroll-padding-inline:2rem}}@media (width>=1024px){.ways-row.snap{scroll-snap-type:none;overflow:visible}}.need-icon{transition:scale .6s var(--ease-spring) .15s, rotate .6s var(--ease-spring) .15s}.js .need:not(.is-in) .need-icon{rotate:-14deg;scale:.4}.need-rule{transform-origin:0;transition:scale .9s var(--ease-out-expo) .35s}.js .need:not(.is-in) .need-rule{scale:0 1}.buy-mark{left:calc(var(--at,2) * 25%);transition:left 1.3s var(--ease-out-expo) .25s;translate:-50% -50%}.js .buy-row:not(.is-in) .buy-mark{left:0%}.buy-read{transition:opacity .5s .9s, translate .6s var(--ease-out-expo) .9s}.js .buy-row:not(.is-in) .buy-read{opacity:0;translate:0 .35em}.proof-phone{aspect-ratio:9/18.6}.proof-shot{translate:0 calc(var(--p,0) * -38%)}.proof-zero{transition:rotate .7s var(--ease-spring) .3s}.js [data-reveal]:not(.is-in) .proof-zero{rotate:-12deg}@keyframes trade-blink{0%{opacity:1}50%{opacity:0}}@keyframes trade-drop{0%{opacity:0;translate:0 -.5em}}@keyframes trade-bump{0%{scale:1.35}}@keyframes trade-pick{0%{--pick:0}to{--pick:var(--count)}}@keyframes trade-names{to{translate:0 -100%}}@media (prefers-reduced-motion:reduce){.scene-caret,.scene-suggest,.job-count,.cluster,.pick-list{animation:none!important}.job-face,.job-face:before,.job-box,.job-box>svg,.pick:after,.pick>svg,.need-icon,.need-rule,.buy-mark,.buy-read,.proof-zero{transition:none!important}.js .need:not(.is-in) .need-icon,.js .need:not(.is-in) .need-rule,.js [data-reveal]:not(.is-in) .proof-zero{rotate:none;scale:1}.js .buy-row:not(.is-in) .buy-mark{left:calc(var(--at,2) * 25%)}.js .buy-row:not(.is-in) .buy-read{opacity:1;translate:none}.proof-shot{translate:none}.pick-fill{opacity:0}.pick-moving,.pick-names{display:none}.pick-still{display:inline}}
