:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--concrete-0:#f3f0e7;--concrete-1:#ddd8c9;--concrete-2:#aaa698;--charcoal:#1b211c;--muted:#4e554d;--moss:#375c35;--moss-dark:#294728;--moss-bright:#b8d979;--lichen:#dce7b4;--clay:#a64227;--sky-chalk:#d9e7e2;--paper:#fffdf5;--display:"Arial Black", Impact, Haettenschweiler, sans-serif;--body:Arial, "Helvetica Neue", sans-serif;--mono:"Courier New", monospace;font-family:var(--body);color:var(--charcoal);background:var(--concrete-0);font-synthesis:none;text-rendering:optimizelegibility;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--concrete-0);background-image:radial-gradient(circle at 12px 12px,#1b211c14 1px,#0000 1px),radial-gradient(circle at 27px 30px,#1b211c0d 1px,#0000 1px);background-size:38px 41px,47px 53px;min-width:320px;min-height:100vh;margin:0;line-height:1.5}button,select,input{font:inherit}button,select,a{-webkit-tap-highlight-color:transparent}a{color:var(--moss-dark);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--clay)}button,.button{min-height:44px}:focus-visible{outline:4px solid var(--moss-bright);outline-offset:4px;box-shadow:0 0 0 2px var(--charcoal)}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.035em;line-height:.98}h1{max-width:10ch;margin-bottom:24px;font-size:clamp(2.75rem,7vw,6.6rem)}h2{margin-bottom:24px;font-size:clamp(2rem,4vw,4rem)}h3{font-size:clamp(1.35rem,2.6vw,2.25rem)}h4{font-size:1rem;line-height:1.25}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#fff;background:var(--charcoal);padding:12px 16px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:2px solid var(--charcoal);background:#f3f0e7f0;justify-content:space-between;align-items:center;gap:24px;width:min(1440px,100%);margin:0 auto;padding:20px clamp(20px,4vw,64px);display:flex}.wordmark{color:var(--charcoal);font-family:var(--display);letter-spacing:-.03em;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.wordmark-grid{background:var(--charcoal);grid-template-columns:repeat(2,9px);gap:2px;padding:4px;display:grid;transform:rotate(-3deg)}.wordmark-grid i{background:var(--concrete-0);width:9px;height:9px}.wordmark-grid i:nth-child(2),.wordmark-grid i:nth-child(3){background:var(--moss-bright)}.site-header nav{align-items:center;gap:clamp(16px,3vw,40px);display:flex}.site-header nav a{min-height:44px;color:var(--charcoal);align-items:center;font-weight:700;display:inline-flex}.hero{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);align-items:center;gap:clamp(32px,6vw,96px);width:min(1440px,100%);min-height:calc(100vh - 86px);margin:0 auto;padding:clamp(48px,8vw,120px) clamp(20px,4vw,64px);display:grid}.eyebrow,.stamp{color:var(--moss-dark);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:.8rem;font-weight:700}.lede{max-width:44ch;margin-bottom:32px;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.5}.hero-action{flex-wrap:wrap;align-items:center;gap:16px 20px;max-width:560px;display:flex}.hero-action span{max-width:18ch;color:var(--muted);font-size:.94rem}.button{border:2px solid var(--charcoal);text-align:center;cursor:pointer;box-shadow:5px 5px 0 var(--charcoal);border-radius:0;justify-content:center;align-items:center;padding:11px 18px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.button:hover{color:inherit;box-shadow:7px 7px 0 var(--charcoal);transform:translate(-2px,-2px)}.button:active{box-shadow:2px 2px 0 var(--charcoal);transform:translate(3px,3px)}.button-primary{color:#fff;background:var(--moss)}.button-primary:hover{color:#fff;background:var(--moss-dark)}.button-secondary{color:var(--charcoal);background:var(--concrete-0)}.button-small{min-height:38px;box-shadow:3px 3px 0 var(--charcoal);padding:6px 12px}.text-button{min-height:44px;color:var(--moss-dark);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px 2px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.text-button:hover{color:var(--clay)}.plain-facts{border-top:2px solid var(--charcoal);font-family:var(--mono);gap:6px;margin:32px 0 0;padding:20px 0 0;font-size:.9rem;list-style:none;display:grid}.plain-facts li:before{content:"■";color:var(--moss);margin-right:10px}.concrete-frame{border:2px solid var(--charcoal);background:var(--concrete-1);box-shadow:10px 10px 0 var(--charcoal);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);position:relative}.hero-art{margin:0;transform:rotate(1deg)}.hero-art:before{content:"";z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 10px #1b211c1a}.hero-art img{aspect-ratio:3/2;object-fit:cover;width:100%}.hero-art figcaption{z-index:2;color:#fff;background:var(--charcoal);max-width:28ch;font-family:var(--mono);padding:10px 14px;font-size:.8rem;position:absolute;bottom:0;right:0}.builder{border-top:2px solid var(--charcoal);background:var(--concrete-1);grid-template-columns:minmax(250px,360px) minmax(0,1fr);gap:clamp(24px,4vw,64px);width:min(1440px,100%);margin:0 auto;padding:clamp(64px,9vw,128px) clamp(20px,4vw,64px);display:grid}.setup-rail{align-self:start}.setup-rail h2{font-size:clamp(2rem,3.5vw,3.25rem)}form{gap:10px;display:grid}form label,legend{font-weight:800}form select{border:2px solid var(--charcoal);width:100%;min-height:48px;color:var(--charcoal);background:var(--paper);border-radius:0;margin-bottom:10px;padding:8px 38px 8px 12px}fieldset{border:0;min-width:0;margin:0 0 10px;padding:0}legend{margin-bottom:10px}.palette-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.palette-choice{border:2px solid var(--charcoal);background:var(--paper);cursor:pointer;gap:5px;min-height:78px;padding:8px;display:grid;position:relative}.palette-choice input{width:20px;height:20px;accent-color:var(--moss);position:absolute;top:8px;right:8px}.palette-choice:has(input:checked){background:var(--lichen);box-shadow:inset 0 -5px 0 var(--moss);transform:translateY(2px)}.palette-choice>span:last-child{max-width:13ch;font-size:.82rem;line-height:1.2}.swatches{gap:2px;width:70px;height:22px;padding-right:22px;display:flex}.swatches i,.packet-palette i{border:1px solid #1b211c59;flex:1}.swatches-moss i:first-child{background:#1b211c}.swatches-moss i:nth-child(2){background:#375c35}.swatches-moss i:nth-child(3){background:#b8d979}.swatches-moss i:nth-child(4){background:#f3f0e7}.swatches-ember i:first-child{background:#251c18}.swatches-ember i:nth-child(2){background:#a64227}.swatches-ember i:nth-child(3){background:#e4a853}.swatches-ember i:nth-child(4){background:#f3e8d2}.swatches-moon i:first-child{background:#17212b}.swatches-moon i:nth-child(2){background:#355c68}.swatches-moon i:nth-child(3){background:#9ac3b8}.swatches-moon i:nth-child(4){background:#e8ece6}.swatches-berry i:first-child{background:#291d2c}.swatches-berry i:nth-child(2){background:#713c58}.swatches-berry i:nth-child(3){background:#d18aa6}.swatches-berry i:nth-child(4){background:#f4e7d8}.build-button{width:100%;margin-top:8px}.form-note{color:var(--muted);font-size:.82rem;line-height:1.4}.packet-host{min-width:0}.empty-packet{text-align:center;place-items:center;min-height:500px;padding:48px;display:grid}.empty-packet h3{max-width:14ch;margin-bottom:12px}.empty-packet p{max-width:38ch}.empty-grid{background:repeating-linear-gradient(90deg, transparent 0 18px, var(--charcoal) 18px 20px), repeating-linear-gradient(0deg, transparent 0 18px, var(--charcoal) 18px 20px);opacity:.45;width:80px;height:80px;margin-bottom:24px}.paper-sheet{border:2px solid var(--charcoal);background-color:var(--paper);box-shadow:10px 10px 0 var(--charcoal);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);background-image:linear-gradient(90deg,#0000 31px,#a642272e 32px,#0000 33px);padding:clamp(20px,4vw,48px);position:relative}.packet-header{border-bottom:3px solid var(--charcoal);grid-template-columns:1fr auto;gap:24px;padding-bottom:32px;display:grid}.packet-header h3{margin-bottom:14px;font-size:clamp(2rem,4.5vw,4.5rem)}.packet-header p:last-child{max-width:67ch;margin-bottom:0}.packet-count{border:2px solid var(--charcoal);text-align:center;align-self:start;min-width:108px;padding:12px;display:grid;transform:rotate(2deg)}.packet-count strong{font-family:var(--display);font-size:2.5rem;line-height:1}.packet-count span{font-family:var(--mono);text-transform:uppercase;font-size:.72rem}.progress-block{background:var(--sky-chalk);grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:16px;margin:24px 0;padding:16px;display:grid}.progress-block h4,.progress-block p{margin-bottom:0}.progress-block p{font-size:.88rem}.progress-track{border:2px solid var(--charcoal);background:var(--paper);height:14px;overflow:hidden}.progress-track i{background:var(--moss);width:0;height:100%;transition:width .22s;display:block}.progress-0{width:0%!important}.progress-5{width:5%!important}.progress-10{width:10%!important}.progress-15{width:15%!important}.progress-20{width:20%!important}.progress-25{width:25%!important}.progress-30{width:30%!important}.progress-35{width:35%!important}.progress-40{width:40%!important}.progress-45{width:45%!important}.progress-50{width:50%!important}.progress-55{width:55%!important}.progress-60{width:60%!important}.progress-65{width:65%!important}.progress-70{width:70%!important}.progress-75{width:75%!important}.progress-80{width:80%!important}.progress-85{width:85%!important}.progress-90{width:90%!important}.progress-95{width:95%!important}.progress-100{width:100%!important}.complete-note{color:var(--moss-dark);font-weight:800}.concept-strip{justify-content:space-between;align-items:center;gap:24px;padding:16px 0 24px;display:flex}.concept-strip h4,.concept-strip p{margin-bottom:0}.packet-palette{width:min(280px,45%);height:52px;display:flex}.asset-groups{grid-template-columns:1fr 1fr;gap:24px;display:grid}.asset-group{border-top:5px solid var(--charcoal)}.asset-group h4{font-family:var(--mono);text-transform:uppercase;justify-content:space-between;align-items:center;margin:0;padding:12px 0;font-size:.85rem;display:flex}.asset-group h4 span{color:#fff;background:var(--charcoal);place-items:center;width:28px;height:28px;display:grid}.asset-group ul{margin:0;padding:0;list-style:none}.asset-row{border-top:1px solid var(--concrete-2);isolation:isolate;grid-template-columns:28px 1fr;gap:10px;min-height:86px;padding:12px 4px;display:grid;position:relative}.asset-row:before{content:"";z-index:-1;background:var(--lichen);transform-origin:0;transition:transform .22s;position:absolute;inset:0;transform:scaleX(0)}.asset-row.is-complete:before{transform:scaleX(1)}.asset-row input{width:22px;height:22px;accent-color:var(--moss);cursor:pointer;margin:2px 0 0}.asset-row label{cursor:pointer;min-width:0}.asset-name{justify-content:space-between;align-items:center;gap:8px;font-weight:800;display:flex}.asset-name em{color:var(--moss-dark);font-family:var(--mono);text-transform:uppercase;font-size:.64rem;font-style:normal}.asset-row code{overflow-wrap:anywhere;color:var(--clay);font-family:var(--mono);margin:2px 0 5px;font-size:.78rem;font-weight:700;display:block}.asset-row small{color:var(--muted);font-size:.78rem;line-height:1.35;display:block}.tile-section,.story-section{border-top:5px solid var(--charcoal);margin-top:40px;padding-top:24px}.tile-section{grid-template-columns:minmax(130px,1fr) 160px minmax(130px,.8fr);align-items:center;gap:24px;display:grid}.tile-section h4,.story-section h4{font-family:var(--display);margin-bottom:4px;font-size:1.5rem}.tile-section p,.story-section p{color:var(--muted);margin-bottom:0}.tile-guide{border:4px solid var(--charcoal);width:160px;height:160px;image-rendering:pixelated;grid-template-columns:repeat(8,1fr);display:grid}.tile-guide i{border:.5px solid #1b211c14}.tile-guide.swatches-moss .tile-1{background:#1b211c}.tile-guide.swatches-moss .tile-2{background:#375c35}.tile-guide.swatches-moss .tile-3{background:#b8d979}.tile-guide.swatches-moss .tile-4{background:#f3f0e7}.tile-guide.swatches-ember .tile-1{background:#251c18}.tile-guide.swatches-ember .tile-2{background:#a64227}.tile-guide.swatches-ember .tile-3{background:#e4a853}.tile-guide.swatches-ember .tile-4{background:#f3e8d2}.tile-guide.swatches-moon .tile-1{background:#17212b}.tile-guide.swatches-moon .tile-2{background:#355c68}.tile-guide.swatches-moon .tile-3{background:#9ac3b8}.tile-guide.swatches-moon .tile-4{background:#e8ece6}.tile-guide.swatches-berry .tile-1{background:#291d2c}.tile-guide.swatches-berry .tile-2{background:#713c58}.tile-guide.swatches-berry .tile-3{background:#d18aa6}.tile-guide.swatches-berry .tile-4{background:#f4e7d8}.tile-section ul{margin:0;padding-left:20px;font-size:.88rem}.story-section>div{justify-content:space-between;align-items:end;gap:24px;display:flex}.story-section>div p{max-width:34ch}.story-section ol{grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 0;padding:0;list-style:none;display:grid}.story-section li{border:2px solid var(--charcoal);background:var(--concrete-0);padding:10px;position:relative}.story-section li>span{z-index:2;color:#fff;background:var(--charcoal);width:28px;height:28px;font-family:var(--mono);place-items:center;display:grid;position:absolute;top:0;left:0}.story-frame{aspect-ratio:16/9;border:1px solid var(--concrete-2);background:var(--paper);margin-bottom:10px;position:relative;overflow:hidden}.story-frame:before,.story-frame:after,.story-frame i{content:"";border:2px solid var(--concrete-2);position:absolute}.story-frame:before{width:30px;height:30px;bottom:-8px;right:12%;transform:rotate(45deg)}.story-frame:after{border-radius:50% 50% 0 0;width:20px;height:40px;bottom:-10px;left:18%}.story-frame i{border-radius:50%;width:18px;height:18px;top:38%;left:48%}.story-section li p{min-height:3.8em;color:var(--charcoal);font-size:.8rem;line-height:1.35}.packet-actions{border-top:3px solid var(--charcoal);flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px;padding-top:28px;display:flex}.slab-section{border-top:2px solid var(--charcoal);border-bottom:2px solid var(--charcoal);background:var(--moss-dark);color:#fff}.steps{grid-template-columns:.7fr 1.3fr;gap:clamp(32px,8vw,120px);padding:clamp(64px,9vw,128px) max(20px,50vw - 656px);display:grid}.steps .eyebrow{color:var(--moss-bright)}.steps ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid #ffffff80;grid-template-columns:54px 1fr 1.2fr;align-items:start;gap:16px;padding:24px 0;display:grid}.steps li>span{color:var(--moss-bright);font-family:var(--mono)}.steps h3{font-family:var(--body);letter-spacing:0;margin:0;font-size:1.1rem;line-height:1.3}.steps li p{color:#edf0e7;margin:0}.limits{justify-items:start;width:min(760px,100% - 40px);margin:0 auto;padding:clamp(72px,10vw,144px) 0;display:grid}.limits p:not(.eyebrow){font-size:1.15rem}.site-footer{color:#fff;background:var(--charcoal);grid-template-columns:1.2fr auto 1fr;align-items:start;gap:32px;padding:48px max(20px,50vw - 656px);display:grid}.site-footer p{color:#e3e4dc;margin:4px 0 0;font-size:.88rem}.site-footer nav{gap:24px;display:flex}.site-footer a{color:var(--moss-bright)}.demo-banner{z-index:20;min-height:54px;color:var(--charcoal);background:var(--moss-bright);border-bottom:2px solid var(--charcoal);justify-content:space-between;align-items:center;gap:16px;padding:8px max(20px,50vw - 656px);display:flex;position:sticky;top:0}.demo-banner p{margin:0}.demo-banner>div{align-items:center;gap:14px;display:flex}.offline-banner{color:#fff;background:var(--clay);text-align:center;padding:10px 20px;font-weight:800}.offline-banner[hidden]{display:none}.demo-main{background:var(--concrete-1)}.demo-intro{width:min(1440px,100%);margin:0 auto;padding:64px clamp(20px,4vw,64px) 0}.demo-intro h1{max-width:13ch;font-size:clamp(2.5rem,6vw,5.5rem)}.demo-intro p:last-child{max-width:55ch;font-size:1.1rem}.builder-demo{border-top:0;padding-top:48px}.legal-page,.print-page,.not-found{min-height:65vh}.legal-page{width:min(780px,100% - 40px);margin:0 auto;padding:clamp(64px,9vw,120px) 0}.legal-page h1,.print-page h1,.not-found h1{max-width:13ch;font-size:clamp(2.5rem,6vw,5.5rem)}.legal-lede{max-width:55ch;font-size:1.25rem}.legal-page section{border-top:2px solid var(--charcoal);padding:28px 0 10px}.legal-page h2{font-family:var(--body);letter-spacing:0;margin-bottom:12px;font-size:1.3rem;line-height:1.2}.legal-page section p{max-width:65ch}.print-page{width:min(1080px,100% - 40px);margin:0 auto;padding:64px 0 100px}.print-toolbar{align-items:center;gap:20px;margin-bottom:32px;display:flex}.print-page .packet{margin-top:24px}.not-found{place-content:center;justify-items:start;width:min(900px,100% - 40px);margin:0 auto;padding:80px 0;display:grid}.broken-grid{gap:8px;margin-bottom:32px;display:flex}.broken-grid i{border:5px solid var(--charcoal);background:var(--concrete-1);width:48px;height:48px;transform:rotate(-4deg)}.broken-grid i:nth-child(2){background:var(--moss);transform:translateY(20px)rotate(8deg)}.broken-grid i:nth-child(3){transform:translateY(-10px)rotate(-10deg)}.error-note{border-left:5px solid var(--clay);color:#6f2514;background:#f5ddd3;padding:12px;font-weight:700}.toast{z-index:50;right:20px;bottom:max(20px, env(safe-area-inset-bottom));border:2px solid var(--charcoal);color:#fff;background:var(--moss-dark);max-width:min(380px,100% - 40px);box-shadow:5px 5px 0 var(--charcoal);padding:14px 18px;font-weight:700;position:fixed}.toast[hidden]{display:none}@media (max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:680px}.hero-art{width:min(720px,96%)}.builder{grid-template-columns:1fr}.setup-rail{max-width:640px}.steps{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}.site-footer>p{grid-column:1/-1}}@media (max-width:680px){.site-header{align-items:flex-start;padding:14px 20px}.wordmark{max-width:150px;line-height:1.05}.site-header nav{gap:14px}.site-header nav a{font-size:.88rem}.hero{padding-top:56px;padding-bottom:72px}.hero h1{font-size:clamp(2.7rem,15vw,4.4rem)}.hero-art{width:calc(100% - 8px)}.hero-art figcaption{max-width:none;position:static}.builder{padding-top:64px;padding-bottom:80px}.packet{background-image:none;padding:20px 14px 24px}.packet-header{grid-template-columns:1fr}.packet-count{justify-self:start}.progress-block,.asset-groups{grid-template-columns:1fr}.concept-strip{flex-direction:column;align-items:flex-start}.packet-palette{width:100%}.tile-section{grid-template-columns:1fr}.story-section>div{flex-direction:column;align-items:start}.story-section ol{grid-template-columns:1fr 1fr}.steps li{grid-template-columns:40px 1fr}.steps li p{grid-column:2}.demo-banner{flex-direction:column;align-items:flex-start;position:relative}.site-footer{grid-template-columns:1fr}.site-footer>p{grid-column:auto}}@media (max-width:420px){.site-header{gap:8px}.wordmark-grid{display:none}.site-header nav{gap:10px}.site-header nav a{font-size:.8rem}.palette-options{grid-template-columns:1fr}.palette-choice{min-height:68px}.story-section ol{grid-template-columns:1fr}.packet-actions .button,.packet-actions .text-button{width:100%}.demo-banner>div{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:is(.hero-art,.packet-count,.palette-choice:has(input:checked)){transform:none}}@media print{:root,body{background:#fff}.site-header,.site-footer,.demo-banner,.print-toolbar,.packet-actions,.text-button,.offline-banner,.toast{display:none!important}.print-page{width:100%;padding:0}.print-page>.eyebrow,.print-page>h1{display:none}.paper-sheet{box-shadow:none;clip-path:none;background:#fff;border:0;padding:0}.asset-groups{grid-template-columns:1fr 1fr;gap:10mm}.asset-row{break-inside:avoid;min-height:0}.asset-row small{display:none}.tile-section,.story-section{break-before:page}.story-section ol{grid-template-columns:repeat(3,1fr)}.progress-block{background:#fff;border:1px solid #000}}