:root{--h:#b8860b;--ink:color-mix(in oklch,var(--h) 20%,#110c02);--ground:color-mix(in oklch,var(--h) 5%,#fff);--paper:color-mix(in oklch,var(--h) 1%,#fff);--tint:color-mix(in oklch,var(--h) 24%,#fff);--deep:color-mix(in oklch,var(--h) 16%,#0b0802);--soft:color-mix(in oklch,var(--h) 45%,#2a1f05);--gut:16px;}*{box-sizing:border-box}html{scrollbar-color:var(--soft) var(--ground);overflow-x:clip}body{margin:0;background:var(--ground);color:var(--ink);font:400 1rem/1.6 Archivo,"Arial Narrow",sans-serif;padding-bottom:88px;caret-color:var(--h);overflow-x:clip}::selection{background:var(--tint);color:var(--ink)}h1,h2{text-wrap:balance;margin:0}p,li{text-wrap:pretty}a{color:var(--ink)}a:focus-visible,button:focus-visible{outline:3px solid var(--h);outline-offset:3px}.wrap{max-width:1180px;margin:0 auto;padding:0 max(var(--gut),env(safe-area-inset-left)) 0 max(var(--gut),env(safe-area-inset-right))}.top{padding-top:max(14px,env(safe-area-inset-top))}.top img{display:block;width:52px;height:auto;border:3px solid var(--ink)}.hero{display:grid;grid-template-columns:1fr;column-gap:48px}.word{grid-column:1 / -1;margin:6px 0 0;font-weight:900;font-size:clamp(3.4rem,16.5vw,13rem);line-height:.88;letter-spacing:-0.04em;white-space:nowrap}.copy{max-width:40rem}h1{margin-top:14px;font-weight:900;font-size:clamp(1.65rem,7vw,3.3rem);line-height:1.06;letter-spacing:-0.02em}.lead{margin:12px 0 0;font-size:1rem;max-width:36rem}.btn-start{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:56px;padding:0 28px;margin-top:18px;background:var(--ink);color:var(--paper);border:3px solid var(--ink);font-weight:700;font-size:1.1rem;text-decoration:none;border-radius:4px}.skip{display:inline-block;margin-top:10px;padding:10px 0;font-size:.95rem;text-underline-offset:3px}.panel{margin:26px 0 0;max-width:400px;background:var(--paper);border:3px solid var(--ink);border-radius:8px;box-shadow:8px 8px 0 var(--ink);padding:14px}.panel svg{display:block;width:100%;height:auto}.switch{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;margin:0 0 12px;padding:0;background:none;border:0;color:var(--ink);font:700 .9rem/1.2 Archivo,sans-serif;cursor:pointer;touch-action:pan-y;user-select:none}.track{position:relative;flex:none;width:64px;height:34px;border:3px solid var(--ink);border-radius:20px;background:var(--tint)}.knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--ink)}.switch[aria-checked="true"] .track{background:var(--h)}.switch[aria-checked="true"] .knob{transform:translateX(30px)}.sw-off,.sw-on{opacity:.72}.switch[aria-checked="false"] .sw-off,.switch[aria-checked="true"] .sw-on{opacity:1}.k{fill:var(--ink)}.g{fill:var(--h)}.t{fill:var(--tint)}.p{fill:var(--paper)}.gr{fill:var(--ground)}.ks{stroke:var(--ink);stroke-width:3}.line{stroke:var(--ink)}.lbl{font:700 15px Archivo,sans-serif}.sm{font:700 12px Archivo,sans-serif}.panel[data-state="without"] .on,.panel[data-state="with"] .off{opacity:0}.story{margin-top:96px}.story h2,.inside h2{font-weight:900;font-size:clamp(1.65rem,7vw,3.3rem);line-height:1.06;letter-spacing:-0.02em;max-width:18ch}.scroller{display:grid;grid-template-columns:1fr;margin-top:8px}.stage{position:sticky;top:0;z-index:1;height:44dvh;display:flex;align-items:center;background:var(--ground);padding:10px 0}.stage .card{height:100%;width:100%;max-width:400px;background:var(--paper);border:3px solid var(--ink);border-radius:8px;box-shadow:6px 6px 0 var(--ink);padding:8px}.stage svg{display:block;width:100%;height:100%}.steps{list-style:none;margin:0;padding:0}.step{min-height:70dvh;display:flex;align-items:center;padding-top:22dvh}.step p{margin:0;max-width:22ch;font-weight:700;font-size:clamp(1.3rem,5.6vw,1.9rem);line-height:1.3;background:var(--ground)}.fig .s1,.fig .s2,.fig .s3,.fig .s4{opacity:0}.fig[data-step="1"] .s1{opacity:1}.fig[data-step="2"] .s2,.fig[data-step="3"] .s2,.fig[data-step="4"] .s2{opacity:1}.fig[data-step="3"] .s3,.fig[data-step="4"] .s3{opacity:1}.fig[data-step="4"] .s4{opacity:1}.inside{margin-top:40px;display:grid;grid-template-columns:1fr;gap:28px;align-items:start}.inside .draw{max-width:340px}.inside svg{display:block;width:100%;height:auto}.rows{list-style:none;margin:20px 0 0;padding:0}.rows li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:2px solid var(--tint);max-width:60ch}.rows svg{flex:none;width:22px;height:22px;margin-top:2px;fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.note{margin:16px 0 0;max-width:60ch;font-size:.95rem}.close{margin-top:120px;background:var(--deep);color:var(--paper);padding:80px 0 88px;position:relative;overflow:hidden}.close .glow{position:absolute;left:-10%;top:-20%;width:90%;height:140%;background:radial-gradient(closest-side,color-mix(in oklch,var(--h) 34%,transparent),transparent);pointer-events:none}.close .wrap{position:relative}.close h2{font-weight:900;font-size:clamp(1.65rem,7vw,3.3rem);line-height:1.06;letter-spacing:-0.02em;max-width:16ch}.close .btn-start{background:var(--h);color:var(--deep);border-color:var(--h)}.close p{margin:12px 0 0;color:var(--tint)}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:none;justify-content:center;background:var(--paper);border-top:3px solid var(--ink);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.bar.show{display:flex}.bar .btn-start{margin:0;min-height:52px;width:100%;max-width:420px}footer{margin-top:56px;padding:0 0 40px}footer .wrap{border-top:3px solid var(--ink);padding-top:24px}.src{display:block;max-width:420px;margin-top:12px;padding:14px 16px;border:3px solid var(--ink);border-radius:8px;text-decoration:none;background:var(--paper)}.src strong{display:block;font-size:1rem}.src span{display:block;font-size:.9rem;margin-top:4px}.fine{margin:18px 0 0;font-size:.9rem}.brand{font-weight:900;font-size:1.1rem;margin:0}@media (hover: hover) and (pointer: fine){.btn-start:hover{background:var(--soft);border-color:var(--soft)}.close .btn-start:hover{background:var(--tint);border-color:var(--tint)}.src:hover{background:var(--tint)}}@media (min-width:900px){.top img{width:72px}.hero{grid-template-columns:1.45fr 1fr}.word{font-size:clamp(3.4rem,15.5vw,12.5rem)}.copy{grid-column:1;padding-top:8px}.panel{grid-column:2;grid-row:2;margin-top:16px;position:relative;z-index:2;justify-self:end;width:100%}.scroller{grid-template-columns:1.45fr 1fr;column-gap:48px}.stage{grid-column:2;grid-row:1;top:12dvh;height:62dvh;background:none}.stage .card{height:auto}.stage svg{height:auto}.steps{grid-column:1;grid-row:1}.step{padding-top:0}.inside{grid-template-columns:1fr 1.45fr;gap:48px}}@media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important}}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: swap;src: url(../fonts/archivo.d51dad43.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: 'Archivo';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: swap;src: url(../fonts/archivo.fd07c97c.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: 'Archivo';font-style: normal;font-weight: 700;font-stretch: 100%;font-display: swap;src: url(../fonts/archivo.d51dad43.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: 'Archivo';font-style: normal;font-weight: 700;font-stretch: 100%;font-display: swap;src: url(../fonts/archivo.fd07c97c.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: 'Archivo';font-style: normal;font-weight: 900;font-stretch: 100%;font-display: swap;src: url(../fonts/archivo.d51dad43.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: 'Archivo';font-style: normal;font-weight: 900;font-stretch: 100%;font-display: swap;src: url(../fonts/archivo.fd07c97c.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;}