#jobsite-root .js-vfig{--v-brief:#e8f3ec9e;--v-rules:#6fd6c09e;--v-file:#7dd3fc8c;--v-talk:#c4b5fd80;--v-dig:#fbbf2485;--v-ledger:#f8717180;--v-catalog:#c4b5fd85;--v-work:var(--js-accent,#97e8bb);--v-note:#97e8bb;--v-slot:#e8f3ec0f;--v-ease:cubic-bezier(.22, 1, .36, 1);border:1px solid var(--js-border-1);box-shadow:inset 12px 0 18px -14px color-mix(in oklab, var(--js-accent) 60%, transparent);background:#0000003d;border-radius:.5rem;margin:1.5rem 0 0;padding:clamp(.85rem,2.4vw,1.2rem)}#jobsite-root .js-vhead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.7rem 1rem;margin-bottom:1rem;display:flex}#jobsite-root .js-vfig .js-vhead-t{font-family:var(--js-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--js-text-2);margin:0;font-size:.68rem}#jobsite-root .js-vfig .js-vhead-t em{color:var(--js-text-3);font-style:normal}#jobsite-root .js-vfig .js-vhead-t em:before{content:" · "}#jobsite-root .js-vtoggle{border:1px solid var(--js-border-1);background:#0000004d;border-radius:999px;flex-wrap:wrap;padding:2px;display:inline-flex}#jobsite-root .js-vtoggle button{min-height:2.25rem;color:var(--js-text-3);font-family:var(--js-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.4rem .85rem;font-size:.6rem;transition:color .2s,background .2s}#jobsite-root .js-vtoggle button:hover{color:var(--js-text-1)}#jobsite-root .js-vtoggle button[aria-pressed=true]{background:var(--js-accent,#97e8bb);color:#04130c}#jobsite-root .js-vblk,#jobsite-root .js-vfly{background:var(--v-slot);border-radius:1px;display:block}#jobsite-root .k-brief{background:var(--v-brief)}#jobsite-root .k-rules{background:var(--v-rules)}#jobsite-root .k-file{background:var(--v-file)}#jobsite-root .k-talk{background:var(--v-talk)}#jobsite-root .k-dig{background:var(--v-dig)}#jobsite-root .k-ledger{background:var(--v-ledger)}#jobsite-root .k-catalog{background:var(--v-catalog)}#jobsite-root .k-work{background:var(--v-work)}#jobsite-root .k-note{background:var(--v-note)}#jobsite-root .k-free{background:var(--v-slot)}#jobsite-root .js-vgrid{grid-template-columns:repeat(var(--js-vcols,14), 1fr);gap:clamp(2px,.5vw,4px);display:grid}#jobsite-root .js-vgrid .js-vblk{aspect-ratio:1;transition:background .52s var(--v-ease), opacity .52s var(--v-ease)}#jobsite-root .js-vbenchcard{border:1px solid var(--js-border-1);background:#0003;border-radius:5px;padding:.55rem .6rem .65rem}#jobsite-root .js-vfig .js-vcard-k{font-family:var(--js-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--js-text-2);justify-content:space-between;align-items:baseline;gap:.6rem;margin:0 0 .45rem;font-size:.68rem;line-height:1.35;display:flex}#jobsite-root .js-vfig .js-vcard-k span{color:var(--js-text-3);white-space:nowrap;font-variant-numeric:tabular-nums}#jobsite-root .js-vstage{aspect-ratio:100/72;width:100%;position:relative;container-type:size}#jobsite-root .js-vcard{border:1px solid var(--js-border-1);transition:border-color .42s var(--v-ease);background:#0003;border-radius:5px;position:absolute}#jobsite-root .js-vcard-bench{width:100%;height:36cqw;padding:1.6cqw 2cqw;top:0;left:0}#jobsite-root .js-vcard-bench .js-vcard-k{margin:0;font-size:max(.55rem,2.1cqw)}#jobsite-root .js-vcard-run{left:calc(var(--js-vx) * 1cqw);border-color:#e8f3ec12;width:31.4cqw;height:25cqw;padding:1.4cqw 1.4cqw 0;top:46cqw}#jobsite-root .js-vstage.is-fan .js-vcard-run{border-color:color-mix(in oklab, var(--v-note) 30%, transparent)}#jobsite-root .js-vfig .js-vrun-k{font-family:var(--js-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--js-text-3);margin:0;font-size:max(.5rem,1.85cqw);line-height:1.3}#jobsite-root .js-vstage.is-fan .js-vrun-k{color:var(--js-text-2)}#jobsite-root .js-vfig .js-vrun-k .js-vrun-pre{text-transform:uppercase;letter-spacing:inherit;color:inherit;opacity:1;display:inline}#jobsite-root .js-vfig .js-vrun-k span{color:var(--js-text-3);opacity:.75;letter-spacing:.04em;text-transform:none;display:block}@container (max-width:400px){#jobsite-root .js-vfig .js-vrun-k span{display:none}}#jobsite-root .js-vslots{left:calc(var(--js-vx) * 1cqw);top:calc(var(--js-vy) * 1cqw);width:calc(((var(--js-vcols) - 1) * var(--js-vpitch) + var(--js-vsize)) * 1cqw);height:calc(((var(--js-vrows) - 1) * var(--js-vpitch) + var(--js-vsize)) * 1cqw);grid-template-columns:repeat(var(--js-vcols), 1fr);grid-template-rows:repeat(var(--js-vrows), 1fr);gap:calc((var(--js-vpitch) - var(--js-vsize)) * 1cqw);display:grid;position:absolute}#jobsite-root .js-vslots i{background:var(--v-slot);border-radius:1px;display:block}#jobsite-root .js-vpipe{left:calc(var(--js-vx) * 1cqw);opacity:0;background:linear-gradient(to bottom, #97e8bb0d, var(--v-note));width:1px;height:8cqw;transition:opacity .42s var(--v-ease);position:absolute;top:37cqw}#jobsite-root .js-vstage.is-fan .js-vpipe{opacity:.5}#jobsite-root .js-vfly-layer{pointer-events:none;position:absolute;inset:0}#jobsite-root .js-vfly{width:var(--js-vblk);height:var(--js-vblk);transform-origin:0 0;transform:translate(calc(var(--js-vx) * 1cqw), calc(var(--js-vy) * 1cqw)) scale(var(--js-vs,1));transition:transform .64s var(--v-ease), opacity .32s ease;position:absolute;top:0;left:0}#jobsite-root .js-vfly.is-note{opacity:0}#jobsite-root .js-vstage.is-fan .js-vfly.is-note{animation:js-vnote .72s var(--v-ease) both}@keyframes js-vnote{0%{transform:translate(calc(var(--js-vfx) * 1cqw), calc(var(--js-vfy) * 1cqw)) scale(.66);opacity:0}35%{opacity:1}to{transform:translate(calc(var(--js-vx) * 1cqw), calc(var(--js-vy) * 1cqw)) scale(1);opacity:1}}#jobsite-root .js-vfig .js-vlegend{font-family:var(--js-mono);letter-spacing:.04em;color:var(--js-text-2);flex-wrap:wrap;gap:.35rem 1.1rem;margin:.9rem 0 0;font-size:.6rem;line-height:1.5;display:flex}#jobsite-root .js-vfig .js-vlegend span{align-items:center;gap:.4rem;display:inline-flex}#jobsite-root .js-vfig .js-vlegend em{color:var(--js-text-3);font-style:normal}#jobsite-root .js-vfig .js-vlegend .js-vblk{flex:none;width:9px;height:9px}#jobsite-root .js-vfig .js-vcaps{border-top:1px solid var(--js-border-1);margin-top:.9rem;padding-top:.85rem;display:grid}#jobsite-root .js-vfig .js-vcap{visibility:hidden;opacity:0;transition:opacity .26s var(--v-ease);grid-area:1/1;margin:0;font-size:.94rem;line-height:1.65}#jobsite-root .js-vfig .js-vcap.is-on{visibility:visible;opacity:1}#jobsite-root .js-vfig .js-vcap b,#jobsite-root .js-vfig .js-vcap-static b{color:var(--js-text-1);font-weight:600}#jobsite-root .js-vfig .js-vcap-static{margin:.6rem 0 0;font-size:.92rem;line-height:1.65}#jobsite-root .js-vstatic{gap:1.4rem;display:grid}#jobsite-root .js-vstatic-part+.js-vstatic-part{border-top:1px solid var(--js-border-1);padding-top:1.3rem}#jobsite-root .js-vstatic-runners{border-top:1px solid var(--js-border-1);grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1.1rem;padding-top:1.1rem;display:grid}#jobsite-root .js-vstatic-runners .js-vrun-k{margin-top:.35rem;font-size:.68rem}#jobsite-root .js-real .js-vfig p+p{border-top:0;margin-top:0;padding-top:0}#jobsite-root .js-real .js-vfig+p{border-top:1px solid #e8f3ec12;margin-top:1.2em;padding-top:1.2em}@media (max-width:560px){#jobsite-root .js-vhead{gap:.6rem}#jobsite-root .js-vtoggle button{letter-spacing:.08em;padding:.4rem .6rem;font-size:.68rem}#jobsite-root .js-vfig .js-vrun-k .js-vrun-pre{display:none}#jobsite-root .js-vfig .js-vlegend{gap:.3rem .8rem}}@media (prefers-reduced-motion:reduce){#jobsite-root .js-vgrid .js-vblk,#jobsite-root .js-vfly,#jobsite-root .js-vfig .js-vcap,#jobsite-root .js-vcard,#jobsite-root .js-vpipe,#jobsite-root .js-vtoggle button{transition:none}#jobsite-root .js-vstage.is-fan .js-vfly.is-note{animation:none}}
html:has(#jobsite-root) body>footer{display:none}#jobsite-root{--js-bg:#04130c;--js-bg-1:#061a10;--js-text-1:#e8f3ec;--js-text-2:#e8f3ecc2;--js-text-3:#e8f3ec94;--js-border-1:#e8f3ec21;--js-border-2:#97e8bb47;--js-active:#97e8bb;--js-warm:var(--color-warning,#fbbf24);--js-serif:var(--font-newsreader,ui-serif, Georgia, serif);--js-sans:var(--font-satoshi,system-ui, sans-serif);--js-mono:var(--font-mono,ui-monospace, monospace);--js-measure:40rem;--js-feather-top:clamp(4.5rem, 11svh, 9rem);--js-feather-bottom:clamp(6rem, 16svh, 13rem);background:radial-gradient(90% 70% at 50% -10%, color-mix(in oklab, var(--js-active) 18%, transparent), transparent 62%) top center / 100% 130svh no-repeat, var(--js-bg);min-height:100svh;color:var(--js-text-1);font-family:var(--js-sans);overflow-x:clip}#jobsite-root:before{content:"";z-index:0;pointer-events:none;opacity:.24;background-image:radial-gradient(1px 1px at 12% 22%,#ffffff2e 0,#0000 55%),radial-gradient(1px 1px at 72% 18%,#ffffff1c 0,#0000 55%),radial-gradient(1px 1px at 42% 76%,#ffffff1f 0,#0000 55%);background-size:360px 360px;position:fixed;inset:0}#jobsite-root :focus-visible{outline:1.5px solid var(--js-active);outline-offset:3px}.js-skip{z-index:20;background:var(--js-active);color:var(--js-bg);font-family:var(--js-mono);letter-spacing:.12em;text-transform:uppercase;padding:.65rem 1rem;font-size:.72rem;position:absolute;top:1rem;left:-999px}.js-skip:focus{left:1rem}.js-hero,.js-copy,.js-end{z-index:1;position:relative}.js-hero{text-align:center;place-items:center;min-height:92svh;padding:clamp(4.5rem,9vw,7.5rem) clamp(1.25rem,5vw,4rem) 3rem;display:grid}.js-hero-copy{max-width:58rem}.js-eyebrow,.js-kicker,.js-real-k{font-family:var(--js-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--js-accent,var(--js-active));font-size:.68rem}.js-hero h1{max-width:58rem;font-family:var(--js-serif);letter-spacing:-.055em;text-wrap:balance;margin:1.25rem auto 0;font-size:clamp(2.75rem,6.5vw,5.4rem);font-weight:500;line-height:.94}.js-hero p:not(.js-eyebrow){max-width:40rem;color:var(--js-text-2);text-wrap:pretty;margin:1.6rem auto 0;font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.65}.js-cue{font-family:var(--js-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--js-text-3);flex-direction:column;align-items:center;gap:.75rem;margin-top:2.4rem;font-size:.63rem;text-decoration:none;transition:color .22s;display:inline-flex}.js-cue:hover{color:var(--js-text-1)}.js-cue i{background:linear-gradient(180deg, var(--js-active), transparent);width:1px;height:2.6rem;animation:2.4s cubic-bezier(.16,1,.3,1) infinite js-cue;display:block}@keyframes js-cue{0%,to{opacity:.25;transform-origin:top;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.js-beat{--js-accent:var(--js-active);content-visibility:auto;contain-intrinsic-block-size:auto 4000px}@media (min-width:900px){.js-beat{contain-intrinsic-block-size:auto 3300px}}.js-scene{isolation:isolate;height:min(92svh,62vw);min-height:30rem;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--js-feather-top), #000 calc(100% - var(--js-feather-bottom)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--js-feather-top), #000 calc(100% - var(--js-feather-bottom)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--js-feather-top), #000 calc(100% - var(--js-feather-bottom)), transparent 100%);margin:0;position:relative;overflow:hidden}.js-frame{background:var(--js-blur) center / cover no-repeat;position:absolute;inset:-2%;overflow:hidden}.js-picture,.js-picture img{width:100%;height:100%;display:block;position:absolute;inset:0}.js-img{object-fit:cover;object-position:var(--js-crop,50% 50%);filter:saturate(1.04)contrast(1.02);transform-origin:var(--js-crop,50% 52%);animation:26s ease-in-out infinite alternate js-ken-burns}.js-plane{pointer-events:none;position:absolute;inset:-4%}.js-plane-light{mix-blend-mode:screen;background:radial-gradient(60% 40% at 25% 18%,#97e8bb17,#0000 70%),linear-gradient(110deg,#0000 28%,#fbbf240b 58%,#0000 82%);animation:19s ease-in-out infinite alternate js-light-plane}.js-plane-grain{opacity:.15;background-image:radial-gradient(1px 1px at 18% 24%,#ffffff38,#0000 55%),radial-gradient(1px 1px at 68% 14%,#ffffff29,#0000 55%),radial-gradient(1px 1px at 46% 76%,#ffffff24,#0000 55%);background-size:260px 220px;animation:31s linear infinite alternate js-grain-plane}.js-copy{width:min(100% - 2.75rem, var(--js-measure));margin-inline:auto;padding:clamp(3rem,8vw,6rem) 0 clamp(5rem,10vw,8rem)}.js-copy:before{content:"";z-index:-1;inset-inline:-50vw;pointer-events:none;background:linear-gradient(180deg, transparent 0, color-mix(in oklab, var(--js-accent) 8%, transparent) 40%, transparent 100%);height:52rem;position:absolute;top:-18rem}.js-copy h2{font-family:var(--js-serif);letter-spacing:-.045em;text-wrap:balance;margin:.55rem 0 0;font-size:clamp(2.35rem,6vw,4.4rem);font-weight:500;line-height:.98;position:relative}.js-head{position:relative}.js-num{z-index:-1;font-family:var(--js-serif);letter-spacing:-.05em;color:color-mix(in oklab, var(--js-accent) 7%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(5.5rem,14vw,11rem);font-weight:500;line-height:1;position:absolute;top:-3.4rem;right:-.4rem}.js-prose{margin-top:2rem}.js-inline-code{border:1px solid var(--js-border-1);color:var(--js-accent);font-family:var(--js-mono);background:#e8f3ec0d;border-radius:.25rem;padding:.08em .35em;font-size:.88em}.js-prose p,.js-real p,.js-prompt p{color:var(--js-text-2);text-wrap:pretty;margin:0 0 1.2em;font-size:clamp(1.03rem,1.35vw,1.17rem);line-height:1.78}.js-prose p:last-child,.js-real p:last-child,.js-prompt p:last-child,.js-real:last-child,.js-prompt:last-child{margin-bottom:0}.js-prose p:first-child{color:var(--js-text-1);font-size:clamp(1.14rem,1.8vw,1.35rem);line-height:1.66}.js-real,.js-prompt{border:1px solid var(--js-border-1);background:radial-gradient(100% 130% at 0% 0%, color-mix(in oklab, var(--js-accent) 10%, transparent), transparent 58%), #061a109e;box-shadow:inset 16px 0 20px -16px color-mix(in oklab, var(--js-accent) 58%, transparent);border-radius:.7rem;margin-top:2.6rem;margin-bottom:2.6rem;padding:clamp(1.25rem,3vw,1.75rem)}.js-real p{font-size:clamp(.97rem,1.25vw,1.08rem);line-height:1.74}.js-real p+p{border-top:1px solid #e8f3ec12;margin-top:1.2em;padding-top:1.2em}.js-real-k{margin:0 0 1.15rem}.js-real-k+p{border-top:0;margin-top:0;padding-top:0}.js-real strong{color:var(--js-text-1);font-weight:600}.js-real strong:first-child{color:color-mix(in oklab, var(--js-accent) 76%, var(--js-text-1))}.js-real p.js-deeper{color:var(--js-text-3);font-style:italic}.js-deeper-link{text-align:center;min-width:1.5rem;color:var(--js-accent);font-variant-numeric:tabular-nums;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--js-accent) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--js-accent) 40%, transparent);text-underline-offset:.2em;transition:text-decoration-color .2s var(--js-ease);margin:-.15em -.1em;padding:.15em .35em;font-style:normal;text-decoration-thickness:1px;display:inline-block}.js-deeper-link:hover{-webkit-text-decoration-color:var(--js-accent);text-decoration-color:var(--js-accent)}.js-prompt{--js-accent:var(--js-warm);border-color:color-mix(in oklab, var(--js-warm) 22%, transparent);position:relative}.js-prompt p{color:var(--js-text-1);font-size:clamp(1.03rem,1.35vw,1.14rem)}.js-prompt-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.js-prompt-k{font-family:var(--js-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--js-warm);margin:0;font-size:.68rem}.js-copy-btn{border:1px solid var(--js-border-1);min-width:8.5rem;min-height:2.75rem;color:var(--js-text-2);font-family:var(--js-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#e8f3ec0d;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.66rem;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.js-copy-btn:hover{color:var(--js-text-1);border-color:color-mix(in oklab, var(--js-warm) 45%, transparent);background:#e8f3ec17}.js-copy-btn[data-state=copied]{color:var(--js-active);border-color:var(--js-border-2)}.js-end{text-align:center;border-top:1px solid var(--js-border-1);place-items:center;gap:1rem;padding:5rem 1.25rem 6rem;display:grid}.js-end a{color:var(--js-active);font-family:var(--js-serif);text-wrap:balance;background-image:linear-gradient(var(--js-active), var(--js-active));background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.15;text-decoration:none;transition:background-size .34s cubic-bezier(.16,1,.3,1)}.js-end a:hover{background-size:100% 1px}.js-end p{color:var(--js-text-3)}.js-progress{z-index:15;pointer-events:none;height:2px;position:fixed;inset:0 0 auto}.js-progress i{transform-origin:0;background:linear-gradient(90deg, var(--js-active), var(--js-warm));height:100%;display:block;transform:scaleX(0)}@supports (animation-timeline:scroll()){.js-progress i{animation:linear both js-progress;animation-timeline:scroll(root)}}@keyframes js-progress{to{transform:scaleX(1)}}@keyframes js-ken-burns{0%{transform:scale(1.015)translate(-.55%,-.2%)}to{transform:scale(1.065)translate(.55%,.35%)}}@keyframes js-light-plane{0%{transform:translate(-.7%,-.35%)scale(1.01)}to{transform:translate(.7%,.4%)scale(1.035)}}@keyframes js-grain-plane{0%{transform:translateY(-.35%)}to{transform:translate(.35%,.35%)}}@keyframes js-scene-enter{0%{opacity:.25;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@supports (animation-timeline:view()){.js-frame{animation:linear both js-scene-enter;animation-timeline:view();animation-range:entry entry 38%}.js-img,.js-plane-light,.js-plane-grain{animation-timing-function:linear;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both;animation-timeline:view();animation-range:cover}}@media (max-width:720px){.js-scene{height:76svh;min-height:25rem}.js-frame{inset:-2%}.js-copy{width:min(100% - 2.5rem, var(--js-measure))}.js-num{top:-2.2rem;right:-.2rem}.js-prompt-head{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.js-frame,.js-img,.js-plane-light,.js-plane-grain,.js-cue i,.js-progress i{animation:none;transform:none}.js-plane-light{opacity:.45}.js-progress{display:none}.js-end a{transition:none}}
