:root{--nc-font-sans: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--nc-font-mono: Consolas,monaco,'Ubuntu Mono','Liberation Mono','Courier New',Courier,monospace;--nc-tx-1: #000000;--nc-tx-2: #1A1A1A;--nc-bg-1: #FFFFFF;--nc-bg-2: #F6F8FA;--nc-bg-3: #E5E7EB;--nc-lk-1: #0070F3;--nc-lk-2: #0366D6;--nc-lk-tx: #FFFFFF;--nc-ac-1: #79FFE1;--nc-ac-tx: #0C4047;}@media (prefers-color-scheme: dark){:root{--nc-tx-1: #ffffff;--nc-tx-2: #eeeeee;--nc-bg-1: #000000;--nc-bg-2: #111111;--nc-bg-3: #222222;--nc-lk-1: #3291FF;--nc-lk-2: #0070F3;--nc-lk-tx: #FFFFFF;--nc-ac-1: #7928CA;--nc-ac-tx: #FFFFFF;}}*{margin: 0;padding: 0;}address,area,article,aside,audio,blockquote,datalist,details,dl,fieldset,figure,form,input,iframe,img,meter,nav,ol,optgroup,option,output,p,pre,progress,ruby,section,table,textarea,ul,video{margin-bottom: 1rem;}html,input,select,button{font-family: var(--nc-font-sans);}body{margin: 0 auto;max-width: 750px;padding: 2rem;border-radius: 6px;overflow-x: hidden;word-break: break-word;overflow-wrap: break-word;background: var(--nc-bg-1);color: var(--nc-tx-2);font-size: 1.03rem;line-height: 1.5;}::selection{background: var(--nc-ac-1);color: var(--nc-ac-tx);}h1,h2,h3,h4,h5,h6{line-height: 1;color: var(--nc-tx-1);padding-top: .875rem;}h1,h2,h3{color: var(--nc-tx-1);padding-bottom: 2px;margin-bottom: 8px;border-bottom: 1px solid var(--nc-bg-2);}h4,h5,h6{margin-bottom: .3rem;}h1{font-size: 2.25rem;}h2{font-size: 1.85rem;}h3{font-size: 1.55rem;}h4{font-size: 1.25rem;}h5{font-size: 1rem;}h6{font-size: .875rem;}a{color: var(--nc-lk-1);}a:hover{color: var(--nc-lk-2);}abbr:hover{cursor: help;}blockquote{padding: 1.5rem;background: var(--nc-bg-2);border-left: 5px solid var(--nc-bg-3);}abbr{cursor: help;}blockquote *:last-child{padding-bottom: 0;margin-bottom: 0;}header{background: var(--nc-bg-2);border-bottom: 1px solid var(--nc-bg-3);padding: 2rem 1.5rem;margin: -2rem calc(0px - (50vw - 50%)) 2rem;padding-left: calc(50vw - 50%);padding-right: calc(50vw - 50%);}header h1,header h2,header h3{padding-bottom: 0;border-bottom: 0;}header > *:first-child{margin-top: 0;padding-top: 0;}header > *:last-child{margin-bottom: 0;}a button,button,input[type="submit"],input[type="reset"],input[type="button"]{font-size: 1rem;display: inline-block;padding: 6px 12px;text-align: center;text-decoration: none;white-space: nowrap;background: var(--nc-lk-1);color: var(--nc-lk-tx);border: 0;border-radius: 4px;box-sizing: border-box;cursor: pointer;color: var(--nc-lk-tx);}a button[disabled],button[disabled],input[type="submit"][disabled],input[type="reset"][disabled],input[type="button"][disabled]{cursor: default;opacity: .5;cursor: not-allowed;}.button:focus,.button:hover,button:focus,button:hover,input[type="submit"]:focus,input[type="submit"]:hover,input[type="reset"]:focus,input[type="reset"]:hover,input[type="button"]:focus,input[type="button"]:hover{background: var(--nc-lk-2);}code,pre,kbd,samp{font-family: var(--nc-font-mono);}code,samp,kbd,pre{background: var(--nc-bg-2);border: 1px solid var(--nc-bg-3);border-radius: 4px;padding: 3px 6px;font-size: 0.9rem;}kbd{border-bottom: 3px solid var(--nc-bg-3);}pre{padding: 1rem 1.4rem;max-width: 100%;overflow: auto;}pre code{background: inherit;font-size: inherit;color: inherit;border: 0;padding: 0;margin: 0;}code pre{display: inline;background: inherit;font-size: inherit;color: inherit;border: 0;padding: 0;margin: 0;}details{padding: .6rem 1rem;background: var(--nc-bg-2);border: 1px solid var(--nc-bg-3);border-radius: 4px;}summary{cursor: pointer;font-weight: bold;}details[open]{padding-bottom: .75rem;}details[open] summary{margin-bottom: 6px;}details[open]>*:last-child{margin-bottom: 0;}dt{font-weight: bold;}dd::before{content: '→ ';}hr{border: 0;border-bottom: 1px solid var(--nc-bg-3);margin: 1rem auto;}fieldset{margin-top: 1rem;padding: 2rem;border: 1px solid var(--nc-bg-3);border-radius: 4px;}legend{padding: auto .5rem;}table{border-collapse: collapse;width: 100%}td,th{border: 1px solid var(--nc-bg-3);text-align: left;padding: .5rem;}th{background: var(--nc-bg-2);}tr:nth-child(even){background: var(--nc-bg-2);}table caption{font-weight: bold;margin-bottom: .5rem;}textarea{max-width: 100%;}ol,ul{padding-left: 2rem;}li{margin-top: .4rem;}ul ul,ol ul,ul ol,ol ol{margin-bottom: 0;}mark{padding: 3px 6px;background: var(--nc-ac-1);color: var(--nc-ac-tx);}textarea,select,input{padding: 6px 12px;margin-bottom: .5rem;background: var(--nc-bg-2);color: var(--nc-tx-2);border: 1px solid var(--nc-bg-3);border-radius: 4px;box-shadow: none;box-sizing: border-box;}img{max-width: 100%;}:root{--nc-font-sans: 'Fira Code',monospace;--nc-font-mono: 'Fira Code',monospace;--nc-tx-1: #FFFFFF;--nc-tx-2: #EEEEEE;--nc-bg-1: #000000;--nc-bg-2: #002700;--nc-bg-3: #005800;--nc-lk-1: #00FF00;--nc-lk-2: #00c200;--nc-lk-tx: #000000;--nc-ac-1: #00FF00;--nc-ac-tx: #000000;}:root{--ink: #0B0B0C;--paper: #F2F1EE;--stone: #8A8A86;--red: #FE2C55;--aqua: #25F4EE;--nc-font-sans: "Hanken Grotesk",ui-sans-serif,sans-serif;--nc-tx-1: #F2F1EE;--nc-tx-2: #F2F1EE;--nc-bg-1: #0B0B0C;--nc-bg-2: #0B0B0C;--nc-bg-3: #8A8A86;--nc-lk-1: #F2F1EE;--nc-lk-2: #F2F1EE;--nc-lk-tx: #0B0B0C;--nc-ac-1: #25F4EE;--nc-ac-tx: #0B0B0C;--display: "Bricolage Grotesque","Hanken Grotesk",sans-serif;--s1: 1rem;--s2: clamp(1.25rem,0.95rem + 1.3vw,1.8rem);--s3: clamp(2.1rem,1.2rem + 3.6vw,3.5rem);--gut: clamp(16px,4vw,40px);--art-h: clamp(300px,48dvh,400px);--ease: cubic-bezier(0.16,1,0.3,1);color-scheme: dark;scrollbar-color: var(--stone) var(--ink);}html{scroll-behavior: smooth;}body{max-width: none;margin: 0;padding: 0;border-radius: 0;overflow-x: clip;word-break: normal;overflow-wrap: anywhere;background: var(--ink);color: var(--paper);font-family: var(--nc-font-sans);font-size: var(--s1);line-height: 1.6;-webkit-text-size-adjust: 100%;}::selection{background: var(--aqua);color: var(--ink);}h1,h2,h3{border: 0;padding: 0;margin: 0;color: inherit;font-family: var(--display);font-weight: 800;line-height: 1.05;letter-spacing: -0.02em;text-wrap: balance;overflow-wrap: normal;}p,ul,li,section,svg,nav{margin: 0;}p,li{text-wrap: pretty;}a{color: inherit;}.ink{background: var(--ink);color: var(--paper);}.paper{background: var(--paper);color: var(--ink);}.ink :focus-visible{outline: 3px solid var(--paper);outline-offset: 4px;}.paper :focus-visible{outline: 3px solid var(--ink);outline-offset: 4px;}.wrap{max-width: 1200px;margin: 0 auto;padding-left: max(var(--gut),env(safe-area-inset-left));padding-right: max(var(--gut),env(safe-area-inset-right));}.go-btn{display: inline-flex;align-items: center;justify-content: center;min-width: 240px;min-height: 56px;padding: 8px 32px;border-radius: 999px;background: var(--red);color: var(--ink);font-family: var(--nc-font-sans);font-weight: 700;font-size: var(--s2);line-height: 1.15;text-decoration: none;text-align: center;transition: transform 0.2s var(--ease);}.go-btn:active{transform: translateY(2px);}@media (hover: hover) and (pointer: fine){.go-btn:hover{color: var(--ink);transform: translateY(-2px);}}.story{display: grid;grid-template-columns: minmax(0,1fr);grid-template-rows: auto var(--art-h) auto;}.lead{grid-row: 1;grid-column: 1;padding-top: max(20px,env(safe-area-inset-top));padding-bottom: 24px;}.logo{display: block;width: 64px;height: auto;margin-bottom: 18px;}.lead h1{font-size: var(--s3);max-width: 15ch;}.sub{margin-top: 14px;max-width: 34ch;}.go{margin-top: 22px;}.note{margin-top: 10px;font-size: var(--s1);color: var(--paper);opacity: 0.78;}.art{grid-row: 2 / 4;grid-column: 1;align-self: start;position: sticky;top: 0;z-index: 2;height: var(--art-h);display: flex;flex-direction: column;align-items: center;gap: 4px;background: var(--ink);padding-bottom: 4px;}.art svg{flex: 1 1 0;min-height: 0;width: 100%;display: block;}.hold{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;padding: 0 16px;background: transparent;color: var(--paper);border: 2px solid var(--stone);border-radius: 999px;font-family: var(--nc-font-sans);font-size: var(--s1);font-weight: 400;line-height: 1;cursor: pointer;-webkit-user-select: none;user-select: none;-webkit-touch-callout: none;touch-action: manipulation;}.hold:hover,.hold:focus{background: transparent;}.hold[aria-pressed="true"]{border-color: var(--paper);}.ico{width: 24px;height: 24px;flex: none;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;}.steps{grid-row: 3;grid-column: 1;list-style: none;padding: 0;margin: 0;}.step{min-height: 70dvh;display: grid;grid-template-columns: auto minmax(0,1fr);column-gap: 16px;align-items: end;padding-bottom: 14dvh;}.step:last-child{min-height: 62dvh;}.num{font-family: var(--display);font-weight: 800;font-size: var(--s3);line-height: 1;color: var(--stone);}.step p{font-size: var(--s2);line-height: 1.3;max-width: 22ch;}.art g[class^="p-"]{transition: opacity 0.6s var(--ease),transform 0.6s var(--ease);transform-box: fill-box;transform-origin: center;}.art .p-bars{opacity: 0;}.art[data-step="1"] .p-bg{opacity: 0;transform: translateY(24px);}.art[data-step="1"] .p-tag,.art[data-step="1"] .p-photo,.art[data-step="1"] .p-who,.art[data-step="1"] .p-ring{opacity: 0;}.art[data-step="1"] .p-sw{opacity: 0;transform: translateY(8px);}.art[data-step="1"] .p-bars{opacity: 1;}.art[data-step="2"] .p-bg,.art[data-step="3"] .p-bg{opacity: 0.4;transform: translateY(12px);}.art[data-step="2"] .p-tag,.art[data-step="3"] .p-tag{opacity: 0;}.art[data-step="2"] .p-photo,.art[data-step="2"] .p-who{opacity: 0;}.art[data-step="2"] .p-bars{opacity: 1;}.art[data-hold] .p-bg{opacity: 0;transform: translateY(24px);}.art[data-hold] .p-tag,.art[data-hold] .p-ring,.art[data-hold] .p-sw{opacity: 0;}.answer{padding: 56px 0 72px;}.box{border: 4px solid var(--ink);box-shadow: 8px 8px 0 var(--ink);padding: 24px;max-width: 720px;background: var(--paper);}.box h2{font-size: var(--s2);}.box p{margin-top: 10px;}.longer{margin-top: 64px;}.longer h2{font-size: var(--s3);}.longer p{margin-top: 12px;max-width: 60ch;}.part{padding: 72px 0 88px;}.part.tight{padding: 48px 0 56px;}.hang{display: grid;grid-template-columns: minmax(0,1fr);row-gap: 20px;}.hang h3{font-size: var(--s2);}.arc{width: 100%;height: auto;display: block;}.stops{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));column-gap: 12px;list-style: none;padding: 0;margin: 8px 0 0;}.stops li{margin: 0;text-align: center;}.stops strong{display: block;}.routes{list-style: none;padding: 0;margin: 0;}.routes li{margin: 0;padding: 16px 0;border-top: 2px solid var(--ink);display: grid;grid-template-columns: minmax(0,1fr);row-gap: 4px;}.routes li:last-child{border-bottom: 2px solid var(--ink);}.routes .where{display: flex;align-items: center;gap: 8px;font-weight: 700;}.close{padding: 72px 0;}.cta-xl{display: flex;width: 100%;min-height: 96px;font-family: var(--display);font-weight: 800;font-size: min(var(--s3),7.4vw);}.bar{position: fixed;left: 0;right: 0;bottom: 0;z-index: 20;background: var(--ink);border-top: 2px solid var(--stone);padding: 10px max(var(--gut),env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(var(--gut),env(safe-area-inset-left));display: flex;justify-content: center;transform: translateY(110%);visibility: hidden;transition: transform 0.35s var(--ease),visibility 0s linear 0.35s;}.bar.on{transform: none;visibility: visible;transition: transform 0.35s var(--ease),visibility 0s;}.bar .go-btn{width: 100%;max-width: 420px;}footer{margin-top: 0;padding: 48px 0 calc(96px + env(safe-area-inset-bottom));}.foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 16px;}.brand{display: flex;align-items: center;gap: 12px;font-family: var(--display);font-weight: 800;font-size: var(--s2);}.brand img{width: 40px;height: 40px;}.about{display: inline-flex;align-items: center;min-height: 44px;font-weight: 700;text-underline-offset: 4px;}.print{margin-top: 32px;padding-top: 16px;border-top: 2px solid var(--ink);font-size: 12px;line-height: 1.5;max-width: 72ch;}.print h2{font-family: var(--nc-font-sans);font-size: 12px;font-weight: 700;letter-spacing: 0;margin-top: 12px;}.print p{margin-top: 2px;}dialog{padding: 0;border: 4px solid var(--ink);background: var(--paper);color: var(--ink);width: min(560px,calc(100vw - 32px));max-height: min(640px,calc(100dvh - 48px));box-shadow: 8px 8px 0 var(--aqua);}dialog::backdrop{background: rgba(11,11,12,0.72);}.sheet{position: relative;padding: 24px 24px 28px;overflow-y: auto;max-height: inherit;}.sheet h2{font-size: var(--s2);padding-right: 52px;}.sheet h3{font-family: var(--nc-font-sans);font-size: var(--s1);font-weight: 700;letter-spacing: 0;margin-top: 18px;}.sheet p{margin-top: 4px;}.x{position: absolute;top: 12px;right: 12px;width: 44px;height: 44px;padding: 0;display: grid;place-items: center;background: transparent;color: var(--ink);border: 2px solid var(--ink);border-radius: 999px;cursor: pointer;}.x:hover,.x:focus{background: transparent;color: var(--ink);}.x:focus-visible{outline: 3px solid var(--ink);outline-offset: 3px;}@media (min-width: 720px){.hang{grid-template-columns: repeat(12,minmax(0,1fr));column-gap: 32px;}.hang > h3{grid-column: 1 / 5;}.hang > div{grid-column: 5 / 13;}.routes li{grid-template-columns: minmax(0,5fr) minmax(0,7fr);column-gap: 24px;}}@media (min-width: 960px){:root{--art-h: min(520px,calc(100dvh - 96px));}.story{grid-template-columns: repeat(12,minmax(0,1fr));grid-template-rows: auto auto;column-gap: 32px;}.lead{grid-column: 1 / 7;grid-row: 1;min-height: 100dvh;display: flex;flex-direction: column;justify-content: center;padding-top: 48px;padding-bottom: 48px;}.logo{width: 88px;margin-bottom: 28px;}.art{grid-column: 7 / 13;grid-row: 1 / 3;top: calc(50dvh - var(--art-h) / 2);}.steps{grid-column: 1 / 7;grid-row: 2;}.step{align-items: center;padding-bottom: 0;}.step:last-child{min-height: 70dvh;}.answer{padding: 96px 0 112px;}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}.art g[class^="p-"],.go-btn,.bar,.bar.on{transition: none;}.art g[class^="p-"]{transform: none !important;}}html,body{overflow-x:clip;max-width:100%}