@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(./barlow-latin-500-normal-C1h8hMer.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(./barlow-latin-600-normal-CNwfPWQD.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(./barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(./barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}:root{--ink:#111214;--paper:#f6f2ea;--card:#fffdf8;--line:#ddd4c2;--soft:#5b554b;--text:#26262a;--signal:#f4c20d;--hamster:#d9792b;--error:#a3261c;--cond:"Barlow Condensed", "Arial Narrow", sans-serif;--sans:"Barlow", "Segoe UI", Arial, sans-serif;--mono:"Cascadia Mono", Consolas, "SFMono-Regular", Menlo, monospace;--fs-display:64px;--fs-h2:30px;--fs-h3:22px;--fs-lead:20px;--fs-body:17px;--fs-small:14px;--gutter:max(24px, calc((100% - 1200px) / 2));--band:72px;--tab-cut:10px;--crisp:cubic-bezier(.2, 0, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--paper);color:var(--ink)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:16px}body{font:500 var(--fs-body) / 1.55 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}h1,h2,h3,p,ol,ul,dl,dd,figure{margin:0}a{color:var(--ink);text-underline-offset:3px;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-decoration-thickness:1px}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{inset-inline-start:16px;z-index:10;background:var(--ink);color:var(--signal);padding:10px 16px;font-weight:600;position:absolute;top:-100px}.skip:focus{top:12px}.head{padding:20px var(--gutter) 0;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:12px;min-height:44px;text-decoration:none;display:flex}.brand-mark{background:var(--ink);width:50px;height:44px;color:var(--signal);clip-path:polygon(0 0, 100% 0, calc(100% - var(--tab-cut)) 100%, 0 100%);justify-content:center;align-items:center;padding-inline-end:6px;display:flex}.brand-word{font:700 var(--fs-h2) / 1 var(--cond);letter-spacing:.02em;text-transform:uppercase}.nav{align-items:center;gap:4px;display:flex}.nav a{align-items:center;gap:8px;min-height:44px;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}.nav a:not(.nav-gh){transition:text-decoration-color .15s var(--crisp);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}@media (hover:hover){.nav a:not(.nav-gh):hover{text-decoration-color:currentColor}}.nav-gh{border:1px solid var(--ink);margin-inline-start:8px}.hero{padding:48px var(--gutter) var(--band);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:48px;display:grid}.hero-copy{justify-items:start;gap:20px;display:grid}.h1{font:700 var(--fs-display) / .98 var(--cond);letter-spacing:-.01em;text-wrap:balance}.h1 mark{background:linear-gradient(transparent 58%, var(--signal) 58%, var(--signal) 92%, transparent 92%);color:inherit;padding:0 .06em}.lede{max-width:34em;font-size:var(--fs-lead);color:var(--text);text-wrap:pretty;line-height:1.45}.actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.hero-shot{gap:10px;min-width:0;display:grid}.frame{border:1px solid var(--ink);background:#e7ddcb}.pv{width:100%;height:auto;display:block}.pv-cond{font-family:var(--cond)}.pv-big{font-size:60px;font-weight:700}.pv-unit{letter-spacing:3px;font-size:26px;font-weight:600}.pv-label{letter-spacing:3px;font-size:16px;font-weight:600}.pv-mood{font-size:29px;font-weight:700}.pv-tab{letter-spacing:2px;font-size:22px;font-weight:700}.pv-tick{letter-spacing:1px;font-size:22px;font-weight:600}.pv-rotor{transform-box:fill-box;transform-origin:50%}.pv-rotor.is-spinning{animation:2.4s linear infinite wc-spin}@keyframes wc-spin{to{transform:rotate(360deg)}}.caption{font-size:var(--fs-small);color:var(--soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;line-height:1.4;display:flex}.btn{border:1px solid var(--ink);min-height:44px;font:600 var(--fs-body) / 1 var(--sans);white-space:nowrap;cursor:pointer;transition-property:background-color,color,scale;transition-duration:.15s;transition-timing-function:var(--crisp);border-radius:0;justify-content:center;align-items:center;gap:10px;padding:0 18px;text-decoration:none;display:inline-flex}.btn:active{scale:.96}.btn-lg{min-height:52px;padding:0 24px}.btn-ink{background:var(--ink);color:var(--signal)}.btn-line{color:var(--ink);background:0 0}@media (hover:hover){.btn-ink:hover{background:#2a2b30}.btn-line:hover,.nav-gh:hover{background:var(--signal)}}.text-btn{min-height:32px;color:var(--ink);font:600 var(--fs-small) / 1 var(--sans);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 4px;text-decoration:underline}.text-link{font-weight:600}.band{padding:0 var(--gutter) var(--band);gap:24px;display:grid}.h2{font:700 var(--fs-h2) / 1.1 var(--cond)}.tab{padding:8px calc(16px + var(--tab-cut)) 7px 14px;background:var(--ink);color:var(--signal);clip-path:polygon(0 0, 100% 0, calc(100% - var(--tab-cut)) 100%, 0 100%);display:inline-block}.h3{font:700 var(--fs-h3) / 1.15 var(--cond)}.section-lede{max-width:44em;color:var(--text);text-wrap:pretty;margin-top:-8px}.steps{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;align-content:start;gap:8px;display:grid}.steps li:before{content:counter(step);background:var(--signal);width:44px;height:40px;color:var(--ink);font:700 var(--fs-h3) / 1 var(--cond);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);justify-content:center;align-items:center;padding-inline-end:6px;display:flex}.steps p,.facts p,.scene p{color:var(--text);text-wrap:pretty}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px;padding:0;list-style:none;display:grid}.facts li{gap:6px;max-width:36em;display:grid}.builder{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:24px;display:grid}.builder-controls,.builder-out,.scene{background:var(--card);border:1px solid var(--line)}.builder-controls{gap:22px;padding:22px;display:grid}.builder-out{gap:14px;padding:22px;display:grid;position:sticky;top:16px}.field{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.field[disabled]{color:var(--soft)}.field-name{font:700 var(--fs-h3) / 1.1 var(--cond);padding:0}.hint{font-size:var(--fs-small);color:var(--soft);line-height:1.4}.hint-error{color:var(--error);font-weight:600}input[type=radio],input[type=checkbox],input[type=range]{accent-color:var(--ink)}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.choice,.seg-item{border:1px solid var(--ink);background:var(--card);cursor:pointer;min-height:44px;transition-property:background-color,color;transition-duration:.15s;transition-timing-function:var(--crisp);align-items:center;gap:10px;padding:8px 12px;font-weight:600;line-height:1.2;display:flex}.choice input,.seg-item input{flex:none;width:18px;height:18px;margin:0}:is(.choice:has(input:checked),.seg-item:has(input:checked)){background:var(--ink);color:var(--signal)}:is(.choice:has(input:checked) input,.seg-item:has(input:checked) input){accent-color:var(--signal)}:is(.choice:has(input:focus-visible),.seg-item:has(input:focus-visible)){outline:3px solid var(--ink);outline-offset:2px}@media (hover:hover){:is(.choice:not(:has(input:checked)):hover,.seg-item:not(:has(input:checked)):hover){background:#fbf0c4}}.seg{flex-wrap:wrap;gap:8px;display:flex}.swatches{flex-wrap:wrap;gap:12px;display:flex}.swatch{appearance:none;width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--ink);cursor:pointer;border:0;border-radius:0;margin:0}.swatch:checked{box-shadow:inset 0 0 0 1px var(--ink), 0 0 0 3px var(--card), 0 0 0 5px var(--ink)}.swatch:focus-visible{outline-offset:7px}.custom-hex{grid-template-columns:auto minmax(0,9em);align-items:center;gap:6px 12px;font-weight:600;display:grid}.custom-hex .hint{grid-column:1/-1}.text-input,.url,.code{border:1px solid var(--ink);min-width:0;min-height:44px;color:var(--ink);font:500 var(--fs-body) / 1.3 var(--mono);background:#fff;border-radius:0;padding:10px 12px}.text-input[aria-invalid=true]{border:2px solid var(--error);padding:9px 11px}.range-row{align-items:center;gap:14px;display:flex}.range-row input{flex:1;min-height:44px}.range-value{min-width:4.2em;font:700 var(--fs-h3) / 1 var(--cond);font-variant-numeric:tabular-nums}.check{cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:6px 0;display:grid}.check input{width:20px;height:20px;margin:2px 0 0}.check>span{gap:2px;display:grid}.url-row{flex-wrap:wrap;gap:8px;display:flex}.url{flex:14em}.copy-failed{color:var(--error);font-size:var(--fs-small);flex-basis:100%;font-weight:600}.spec{gap:32px;display:flex}.spec dt{font-size:var(--fs-small);color:var(--soft)}.spec dd{font:700 var(--fs-h3) / 1.1 var(--cond);font-variant-numeric:tabular-nums}.scene-note{color:var(--text)}.scenes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;list-style:none;display:grid}.scene{grid-template-rows:auto 1fr auto;gap:10px;padding:18px;display:grid}.scene-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.scene-size{font-size:var(--fs-small);color:var(--soft);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.scene-param{background:var(--paper);max-width:100%;font:500 var(--fs-small) / 1.4 var(--mono);overflow-wrap:anywhere;justify-self:start;padding:3px 8px}.source{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.source-copy{justify-items:start;gap:16px;max-width:36em;display:grid}.repo{overflow-wrap:anywhere;align-items:center;gap:10px;min-height:44px;font-weight:600;display:inline-flex}.code-block{justify-items:start;gap:10px;display:grid}.code{resize:none;background:var(--ink);color:#f3eee4;border-color:var(--ink);width:100%;line-height:1.6}.foot{padding:28px var(--gutter) 48px;border-top:1px solid var(--line);font-size:var(--fs-small);color:var(--text);gap:8px;display:grid}.foot a{font-weight:600}@media (width<=1080px){.steps,.scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.builder{grid-template-columns:minmax(0,1fr)}.builder-out{grid-row:1;position:static}}@media (width<=860px){.hero{grid-template-columns:minmax(0,1fr);gap:24px}.source{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){:root{--gutter:16px;--band:52px;--fs-display:44px;--fs-h2:26px;--fs-lead:18px}.head{padding-top:12px}.nav a:not(.nav-gh){display:none}.hero{gap:18px;padding-top:20px}.hero-copy{gap:14px}.actions .btn{flex:auto}.steps,.facts,.scenes{grid-template-columns:minmax(0,1fr)}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-controls,.builder-out{padding:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pv-rotor.is-spinning{animation:none}.btn:active{scale:none}}