@font-face{font-family:Pixelify Sans;src:url(./pixelify-sans-latin-700-normal-D3Xxx3QE.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sky-50: #e9f6fd;--sky-200: #bfe3f8;--soil-600: #6b4423;--soil-700: #5c3a1f;--soil-900: #2e1d10;--cream: #fff8ec;--color-page: var(--sky-200);--color-surface: var(--cream);--color-surface-hover: var(--sky-50);--color-text: var(--soil-900);--color-text-muted: var(--soil-700);--color-band: var(--soil-600);--color-band-text: var(--cream);--color-band-surface: var(--soil-700);--color-band-edge: var(--px-grass);--color-footer: var(--soil-900);--color-footer-text: var(--cream);--color-footer-link: var(--sky-200);--color-action: var(--soil-700);--color-action-hover: var(--soil-600);--color-action-text: var(--cream);--color-action-edge: var(--soil-900);--color-frame: var(--soil-900);--color-focus: var(--soil-900);--px-sky1: #bfe3f8;--px-sky2: #a6d8f5;--px-sky3: #8ccbf0;--px-sun: #f6c453;--px-cloud: #fff8ec;--px-grass: #7fb05a;--px-soil: #9a6a3e;--px-soilDark: #7a4f2b;--px-tunnel: #4f321a;--px-seed: #f6c453;--px-wood: #6b4423;--px-rim: #fff8ec;--px-rimShade: #c9b79c;--px-spoke: #c9b79c;--px-outline: #2e1d10;--px-fur: #e39a52;--px-belly: #fff1dc;--px-pink: #f2a0a0;--px-eye: #2e1d10;--px-zzz: #fff8ec;--font-display: "Pixelify Sans", ui-monospace, monospace;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: clamp(1.75rem, 1.35rem + 1.6vw, 2.25rem);--text-display: clamp(2.25rem, 1.5rem + 3.4vw, 3.75rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--pixel: 4px;--content-max: 72rem;--measure: 38rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--color-page);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{flex:1;display:flex;flex-direction:column}main{flex:1}main:focus{outline:none}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:700;line-height:1.1;text-wrap:balance}h1{width:fit-content;max-width:100%;font-size:var(--text-display)}h1:focus{outline:none}h1:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}h2{font-size:var(--text-2xl)}h3{font-family:var(--font-body);font-size:var(--text-lg);line-height:1.3}p{margin:0;text-wrap:pretty}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration-thickness:2px;text-underline-offset:.2em;text-decoration-skip-ink:auto}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.wrap{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:40rem){.wrap{padding-inline:var(--space-5)}}.skip-link{position:absolute;inset-inline-start:var(--space-4);inset-block-start:var(--space-2);z-index:10;padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-text);font-weight:700;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:3.5rem;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;text-decoration:none;white-space:nowrap}.brand__mark{width:28px;height:28px;flex:none}@media(min-width:40rem){.brand{font-size:var(--text-xl)}.brand__mark{width:32px;height:32px}}.nav-list{display:flex;gap:var(--space-1)}.nav-list a{display:inline-flex;align-items:center;min-height:44px;padding-inline:var(--space-2);font-weight:700;text-decoration:none;white-space:nowrap}.nav-list a[aria-current=page]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.35em}@media(hover:hover){.nav-list a:hover,.brand:hover span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.35em}}.hero{padding-block:var(--space-2) var(--space-7)}.hero__inner{display:grid;gap:var(--space-5);align-items:center}.hero__copy{display:grid;gap:var(--space-3);max-width:var(--measure)}.lead{font-size:var(--text-lg);max-width:var(--measure)}.note{font-size:var(--text-sm);color:var(--color-text-muted)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);margin-block-start:var(--space-2)}@media(min-width:56rem){.hero{padding-block:var(--space-7) var(--space-8)}.hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--space-7)}}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:1.2;text-decoration:none;text-align:center;transition-property:transform,background-color;transition-duration:.15s;transition-timing-function:ease-out}.button--primary{background:var(--color-action);color:var(--color-action-text);box-shadow:0 var(--pixel) 0 var(--color-action-edge)}@media(hover:hover){.button--primary:hover{background:var(--color-action-hover)}}.button:active{transform:scale(.96)}.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700}.scene{margin:0;background:var(--color-surface);border:var(--pixel) solid var(--color-frame)}.scene__art{display:block;width:100%;height:auto;aspect-ratio:96 / 64}.scene__art rect{transition-property:fill;transition-duration:.3s;transition-timing-function:ease-out}.scene[data-state=napping]{--px-sky1: #9fb9d8;--px-sky2: #8aa7cb;--px-sky3: #7795bd;--px-sun: #fff1c9}.px-frame:not([data-frame="0"]){display:none}@media(prefers-reduced-motion:no-preference){.scene[data-state=running] .px-frame{display:inline;animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:calc((var(--frames) - var(--frame)) * var(--frame-ms) / var(--frames) * -1ms);animation-duration:calc(var(--frame-ms) * 1ms)}.scene[data-state=running] .px-frame--spokes{--frame-ms: 420;animation-name:px-frame-3}.scene[data-state=running] .px-frame--legs{--frame-ms: 280;animation-name:px-frame-2}}@keyframes px-frame-3{0%,33.32%{opacity:1}33.33%,to{opacity:0}}@keyframes px-frame-2{0%,49.99%{opacity:1}50%,to{opacity:0}}.scene__controls{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-block-start:var(--pixel) solid var(--color-frame)}.scene__controls-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-1) var(--space-4)}.scene__toggle-label{font-weight:700}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.segmented__option{min-height:44px;padding:var(--space-2) var(--space-4);border:2px solid var(--color-action);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:700;cursor:pointer;transition-property:transform,background-color,color;transition-duration:.15s;transition-timing-function:ease-out}.segmented__option[aria-pressed=true]{background:var(--color-action);color:var(--color-action-text)}@media(hover:hover){.segmented__option[aria-pressed=false]:hover{background:var(--color-surface-hover)}}.segmented__option:active{transform:scale(.96)}.scene__speed{font-weight:700;white-space:nowrap}.scene__speed strong{font-weight:700}.scene__speed-value{display:inline-block;min-width:3.5ch;font-family:var(--font-body);font-size:var(--text-xl);font-variant-numeric:tabular-nums}.band{padding-block:var(--space-7)}.band--soil{background:var(--color-band);color:var(--color-band-text);border-block-start:var(--pixel) solid var(--color-band-edge)}.band h2{margin-block-end:var(--space-5)}.band__lead{max-width:var(--measure);margin-block:calc(var(--space-3) * -1) var(--space-5)}.fact-grid{display:grid;gap:var(--space-4)}@media(min-width:44rem){.fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fact-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}}.fact{display:grid;gap:var(--space-2);align-content:start;padding:var(--space-5);background:var(--color-band-surface)}.page-intro{padding-block:var(--space-6) var(--space-7)}.page-intro .lead{margin-block:var(--space-3) var(--space-6)}.steps{display:grid;gap:var(--space-4);max-width:48rem}.step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:start;padding:var(--space-4);background:var(--color-surface)}.step h2{font-family:var(--font-body);font-size:var(--text-lg);line-height:1.3;margin-block-end:var(--space-1)}.step__number{display:grid;place-items:center;width:2.75rem;height:2.75rem;background:var(--color-action);color:var(--color-action-text);font-family:var(--font-body);font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums}.closing{padding-block:var(--space-7)}.closing__inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-5)}.closing__text{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:1.1}.site-footer{background:var(--color-footer);color:var(--color-footer-text);--color-focus: var(--cream)}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-5);padding-block:var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom))}.site-footer__notice{font-weight:700;text-transform:uppercase}.site-footer__links{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-5)}.site-footer__links a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-footer-link);font-weight:700}
