:root{--paper: #EFEDE8;--paper-2: #E7E4DD;--ink: #121418;--ink-2: #4A4D55;--ink-3: #8B8D93;--rule: rgba(18, 20, 24, .9);--line: rgba(18, 20, 24, .13);--line-2: rgba(18, 20, 24, .055);--accent: #FF4A12;--on-accent: #fff;--sans: "Archivo", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--serif: "Instrument Serif", Georgia, serif;--pad: clamp(16px, 2.4vw, 32px);--ease-out: cubic-bezier(.2, .7, .2, 1);--ease-io: cubic-bezier(.7, 0, .15, 1);color-scheme:light}:root[data-theme=dark]{--paper: #0B0C0E;--paper-2: #121418;--ink: #ECEAE4;--ink-2: #A7A8AC;--ink-3: #6C6E74;--rule: rgba(236, 234, 228, .55);--line: rgba(236, 234, 228, .13);--line-2: rgba(236, 234, 228, .05);--accent: #FF5B24;--on-accent: #0B0C0E;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden;cursor:crosshair;transition:background-color .5s,color .5s}::selection{background:var(--accent);color:var(--on-accent)}a,button,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(hover:none){body{cursor:auto}}.grid{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px),linear-gradient(var(--line-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-2) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:-1px -1px;--m: radial-gradient(ellipse 90% 80% at 64% 42%, #000 30%, transparent 95%);mask-image:var(--m);-webkit-mask-image:var(--m)}#stage{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity 1.2s .3s}#stage.ready{opacity:1}.crop{position:fixed;width:14px;height:14px;z-index:5;pointer-events:none;border-color:var(--ink)}.crop.tl{top:8px;left:8px;border-top:1px solid;border-left:1px solid}.crop.tr{top:8px;right:8px;border-top:1px solid;border-right:1px solid}.crop.bl{bottom:8px;left:8px;border-bottom:1px solid;border-left:1px solid}.crop.br{bottom:8px;right:8px;border-bottom:1px solid;border-right:1px solid}.page{position:relative;z-index:2;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto auto;padding:var(--pad) var(--pad) calc(var(--pad) * .9);pointer-events:none}.page>*{pointer-events:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:16px}.hero{align-self:start;padding:clamp(24px,7vh,110px) 0 clamp(20px,3vh,40px);max-width:560px}.tb{display:grid;grid-template-columns:1.4fr 1fr;border:1px solid var(--rule);background:var(--paper);transition:background-color .5s}.cell{padding:14px 16px 16px;border-right:1px solid var(--rule);min-width:0;display:flex;flex-direction:column;gap:10px}.cell:last-child{border-right:0}.foot{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font:400 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}@media(max-width:1080px){.meta{display:none!important}}@media(max-width:640px){body{font-size:14px}.hero{padding-top:30vh;padding-bottom:28px}.tb{grid-template-columns:1fr}.cell{border-right:0;border-bottom:1px solid var(--rule)}.cell:last-child{border-bottom:0}.foot{flex-direction:column;gap:4px}.grid{--m: radial-gradient(ellipse 120% 60% at 50% 22%, #000 30%, transparent 95%)}}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand svg{width:36px;height:36px;flex:none}.brand svg .hot{transition:transform .5s var(--ease-io)}.brand svg .n3{transition:opacity .3s}.brand.is-d svg .hot{transform:translateY(7px)}.brand.is-d svg .n3{opacity:0}.brand .nm{font-weight:800;font-variation-settings:"wdth" 118;letter-spacing:.02em;font-size:15px}.brand .sub{font:400 11px var(--mono);color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}.brand .sub:before{content:"/ ";color:var(--accent)}.meta{font:400 11px var(--mono);color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase;display:flex;gap:22px}.meta b{color:var(--ink);font-weight:500}.right{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;font:500 13.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--rule);border-radius:999px;background:var(--paper)}.pill i{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:ping 1.8s infinite}.theme{width:44px;height:44px;border:1px solid var(--rule);border-radius:50%;display:grid;place-items:center;background:var(--paper);transition:transform .4s var(--ease-io)}.theme:hover{transform:rotate(45deg)}.theme svg{width:20px;height:20px}.theme .moon{display:none}:root[data-theme=dark] .theme .sun{display:none}:root[data-theme=dark] .theme .moon{display:block}.eyebrow{font:500 clamp(13px,1.1vw,16px) var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:14px}.eyebrow:before{content:"";width:40px;height:2px;background:var(--accent)}.eyebrow .num{color:var(--accent)}h1{margin-top:22px;font-weight:600;font-variation-settings:"wdth" 92;font-size:clamp(38px,5.2vw,76px);line-height:.98;letter-spacing:-.035em}h1 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--accent);font-size:1.08em}.lede{margin-top:22px;color:var(--ink-2);max-width:400px;font-size:15.5px}.wm{display:flex;align-items:flex-end;line-height:.78;margin:0 0 clamp(14px,2vh,22px) -.04em;user-select:none;cursor:default;white-space:nowrap}.wm .stack{position:relative}.wm .mask{position:relative;overflow:hidden}.wm .layer{display:flex;padding-top:.09em}.wm .ghost{position:absolute;inset:0}.wm span{display:inline-block;font-weight:800;font-size:clamp(72px,min(17vw,27vh),290px);letter-spacing:-.04em;font-variation-settings:"wght" 800,"wdth" 115;transition:color .4s,translate .5s var(--ease-out);transform:translateY(105%);animation:rise 1.1s var(--ease-io) var(--d, 0s) forwards}.wm .ghost span{color:transparent;-webkit-text-stroke:max(1.4px,.007em) var(--ink);background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--ink) 30%,transparent) 0 1px,transparent 1px 6px);-webkit-background-clip:text;background-clip:text}.wm .solid{-webkit-mask-image:linear-gradient(90deg,#000 -1%,transparent 0%);mask-image:linear-gradient(90deg,#000 -1%,transparent 0%)}.wm .laser{position:absolute;top:.06em;bottom:0;left:0;width:2px;margin-left:-1px;background:var(--accent);box-shadow:0 0 10px 1px var(--accent),0 0 34px 4px color-mix(in srgb,var(--accent) 45%,transparent);opacity:0;transition:opacity .25s;pointer-events:none;font-size:16px}.wm .laser.on{opacity:1}.wm .laser:before{content:"";position:absolute;left:-5px;top:-5px;width:12px;height:12px;border:1.5px solid var(--accent);border-radius:50%;background:var(--paper)}.wm .laser b{position:absolute;left:12px;top:-12px;white-space:nowrap;font:500 10px/1 var(--mono);letter-spacing:.06em;color:var(--accent);padding:3px 5px;background:var(--paper);border:1px solid var(--accent)}.wm .dim{position:absolute;left:.06em;right:.02em;top:-14px;height:9px;border-left:1px solid var(--ink-3);border-right:1px solid var(--ink-3);opacity:0;transform:scaleX(.2);transition:opacity .6s,transform .9s var(--ease-io)}.wm .dim:before{content:"";position:absolute;left:0;right:0;top:4px;border-top:1px solid var(--ink-3)}.wm .dim b{position:absolute;left:50%;top:-1px;transform:translate(-50%,-50%);padding:0 8px;font:500 10.5px/1 var(--mono);letter-spacing:.08em;color:var(--ink-2);background:var(--paper);white-space:nowrap;transition:background-color .5s}.wm .dim b span{all:unset;font-variant-numeric:tabular-nums}.wm.built .dim{opacity:1;transform:none}.wm .node{display:inline-block;flex:none;width:clamp(14px,min(3vw,4.6vh),50px);aspect-ratio:1;background:var(--accent);margin:0 0 .07em .1em;transform:scale(0)}.wm.built .node{animation:pop .6s cubic-bezier(.3,1.6,.5,1) forwards}.wm .node.blink{animation:weld .7s ease-out;transform:none}@keyframes weld{0%{box-shadow:0 0 0 0 var(--accent);filter:brightness(1.6)}to{box-shadow:0 0 0 18px transparent;filter:none}}.lbl{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);display:flex;justify-content:space-between}.lbl em{font-style:normal;color:var(--accent)}.log{font:400 12px/1.7 var(--mono);color:var(--ink-2);min-height:62px}.log div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log .ok{color:var(--accent)}.log .c:after{content:"▍";color:var(--accent);animation:blink 1s steps(2) infinite}.notify p{font-size:13.5px;font-weight:500}form{display:flex;border:1px solid var(--rule);height:44px;background:var(--paper)}form input{flex:1;min-width:0;border:0;background:transparent;padding:0 12px;font:400 13px var(--mono);outline:none;cursor:text}form input::placeholder{color:var(--ink-3)}form button{width:48px;flex:none;background:var(--ink);color:var(--paper);display:grid;place-items:center;transition:background-color .25s}form button:hover,form button:focus-visible{background:var(--accent);color:var(--on-accent)}form button svg{width:18px;height:18px;transition:transform .3s}form button:hover svg{transform:translate(3px)}form:focus-within{outline:2px solid var(--accent);outline-offset:2px}form.done{border-color:var(--accent)}.msg{font:400 10.5px var(--mono);color:var(--ink-3);letter-spacing:.04em;min-height:14px}.msg.err{color:var(--accent)}.xh{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:0;transition:opacity .3s}.xh.on{opacity:1}.xh i{position:absolute;background:var(--accent);opacity:.35}.xh .h{left:0;right:0;height:1px;top:0}.xh .v{top:0;bottom:0;width:1px;left:0}.xh b{position:absolute;top:0;left:0;white-space:nowrap;padding:4px 6px;font:500 10px/1 var(--mono);letter-spacing:.04em;color:var(--accent);background:var(--paper);border:1px solid var(--accent)}@media(hover:none){.xh{display:none}}.callout{position:fixed;left:0;top:0;z-index:3;pointer-events:none;font:500 10.5px/1 var(--mono);letter-spacing:.02em;opacity:0;transition:opacity .5s;will-change:transform}.callout.on{opacity:1}.callout .ring{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border:1.5px solid var(--accent);border-radius:50%;transition:transform .3s var(--ease-out)}.callout.hover .ring{transform:scale(1.35);background:color-mix(in srgb,var(--accent) 18%,transparent)}.callout .lead{position:absolute;left:0;top:0;overflow:visible}.callout .lead path{fill:none;stroke:var(--accent);stroke-width:1.5}.callout .card{position:absolute;left:28px;top:-28px;transform:translateY(-100%);min-width:132px;padding:7px 9px 6px;background:color-mix(in srgb,var(--paper) 92%,transparent);border:1px solid var(--line);border-bottom:2px solid var(--accent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;gap:4px}.callout .row{display:flex;justify-content:space-between;gap:12px;color:var(--ink-3);white-space:nowrap}.callout .row b{font-weight:500;color:var(--ink)}.callout .head .id{color:var(--accent);letter-spacing:.08em}.callout .head .tag{font-size:9px;text-transform:uppercase;letter-spacing:.12em}.callout .big{justify-content:flex-start;align-items:baseline;gap:6px}.callout .big .sv{font:700 16px/1 var(--sans);font-variation-settings:"wdth" 105;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.callout .more{display:none}.callout.hover .more{display:flex}.callout .lead{transform:scale(var(--fx, 1),var(--fy, 1))}.callout.flip{--fx: -1}.callout.below{--fy: -1}.callout.flip .card{left:auto;right:28px}.callout.below .card{top:28px;transform:none;border-bottom:1px solid var(--line);border-top:2px solid var(--accent)}@media(max-width:640px){.brand .sub{display:none}.pill{height:40px;padding:0 14px;font-size:12px;letter-spacing:.08em}.theme{width:40px;height:40px}.callout{font-size:9.5px}.callout .card{min-width:112px;padding:6px 8px 5px}.callout .big .sv{font-size:14px}}@media(max-width:380px){.pill .t{display:none}.pill{padding:0 12px}}.callout .big .sym{font:italic 400 15px/1 var(--serif);color:var(--accent)}.callout .big small{font-size:9.5px;color:var(--ink-3)}.in{opacity:0;transform:translateY(14px);animation:fade .9s var(--ease-out) var(--d, 0s) forwards}@keyframes fade{to{opacity:1;transform:none}}@keyframes rise{to{transform:none}}@keyframes pop{to{transform:none}}@keyframes blink{50%{opacity:.15}}@keyframes ping{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 60%,transparent)}to{box-shadow:0 0 0 9px transparent}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}}
