@property --lift{syntax:"<number>";inherits:true;initial-value:3.2}.help{--brass-hi:#fdeec4;--brass:#e3a849;--brass-mid:#c48a2e;--brass-lo:#8f5d14;--lq-hi:#3b475c;--lq-lit:#2c374a;--lq:#1e2737;--lq-deep:#141b28;--lq-dark:#0c111a;--hint-room:2.85rem;isolation:isolate;background:var(--color-paper);color:var(--color-ledger-900);padding-block:clamp(3.5rem,9svh,6.5rem) clamp(3rem,8svh,5.5rem);position:relative;overflow-x:clip}.help__backdrop,.help__backdrop>*{pointer-events:none;contain:strict;position:absolute;inset:0}.help__backdrop{z-index:-1}.help__light{background:radial-gradient(40rem 20rem at 50% 6rem,#eef3f9f2,#eef3f900 72%),radial-gradient(48rem 30rem at 50% 62%,#fdedcbb3,#fdedcb00 70%),radial-gradient(30rem 22rem at 100% 88%,#f8e1d873,#f8e1d800 72%),radial-gradient(28rem 20rem at 0 70%,#e2e7ee80,#e2e7ee00 72%);-webkit-mask:linear-gradient(#0000,#000 5rem calc(100% - 4rem),#0000);mask:linear-gradient(#0000,#000 5rem calc(100% - 4rem),#0000)}.help__pattern{opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='112' viewBox='0 0 192 112'%3E%3Cg fill='none' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%23c2553a' stroke-opacity='.22'%3E%3Cpath transform='translate(10 8) scale(.9)' d='M6 10.5h10v4.6a4.4 4.4 0 0 1-4.4 4.4h-1.2A4.4 4.4 0 0 1 6 15.1zM16 11.6h1.3a2.6 2.6 0 0 1 0 5.2H16'/%3E%3Cpath transform='translate(106 8) scale(.9)' d='M9.4 7.2a2.6 2.6 0 1 1-5.2 0 2.6 2.6 0 0 1 5.2 0zM9.4 16.8a2.6 2.6 0 1 1-5.2 0 2.6 2.6 0 0 1 5.2 0zM8.9 8.6l10.5 7.6M8.9 15.4l10.5-7.6'/%3E%3Cpath transform='translate(58 62) scale(.9)' d='M15 5.2a4.4 4.4 0 0 0-5.6 5.6L4.6 15.6a1.7 1.7 0 0 0 2.4 2.4l4.8-4.8a4.4 4.4 0 0 0 5.6-5.6l-2.6 2.6-2.2-.4-.4-2.2z'/%3E%3Cpath transform='translate(154 62) scale(.9)' d='M3 4.6h2.3l2.2 10.5h10.1l2-7.5H6.3'/%3E%3C/g%3E%3Cg stroke='%23485669' stroke-opacity='.17'%3E%3Cpath transform='translate(58 8) scale(.9)' d='M5.6 8.6h12.8l-1 11.4H6.6zM9.2 8.6V7.2a2.8 2.8 0 0 1 5.6 0v1.4'/%3E%3Cpath transform='translate(154 8) scale(.9)' d='M3.5 20V10.8l5.2 3.4v-3.4l5.2 3.4v-3.4l4 2.6V4.5h2.6V20z'/%3E%3Cpath transform='translate(10 62) scale(.9)' d='M8.4 4.6c-2.6 0-4.1 2-4.1 4.5 0 2.3 1 3.4 1.5 5.3.6 2.3.9 5.4 2.5 5.4 1.7 0 1.6-3.7 3.7-3.7s2 3.7 3.7 3.7c1.6 0 1.9-3.1 2.5-5.4.5-1.9 1.5-3 1.5-5.3 0-2.5-1.5-4.5-4.1-4.5-1.7 0-2.4.9-3.6.9s-1.9-.9-3.6-.9z'/%3E%3Cpath transform='translate(106 62) scale(.9)' d='M3.5 17.5h17M4.6 17.5v-5.8h6.8v5.8M12.6 17.5v-5.8h6.8v5.8M8.2 11.7V5.9h7.6v5.8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0/12rem 7rem;-webkit-mask:radial-gradient(54% 50% at 50% 60%,#000 10%,#00000080 52%,#0000 86%);mask:radial-gradient(54% 50% at 50% 60%,#000 10%,#00000080 52%,#0000 86%)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.help__pattern{animation:linear both help-wall;animation-timeline:view();animation-range:cover}}}@keyframes help-wall{0%{translate:0 -2.5rem}to{translate:0 2.5rem}}.help__grain{background:url(/grain.webp) 0 0/192px 192px}@media (min-resolution:1.5x){.help__grain{background-size:96px 96px}}@media (min-resolution:2.5x){.help__grain{background-size:64px 64px}}.help__grid{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;display:grid;position:relative}.help__head{view-timeline:--help-head block;justify-items:center;gap:clamp(.85rem,2.4vw,1.2rem);max-width:62rem;display:grid}.help__title{font-family:var(--font-display);letter-spacing:-.022em;color:var(--color-ledger-950);text-shadow:0 1px #ffffffbf;text-wrap:balance;margin:0;font-size:min(2.6rem,10.6383vw - .265957rem);font-weight:600;line-height:1.06}.help__keep{white-space:nowrap}.help__word{color:var(--color-kiln-600);isolation:isolate;margin-inline:.02em;padding-inline:.12em .16em;display:inline-block;position:relative}.help__word em{font-style:italic}.help__word:before{content:"";z-index:-1;background:linear-gradient(180deg, #ffffffe6, #fff0 30%), linear-gradient(180deg, var(--color-roll), var(--color-roll-deep));transform-origin:50% 100%;border-radius:.08em .08em .03em .03em;position:absolute;inset:.16em 0 -.06em;box-shadow:inset 0 .04em #c2553a8c,0 .05em .08em #1821301f,0 .14em .3em -.08em #1821302e}.help__word:after{content:"";background:linear-gradient(90deg, var(--brass-mid), var(--brass) 50%, var(--brass-mid));border-radius:1px;height:.05em;min-height:2px;position:absolute;bottom:-.08em;left:-.06em;right:-.06em;box-shadow:0 1px #ffffffb3}.help__lede{max-width:34rem;color:var(--color-ledger-700);text-wrap:pretty;margin:0;font-size:clamp(1.0625rem,.98rem + .3vw,1.3rem);line-height:1.55}.help__straight{white-space:nowrap;color:var(--color-ledger-900);position:relative}.help__straight:after{content:"";pointer-events:none;background:linear-gradient(var(--color-kiln-500), var(--color-kiln-500)) 0 45% / 100% 1.5px no-repeat, linear-gradient(var(--color-kiln-500), var(--color-kiln-500)) 0 0 / 1.5px 100% no-repeat, linear-gradient(var(--color-kiln-500), var(--color-kiln-500)) 100% 0 / 1.5px 100% no-repeat;transform-origin:0;height:.36em;position:absolute;top:calc(100% - .06em);left:-.1em;right:-.1em}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.help__word:before{animation:linear both help-flag;animation-timeline:--help-head;animation-range:entry 30% cover 40%}.help__straight:after{animation:linear both help-rule;animation-timeline:--help-head;animation-range:entry 50% cover 50%}}}@keyframes help-flag{0%{opacity:0;transform:translateY(70%)scaleY(.2)}55%{opacity:1}80%{transform:translateY(-6%)scaleY(1.04)}to{transform:none}}@keyframes help-rule{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.help__stage{width:100%;margin-top:clamp(.75rem,3vw,1.5rem);container:help-stage/inline-size}.till{--w:100;--cols:4;--rows:3;--kd:13;--kh:3.2;--gap:1.9;--bar:9;--lip:7;--backm:4.5;--sidem:4.2;--alpha:30deg;--hd:15;--hh:30;--dh:15;--ls:calc(var(--backm) + var(--rows) * (var(--kd) + var(--gap)) + var(--bar) + var(--lip));--rise:calc(var(--ls) * sin(var(--alpha)));--dd:calc(var(--ls) * cos(var(--alpha)));--ht:calc(var(--hd) + var(--rise) + var(--hh));--dp:calc(var(--dd) + var(--dh));--pitch:-19;--turn:-20;--fw:125;--fh:119;--ox:1.5;--oy:-1;--u:min(calc(100cqi / var(--fw)), calc((100svh - 6.5rem) / var(--fh)), 6.2px);-webkit-tap-highlight-color:transparent;width:100%;position:relative}.till__view{width:100%;height:calc(var(--fh) * var(--u));perspective:calc(560 * var(--u));perspective-origin:50% 32%;touch-action:pan-y;cursor:grab;position:relative}.till[data-held] .till__view{cursor:grabbing}.till__counter{--back:34;--skirt-h:calc(5 * var(--u));z-index:0;left:50%;bottom:calc(.3rem - var(--hint-room) - var(--skirt-h));width:300vw;height:calc(var(--back) * var(--u) + var(--hint-room) - .3rem + var(--skirt-h));pointer-events:none;-webkit-mask:linear-gradient(90deg, transparent calc(50% - 64vw), #000 calc(50% - 34vw), #000 calc(50% + 34vw), transparent calc(50% + 64vw)), linear-gradient(180deg, transparent, #000 calc(4 * var(--u)));-webkit-mask-composite:source-in;-webkit-mask:linear-gradient(90deg, transparent calc(50% - 64vw), #000 calc(50% - 34vw), #000 calc(50% + 34vw), transparent calc(50% + 64vw)) intersect, linear-gradient(180deg, transparent, #000 calc(4 * var(--u)));mask:linear-gradient(90deg, transparent calc(50% - 64vw), #000 calc(50% - 34vw), #000 calc(50% + 34vw), transparent calc(50% + 64vw)) intersect, linear-gradient(180deg, transparent, #000 calc(4 * var(--u)));position:absolute;translate:-50%}.till__counter:before{content:"";inset:0 0 var(--skirt-h);background:linear-gradient(#ffffffb3, #ffffffb3) 0 calc(100% - max(2px, .7 * var(--u))) / 100% 1px no-repeat, linear-gradient(180deg, var(--brass-hi), var(--brass) 40%, var(--brass-mid) 75%, var(--brass-lo)) 0 100% / 100% max(2px, calc(.7 * var(--u))) no-repeat,  linear-gradient(180deg, #18213012, #18213000 calc(3 * var(--u))),  radial-gradient(calc(70 * var(--u)) 75% at 50% 62%, #fdedcbbf, #fdedcb00 100%),  linear-gradient(180deg, #f3ede3d9, #f6f1e973 38%, #faf7f100 70%), url(/terrazzo.svg) 50% 100% / calc(36 * var(--u)) calc(15.7 * var(--u)), linear-gradient(180deg, #f6f1e8, #fbf8f2 60%, #fdfbf7);position:absolute}.till__counter:after{content:"";height:var(--skirt-h);background:linear-gradient(#18213029,#1821300d 35%,#18213000);position:absolute;bottom:0;left:0;right:0}.till__body{width:0;height:0;transform-style:preserve-3d;translate:calc(var(--ox) * var(--u)) calc(var(--oy) * var(--u));transform:rotateX(calc(var(--pitch) * 1deg)) rotateY(calc(var(--turn) * 1deg));position:absolute;top:50%;left:50%}.till[data-moving] .till__body{will-change:transform}.till__face{backface-visibility:hidden;pointer-events:none;display:block;position:absolute}.till__ground{left:calc((var(--w) / -2 - 35) * var(--u));top:calc((var(--ht) / 2 - var(--dp) - 50) * var(--u));width:calc((var(--w) + 70) * var(--u));height:calc((var(--dp) + 75) * var(--u));transform-origin:50% 100%;transform:translateZ(calc((var(--dp) / 2 + 25) * var(--u))) rotateX(90deg);background:radial-gradient(closest-side,#0f152080,#0f152042 55%,#0f152000 100%) 42% 56%/66% 56% no-repeat,radial-gradient(closest-side,#0f152033,#0f152012 60%,#0f152000 100%) 36% 56%/100% 92% no-repeat,radial-gradient(closest-side,#fdedcb8c,#fdedcb00) 72% 34%/70% 60% no-repeat}.till__drawer{left:calc(var(--w) / -2 * var(--u));top:calc((var(--ht) / 2 - var(--hd)) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--hd) * var(--u));transform:translateZ(calc(var(--dp) / 2 * var(--u)));border-radius:0 0 calc(1.2 * var(--u)) calc(1.2 * var(--u));background: linear-gradient(180deg, #fff3, #fff0 calc(.6 * var(--u))),  linear-gradient(0deg, #fdedcb1a, #fdedcb00 45%), linear-gradient(100deg, #fff0 30%, #ffffff12 52%, #fff0 64%), linear-gradient(90deg, #fdedcb00 calc(100% - 1.6 * var(--u)), #fdedcb24 calc(100% - .3 * var(--u)), #fff6de4d), linear-gradient(180deg, var(--lq-lit) 0%, var(--lq) 45%, var(--lq-deep) 100%);box-shadow:inset 0 calc(-1.6 * var(--u)) 0 #00000038, inset 0 calc(.18 * var(--u)) 0 #ffffff1f;grid-template-rows:1.1fr auto 1fr;place-items:center;display:grid}.till__maker{font:500 calc(1.85 * var(--u)) / 1 var(--font-receipt);letter-spacing:.42em;text-transform:uppercase;color:#0000;background:linear-gradient(180deg, var(--brass-hi), var(--brass) 55%, var(--brass-mid));opacity:.92;-webkit-background-clip:text;background-clip:text;grid-row:3;align-self:start;padding-left:.42em}.till__pull{width:calc(30 * var(--u));height:calc(2.2 * var(--u));margin-block:calc(.8 * var(--u)) calc(1.1 * var(--u));background:linear-gradient(180deg, var(--brass-hi), var(--brass) 45%, var(--brass-lo));box-shadow:0 calc(.5 * var(--u)) calc(.6 * var(--u)) #00000073, inset 0 calc(.2 * var(--u)) 0 #ffffff8c;border-radius:999px;grid-row:2}.till__lock{right:calc(9 * var(--u));width:calc(2.4 * var(--u));height:calc(2.4 * var(--u));background:linear-gradient(var(--lq-dark), var(--lq-dark)) 50% 60% / 22% 46% no-repeat, radial-gradient(circle at 35% 30%, var(--brass-hi), var(--brass) 45%, var(--brass-lo));box-shadow:0 calc(.3 * var(--u)) calc(.4 * var(--u)) #0006;border-radius:50%;position:absolute;top:50%;translate:0 -50%}.till__deck{left:calc(var(--w) / -2 * var(--u));top:calc((var(--ht) / 2 - var(--hd) - var(--ls)) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--ls) * var(--u));transform-origin:50% 100%;transform:translateZ(calc(var(--dp) / 2 * var(--u))) rotateX(calc(90deg - var(--alpha)));transform-style:preserve-3d;background:repeating-linear-gradient(180deg, #ffffff07 0 calc(.18 * var(--u)), #fff0 calc(.18 * var(--u)) calc(.5 * var(--u))), linear-gradient(180deg, #ffffff1a, #fff0 18%), linear-gradient(90deg, #0000002e, #0000 18%, #0000 70%, #ffffff0d), linear-gradient(180deg, #273145, #1f2839 60%, #1b2333);box-shadow:inset 0 calc(.2 * var(--u)) 0 #ffffff24}.till__keys{inset:calc(var(--backm) * var(--u)) calc(var(--sidem) * var(--u)) calc(var(--lip) * var(--u));grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), calc(var(--kd) * var(--u))) calc(var(--bar) * var(--u));gap:calc(var(--gap) * var(--u));transform-style:preserve-3d;display:grid;position:absolute}.till__lip{height:calc((var(--lip) - 1.6) * var(--u));font:500 calc(1.55 * var(--u)) / 1 var(--font-receipt);letter-spacing:.36em;text-transform:uppercase;color:#4a280ab8;text-shadow:0 calc(.12 * var(--u)) 0 #fff8e68c;background:linear-gradient(180deg, #ffffff80, #fff0 22%), linear-gradient(180deg, var(--brass-hi), var(--brass) 40%, var(--brass-mid) 78%, var(--brass-lo));box-shadow:0 calc(-.25 * var(--u)) 0 #00000059;place-items:center;padding-left:.36em;display:grid;position:absolute;bottom:0;left:0;right:0}.tkey{--cap:linear-gradient(172deg, color-mix(in srgb, var(--color-kiln-400), #fff 6%) 0%, var(--color-kiln-500) 34%, var(--color-kiln-600) 70%, color-mix(in srgb, var(--color-kiln-600), #4a1e16 18%) 100%);--skirt:var(--color-kiln-800);--skirt-lit:color-mix(in srgb, var(--color-kiln-700), #fff 6%);--ink:#fff;--mark:#ffffffeb;transform-style:preserve-3d;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:block;position:relative}.tkey--harder,.tkey--ask,.tkey--none{--cap:linear-gradient(172deg, #fffefa 0%, #fbf6ec 40%, #f1e9dc 100%);--skirt:#c9bba6;--skirt-lit:#ddd2c2;--ink:var(--color-ledger-900);--mark:var(--color-kiln-600)}.tkey--none{grid-column:1/-1}.tkey__input{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.tkey__well{inset:calc(-.6 * var(--u));border-radius:calc(1.9 * var(--u));box-shadow:inset 0 calc(.5 * var(--u)) calc(.5 * var(--u)) #000000b3, 0 calc(.16 * var(--u)) 0 #ffffff17;background:radial-gradient(120% 90% at 50% 40%,#070a10,#0d121c);position:absolute}.tkey__body{--lift:var(--kh);transform-style:preserve-3d;transform:translateZ(calc(var(--lift) * var(--u)));transition:--lift .42s cubic-bezier(.28,1.5,.5,1);position:absolute;inset:0}.tkey__cap{align-content:center;justify-items:center;gap:calc(.7 * var(--u));padding:calc(.9 * var(--u)) calc(.6 * var(--u));border-radius:calc(1.5 * var(--u));color:var(--ink);background:var(--cap);box-shadow:inset 0 calc(.26 * var(--u)) 0 #ffffff52, inset 0 calc(-.34 * var(--u)) 0 #00000029, inset calc(.3 * var(--u)) 0 0 #ffffff0f;backface-visibility:hidden;grid-template-rows:auto auto;display:grid;position:absolute;inset:0;overflow:hidden}.tkey__cap:before{content:"";pointer-events:none;background:linear-gradient(105deg, transparent 32%, var(--sheen,#ffffff38) 50%, transparent 68%);transition:translate .75s var(--ease-out);position:absolute;inset:0;translate:-110%}.tkey--harder .tkey__cap,.tkey--ask .tkey__cap,.tkey--none .tkey__cap{--sheen:#fdedcbd9;box-shadow:inset 0 calc(.26 * var(--u)) 0 #ffffffe6, inset 0 calc(-.34 * var(--u)) 0 #b0987847, inset 0 0 0 calc(.12 * var(--u)) #1821301f}.tkey__glyph{width:calc(4.4 * var(--u));aspect-ratio:1;fill:none;min-width:15px;height:auto;stroke:var(--mark);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.tkey__label{max-width:100%;font:600 clamp(11.5px, calc(2.75 * var(--u)), 19px) / 1.08 var(--font-sans);letter-spacing:-.01em;text-wrap:balance;-webkit-hyphens:manual;hyphens:manual;text-shadow:0 1px #00000024}.tkey__label--whole{white-space:nowrap}.tkey--harder .tkey__label,.tkey--ask .tkey__label,.tkey--none .tkey__label{text-shadow:0 1px #fffc}.tkey__tag{top:calc(.8 * var(--u));right:calc(.9 * var(--u));font:500 clamp(8px, calc(1.25 * var(--u)), 10px) / 1 var(--font-receipt);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ledger-600);position:absolute}.tkey--ask .tkey__tag,.tkey--none .tkey__tag{color:var(--color-kiln-600)}.tkey--none .tkey__cap{place-content:center;gap:calc(1.4 * var(--u));grid-template-rows:none;grid-auto-flow:column}.tkey--none .tkey__label{font:500 clamp(11px, calc(2.35 * var(--u)), 15px) / 1 var(--font-receipt);letter-spacing:.32em;text-transform:uppercase;padding-left:.32em}.tkey--none .tkey__tag{position:static}.tkey__bar-rule{left:calc(2.2 * var(--u));right:calc(2.2 * var(--u));bottom:calc(1.4 * var(--u));background:repeating-linear-gradient(90deg, #8290a380 0 calc(.8 * var(--u)), transparent calc(.8 * var(--u)) calc(1.4 * var(--u)));height:1px;position:absolute}.tkey__skirt{backface-visibility:hidden;position:absolute}.tkey__skirt--front{left:calc(.25 * var(--u));right:calc(.25 * var(--u));height:calc(var(--lift) * var(--u));transform-origin:50% 0;border-radius:0 0 calc(.6 * var(--u)) calc(.6 * var(--u));background:linear-gradient(180deg, var(--skirt-lit), var(--skirt));top:100%;transform:translateY(-.5px)rotateX(-90deg)}.tkey__skirt--left,.tkey__skirt--right{top:calc(.25 * var(--u));bottom:calc(.25 * var(--u));width:calc(var(--lift) * var(--u))}.tkey__skirt--left{transform-origin:100%;background:linear-gradient(90deg, var(--skirt), color-mix(in srgb, var(--skirt), #000 22%));right:100%;transform:translate(.5px)rotateY(-90deg)}.tkey__skirt--right{transform-origin:0;background:linear-gradient(90deg, var(--skirt-lit), var(--skirt));left:100%;transform:translate(-.5px)rotateY(90deg)}@media (hover:hover){.tkey:hover .tkey__body{--lift:calc(var(--kh) * 1.28)}.tkey:hover .tkey__cap:before{translate:110%}}.tkey:active .tkey__body{--lift:calc(var(--kh) * .16);transition-duration:80ms}.tkey__input:checked~.tkey__body{--lift:calc(var(--kh) * .3)}.tkey__input:checked~.tkey__well{background:radial-gradient(70% 90% at 50% 60%,#f5c0606b,#f5c06000 70%),radial-gradient(120% 90% at 50% 40%,#070a10,#0d121c)}.tkey__input:checked~.tkey__body .tkey__cap{background:linear-gradient(180deg, #4a1e1633, #4a1e1600 40%), var(--cap);box-shadow:inset 0 calc(.5 * var(--u)) calc(.5 * var(--u)) #0000003d, inset 0 calc(-.2 * var(--u)) 0 #ffffff1f, 0 0 0 calc(.32 * var(--u)) #f5c060d9, 0 0 calc(2.4 * var(--u)) calc(.6 * var(--u)) #f5c06073}.tkey--harder .tkey__input:checked~.tkey__body .tkey__cap,.tkey--ask .tkey__input:checked~.tkey__body .tkey__cap,.tkey--none .tkey__input:checked~.tkey__body .tkey__cap{background:linear-gradient(180deg, #78604029, #78604000 45%), var(--cap)}.tkey__input:focus-visible~.tkey__body .tkey__cap{outline:3px solid var(--color-saffron-300);outline-offset:calc(.4 * var(--u))}.till__head{--rule:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 7' preserveAspectRatio='none'%3E%3Cpath d='M0 3.5C2 1.6 6 1.6 8 3.5S14 5.4 16 3.5M0 3.5C2 5.4 6 5.4 8 3.5S14 1.6 16 3.5' fill='none' stroke='%23e3a849' stroke-opacity='.75' stroke-width='.7'/%3E%3C/svg%3E");left:calc(var(--w) / -2 * var(--u));top:calc(var(--ht) / -2 * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--hh) * var(--u));transform:translateZ(calc((var(--dp) / 2 - var(--dd)) * var(--u)));border-radius:calc(1.4 * var(--u)) calc(1.4 * var(--u)) 0 0;background: linear-gradient(90deg, #fdedcb00 calc(100% - 1.6 * var(--u)), #fdedcb29 calc(100% - .3 * var(--u)), #fff6de57),  linear-gradient(var(--brass), var(--brass)) 0 calc(1.6 * var(--u)) / 100% max(1px, calc(.22 * var(--u))) no-repeat, linear-gradient(var(--brass), var(--brass)) 0 calc(3.2 * var(--u)) / 100% max(1px, calc(.22 * var(--u))) no-repeat, var(--rule) 0 calc(1.75 * var(--u)) / calc(3.6 * var(--u)) calc(1.4 * var(--u)) repeat-x, linear-gradient(var(--brass-mid), var(--brass-mid)) 0 calc(100% - 1.4 * var(--u)) / 100% max(1px, calc(.22 * var(--u))) no-repeat, linear-gradient(var(--brass-mid), var(--brass-mid)) 0 calc(100% - 3 * var(--u)) / 100% max(1px, calc(.22 * var(--u))) no-repeat, var(--rule) 0 calc(100% - 1.55 * var(--u)) / calc(3.6 * var(--u)) calc(1.4 * var(--u)) repeat-x, linear-gradient(180deg, #ffffff29, #fff0 calc(.7 * var(--u))), linear-gradient(118deg, #fff0 12%, #ffffff12 22%, #fff0 30%), linear-gradient(98deg, #fff0 34%, #ffffff0f 54%, #fff0 66%), linear-gradient(180deg, var(--lq-lit), var(--lq) 60%, var(--lq-deep))}.till__window{left:calc(16 * var(--u));right:calc(16 * var(--u));top:calc(6 * var(--u));height:calc(17.4 * var(--u));clip-path:inset(0 round calc(1.8 * var(--u)));position:absolute}.till__cavity{background:linear-gradient(#0000008c,#0000 34%),linear-gradient(#fdedcb00 60%,#fdedcb24),#0b1018;position:absolute;inset:0}.till__glass{background:linear-gradient(112deg,#fff0 22%,#ffffff2b 33%,#ffffff0d 40%,#fff0 46% 60%,#ffffff14 66%,#fff0 71%),linear-gradient(#ffffff1a,#fff0 30%);position:absolute;inset:0}.till__bezel{left:calc(14.8 * var(--u));right:calc(14.8 * var(--u));top:calc(4.8 * var(--u));height:calc(19.8 * var(--u));border-radius:calc(2.8 * var(--u));border:calc(1.2 * var(--u)) solid transparent;background:linear-gradient(180deg, var(--brass-hi), var(--brass) 40%, var(--brass-lo)) border-box;-webkit-mask-composite:xor;box-shadow:0 calc(.4 * var(--u)) calc(.5 * var(--u)) #0006;position:absolute;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0)}.flag{--flag-t:.22s;--flag-e:cubic-bezier(.5, 0, .75, 0);--flag-d:0s;left:calc(2.4 * var(--u));right:calc(2.4 * var(--u));top:calc(2.2 * var(--u));bottom:calc(1.6 * var(--u));align-content:center;justify-items:center;gap:calc(1.5 * var(--u));border-radius:calc(.7 * var(--u)) calc(.7 * var(--u)) 0 0;background:linear-gradient(180deg, #fffffff2, #fff0 24%), linear-gradient(180deg, var(--color-roll), var(--color-roll-deep));box-shadow:inset 0 calc(.3 * var(--u)) 0 var(--color-kiln-500);translate:0 calc((1 - var(--on,0)) * 120%);transition:translate var(--flag-t) var(--flag-e) var(--flag-d);display:grid;position:absolute}.flag__name{max-width:100%;font:500 calc(3.4 * var(--u)) / 1.15 var(--font-receipt);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ledger-900);white-space:nowrap}.flag__fit{font:italic 600 calc(4.6 * var(--u)) / 1.1 var(--font-display);letter-spacing:-.01em;color:var(--color-ledger-700)}.flag--help .flag__fit{color:var(--color-kiln-600)}.till__crest{width:calc(28 * var(--u));height:calc(10.5 * var(--u));border-radius:calc(14 * var(--u)) calc(14 * var(--u)) 0 0 / calc(10 * var(--u)) calc(10 * var(--u)) 0 0;background:repeating-conic-gradient(from -90deg at 50% 100%, #ffffff3d 0deg 3deg, #8f5d1429 3deg 6deg, #fff0 6deg 9deg), radial-gradient(circle at 50% 100%, transparent 62%, #8f5d1480 63% 65%, transparent 66%), linear-gradient(180deg, #fff6, #fff0 30%), linear-gradient(180deg, var(--brass-hi), var(--brass) 45%, var(--brass-mid) 80%, var(--brass-lo));box-shadow:inset 0 calc(-.6 * var(--u)) 0 #00000040;place-items:center;display:grid;position:absolute;bottom:calc(100% - .5px);left:50%;overflow:hidden;translate:-50%}.till__crest:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(105deg,#fff0 30%,#fffcf0d9 48%,#fff0 64%);position:absolute;inset:0;translate:-100%}.till__mark{width:calc(6.4 * var(--u));height:calc(6.4 * var(--u));margin-top:calc(1.6 * var(--u));filter:drop-shadow(0 calc(.3 * var(--u)) calc(.2 * var(--u)) #4a1e1673)}.till__mark rect{fill:var(--color-kiln-600)}.till__mark-t{fill:#fff}.till__top{left:calc(var(--w) / -2 * var(--u));top:calc((var(--ht) / -2 - var(--dh)) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--dh) * var(--u));transform-origin:50% 100%;transform:translateZ(calc((var(--dp) / 2 - var(--dd)) * var(--u))) rotateX(90deg);background:linear-gradient(0deg, #fff3, #fff0 calc(.6 * var(--u))), linear-gradient(90deg, #fff0, #ffffff0f 70%), linear-gradient(180deg, #2b3548, var(--lq-hi))}.till__back{left:calc(var(--w) / -2 * var(--u));top:calc(var(--ht) / -2 * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--ht) * var(--u));transform:translateZ(calc(var(--dp) / -2 * var(--u))) rotateY(180deg);background:linear-gradient(180deg, var(--lq), var(--lq-deep))}.till__side{top:calc(var(--ht) / -2 * var(--u));width:calc(var(--dp) * var(--u));height:calc(var(--ht) * var(--u))}.till__side--r{left:calc(var(--w) / 2 * var(--u));transform-origin:0;transform:translateZ(calc(var(--dp) / 2 * var(--u))) rotateY(90deg);clip-path:polygon(0 100%, 0 calc((var(--ht) - var(--hd)) * var(--u)), calc(var(--dd) * var(--u)) calc(var(--hh) * var(--u)), calc(var(--dd) * var(--u)) 0, 100% 0, 100% 100%);background:linear-gradient(#ffffff1a,#fff0 30%),linear-gradient(90deg,#ffffff1f,#fff0 22%),linear-gradient(#fdedcb00 60%,#fdedcb24),linear-gradient(90deg,#3d4a64,#303c52 50%,#273246)}.till__side--r:before{content:"";left:calc((var(--dd) + var(--dh) / 2 - 4.2) * var(--u));top:calc((var(--hh) / 2 - 2.5) * var(--u));width:calc(8.4 * var(--u));height:calc(5 * var(--u));background:radial-gradient(closest-side, #fff0 64%, #4a280a80 67% 71%, #fff8e680 73%, #fff0 76%), radial-gradient(circle at 36% 30%, var(--brass-hi), var(--brass) 46%, var(--brass-lo));box-shadow:calc(-.3 * var(--u)) calc(.4 * var(--u)) calc(.6 * var(--u)) #0006;border-radius:50%;position:absolute}.till__side--l{left:calc((var(--w) / -2 - var(--dp)) * var(--u));transform-origin:100%;transform:translateZ(calc(var(--dp) / 2 * var(--u))) rotateY(-90deg);clip-path:polygon(100% 100%, 100% calc((var(--ht) - var(--hd)) * var(--u)), calc(var(--dh) * var(--u)) calc(var(--hh) * var(--u)), calc(var(--dh) * var(--u)) 0, 0 0, 0 100%);background:linear-gradient(90deg,#10161f,#161d2a 60%,#19212f)}.till__crank{left:calc(var(--w) / 2 * var(--u));top:calc(var(--ht) / -2 * var(--u));width:calc(var(--dp) * var(--u));height:calc(var(--ht) * var(--u));transform-origin:0;transform:translateZ(calc(var(--dp) / 2 * var(--u))) rotateY(90deg) translateZ(calc(1.4 * var(--u)));transform-style:preserve-3d;pointer-events:none;position:absolute}.till__crank-hub,.till__crank-arm,.till__crank-knob{backface-visibility:hidden;display:block;position:absolute}.till__crank-hub{left:calc((var(--dd) * .58 - 4) * var(--u));top:calc((var(--ht) - var(--hd) - var(--rise) * .4 - 4) * var(--u));width:calc(8 * var(--u));height:calc(8 * var(--u));background:radial-gradient(circle, var(--lq-dark) 0 18%, transparent 19%), radial-gradient(circle at 34% 30%, var(--brass-hi), var(--brass) 42%, var(--brass-lo) 92%);box-shadow:calc(-.6 * var(--u)) calc(.6 * var(--u)) calc(.8 * var(--u)) #00000073;border-radius:50%}.till__crank-arm{left:calc((var(--dd) * .58 - 1.1) * var(--u));top:calc((var(--ht) - var(--hd) - var(--rise) * .4 - 15) * var(--u));width:calc(2.2 * var(--u));height:calc(15 * var(--u));transform-origin:50% 100%;rotate:28deg;translate:0 0 calc(.8 * var(--u));background:linear-gradient(90deg, var(--brass-hi), var(--brass) 50%, var(--brass-lo));box-shadow:calc(-.5 * var(--u)) calc(.5 * var(--u)) calc(.6 * var(--u)) #00000059;border-radius:999px}.till__crank-knob{left:calc((var(--dd) * .58 + 4.4) * var(--u));top:calc((var(--ht) - var(--hd) - var(--rise) * .4 - 17.4) * var(--u));width:calc(4.4 * var(--u));height:calc(4.4 * var(--u));translate:0 0 calc(2.2 * var(--u));background:radial-gradient(circle at 36% 30%, #4a5870, var(--lq) 55%, var(--lq-dark));box-shadow:calc(-.5 * var(--u)) calc(.6 * var(--u)) calc(.8 * var(--u)) #00000073;border-radius:50%}.till__box{--bz:calc(var(--dp) / 2 - var(--dd) - 1.5);width:0;height:0;transform-style:preserve-3d;pointer-events:none;position:absolute;top:0;left:0}.till__printer{--bx:25;--bw:21;--bh:6.5;--bd:12}.till__journal{--bx:-46;--bw:21;--bh:3.8;--bd:12}.till__box-front,.till__box-back,.till__box-end{top:calc((var(--ht) / -2 - var(--bh)) * var(--u));height:calc(var(--bh) * var(--u))}.till__box-front,.till__box-back{left:calc(var(--bx) * var(--u));width:calc(var(--bw) * var(--u))}.till__box-front{transform:translateZ(calc(var(--bz) * var(--u)));border-radius:calc(.9 * var(--u)) calc(.9 * var(--u)) 0 0;background: linear-gradient(180deg, #ffffff3d, #fff0 calc(.55 * var(--u))), linear-gradient(0deg, #fdedcb1f, #fdedcb00 60%), linear-gradient(180deg, var(--lq-lit), var(--lq) 70%, var(--lq-deep))}.till__box-back{transform:translateZ(calc((var(--bz) - var(--bd)) * var(--u))) rotateY(180deg);background:linear-gradient(180deg, var(--lq), var(--lq-deep))}.till__box-end{width:calc(var(--bd) * var(--u))}.till__box-end--r{left:calc((var(--bx) + var(--bw)) * var(--u));transform-origin:0;transform:translateZ(calc(var(--bz) * var(--u))) rotateY(90deg);background:linear-gradient(#ffffff24,#fff0 40%),linear-gradient(90deg,#3d4a64,#2b3649)}.till__box-end--l{left:calc((var(--bx) - var(--bd)) * var(--u));transform-origin:100%;transform:translateZ(calc(var(--bz) * var(--u))) rotateY(-90deg);background:linear-gradient(90deg,#121925,#1a2232)}.till__box-top{left:calc(var(--bx) * var(--u));top:calc((var(--ht) / -2 - var(--bh) - var(--bd)) * var(--u));width:calc(var(--bw) * var(--u));height:calc(var(--bd) * var(--u));transform-origin:50% 100%;transform:translateZ(calc(var(--bz) * var(--u))) rotateX(90deg);border-radius:calc(.9 * var(--u)) calc(.9 * var(--u)) 0 0}.till__printer-lid{background:conic-gradient(from 135deg at 50% 0, var(--brass) 90deg, #0000 0) 0 76% / calc(1.05 * var(--u)) calc(.55 * var(--u)) repeat-x, linear-gradient(180deg, var(--brass-hi), var(--brass) 45%, var(--brass-lo)) 0 calc(76% + .5px) / 100% calc(1.05 * var(--u)) no-repeat, linear-gradient(var(--lq-dark), var(--lq-dark)) 50% 64% / 84% calc(.9 * var(--u)) no-repeat, radial-gradient(closest-side, #00000073, #0000) 50% 100% / calc(4.4 * var(--u)) calc(1.4 * var(--u)) no-repeat, linear-gradient(#ffffff1f, #ffffff1f) 0 calc(26% + 1px) / 100% max(1px, calc(.14 * var(--u))) no-repeat, linear-gradient(#00000073, #00000073) 0 26% / 100% max(1px, calc(.16 * var(--u))) no-repeat, linear-gradient(90deg, #fff0, #ffffff12 70%), linear-gradient(180deg, #2c3649, var(--lq-hi))}.till__printer-front{display:block}.till__feed{left:calc(2.1 * var(--u));width:calc(2.5 * var(--u));height:calc(2.5 * var(--u));box-shadow:0 0 0 calc(.32 * var(--u)) var(--lq-dark), 0 calc(.38 * var(--u)) 0 calc(.32 * var(--u)) #ffffff1a;background:radial-gradient(circle at 36% 30%,#fffdf6,#f1e7d6 52%,#c8b89f);border-radius:50%;position:absolute;top:50%;translate:0 -42%}.till__lamp{left:calc(5.9 * var(--u));width:calc(1.05 * var(--u));height:calc(1.05 * var(--u));background:radial-gradient(circle at 40% 35%, #fff6dc, var(--color-saffron-300) 55%, #b9761c);box-shadow:0 0 calc(.9 * var(--u)) calc(.2 * var(--u)) #f5c0608c, 0 0 0 calc(.22 * var(--u)) var(--lq-dark);border-radius:50%;position:absolute;top:50%;translate:0 -30%}.till__lamp:after{content:"";inset:calc(-1.6 * var(--u));opacity:0;background:radial-gradient(closest-side,#ffecbee6,#f5c06000);border-radius:50%;position:absolute}.till__vents{right:calc(2.1 * var(--u));width:calc(7.2 * var(--u));height:calc(2.3 * var(--u));border-radius:calc(.3 * var(--u));background:repeating-linear-gradient(90deg, var(--lq-dark) 0 calc(.55 * var(--u)), #ffffff12 calc(.55 * var(--u)) calc(.75 * var(--u)), transparent calc(.75 * var(--u)) calc(1.3 * var(--u)));position:absolute;top:50%;translate:0 -40%}.till__paper{left:calc((var(--bx) + 3) * var(--u));top:calc((var(--ht) / -2 - var(--bh) - 4.6) * var(--u));width:calc(15 * var(--u));height:calc(4.6 * var(--u));transform-origin:50% 100%;transform:translateZ(calc((var(--bz) - var(--bd) * .36) * var(--u))) rotateX(-7deg);transform-style:preserve-3d;background:linear-gradient(90deg, #0000000f, #0000 18%, #0000 82%, #00000014), repeating-linear-gradient(180deg, transparent 0 calc(1.15 * var(--u)), #4856694d calc(1.15 * var(--u)) calc(1.32 * var(--u))) 50% 40% / 64% 70% no-repeat, linear-gradient(0deg, #18213029, #18213000 40%), linear-gradient(180deg, var(--color-roll), var(--color-roll-deep));position:absolute}.till__paper-curl{height:calc(5.4 * var(--u));transform-origin:50% 100%;background:linear-gradient(var(--color-kiln-600), var(--color-kiln-600)) calc(2.2 * var(--u)) calc(1.6 * var(--u)) / calc(1.5 * var(--u)) calc(1.5 * var(--u)) no-repeat, linear-gradient(#1821309e, #1821309e) calc(4.4 * var(--u)) calc(1.95 * var(--u)) / calc(6 * var(--u)) calc(.3 * var(--u)) no-repeat, repeating-linear-gradient(90deg, #8290a399 0 calc(.5 * var(--u)), transparent calc(.5 * var(--u)) calc(.85 * var(--u))) 50% calc(3.7 * var(--u)) / 84% max(1px, calc(.14 * var(--u))) no-repeat, linear-gradient(180deg, #ffffffe6, #fff0 30%), linear-gradient(180deg, var(--color-roll), var(--color-roll-deep));-webkit-mask:linear-gradient(#000 0 0) 0 calc(.5 * var(--u)) / 100% 100% no-repeat, conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) 0 0 / calc(1.05 * var(--u)) calc(.5 * var(--u)) repeat-x;-webkit-mask:linear-gradient(#000 0 0) 0 calc(.5 * var(--u)) / 100% 100% no-repeat, conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) 0 0 / calc(1.05 * var(--u)) calc(.5 * var(--u)) repeat-x;mask:linear-gradient(#000 0 0) 0 calc(.5 * var(--u)) / 100% 100% no-repeat, conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) 0 0 / calc(1.05 * var(--u)) calc(.5 * var(--u)) repeat-x;position:absolute;bottom:calc(100% - .5px);left:0;right:0;transform:rotateX(-38deg)}.till__journal-lid{background:linear-gradient(112deg, #fff0 24%, #ffffff4d 36%, #ffffff0f 44%, #fff0 52%), repeating-linear-gradient(180deg, transparent 0 calc(.85 * var(--u)), #48566929 calc(.85 * var(--u)) calc(1 * var(--u))) 50% 50% / 58% 50% no-repeat, linear-gradient(180deg, #b8ab95 0%, #e9dfcd 18%, #fffdf6 44%, #f3eadb 68%, #cbbda6 88%, #a99b85 100%) 50% 52% / 74% 64% no-repeat, linear-gradient(#070a10, #0d121c) 50% 50% / 84% 78% no-repeat, linear-gradient(180deg, var(--brass-hi), var(--brass) 50%, var(--brass-lo)) 50% 50% / 91% 88% no-repeat, linear-gradient(180deg, #2c3649, var(--lq-hi))}.till__journal-front{background:linear-gradient(var(--brass-mid), var(--brass-mid)) 0 calc(.7 * var(--u)) / 100% max(1px, calc(.2 * var(--u))) no-repeat, linear-gradient(180deg, #ffffff38, #fff0 calc(.5 * var(--u))), linear-gradient(180deg, var(--lq-lit), var(--lq) 70%, var(--lq-deep))}.till__bell{width:0;height:0;position:absolute;top:0;left:50%}.till__bell:before,.till__bell:after{content:"";left:calc(-24 * var(--u));top:calc(-24 * var(--u));width:calc(48 * var(--u));height:calc(48 * var(--u));box-shadow:inset 0 0 0 calc(.32 * var(--u)) #f5c060d9, 0 0 calc(1.4 * var(--u)) #f5c06059;clip-path:inset(0 0 50%);opacity:0;pointer-events:none;border-radius:50%;position:absolute}.till__hint{z-index:2;font:400 .75rem/1 var(--font-mono);letter-spacing:.01em;white-space:nowrap;color:var(--color-ledger-700);pointer-events:none;opacity:0;transition:opacity .4s var(--ease-out);background:#fffdf9e6;border-radius:999px;align-items:center;gap:.4rem;margin:0;padding:.35rem .75rem .35rem .6rem;display:inline-flex;position:absolute;top:calc(100% + .35rem);left:50%;translate:-50%;box-shadow:0 0 0 1px #d8cdbdb3,0 6px 14px -8px #18213059}.till__hint svg{fill:none;width:1rem;height:1rem;stroke:var(--color-kiln-600);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.till__hint-touch{display:none}@media (hover:hover) and (pointer:fine){.till[data-live]:not([data-turned]) .till__view:hover+.till__hint{opacity:1}.till[data-held] .till__hint{opacity:0}}@media not ((hover:hover) and (pointer:fine)){.till__hint-mouse{display:none}.till__hint-touch{display:inline}.till[data-tell]:not([data-turned]) .till__hint{opacity:1}}.help__slip{width:100%;margin-top:calc(var(--hint-room) + .6rem);justify-items:center;display:grid}.chit{--tooth:.25rem;--dash:#8290a380;text-align:left;width:min(100%,20rem);font:500 .8125rem/1.45 var(--font-receipt);letter-spacing:.01em;color:var(--color-ledger-900);filter:drop-shadow(0 1px 1px #1821301f)drop-shadow(0 12px 18px #1821301f);padding:1.35rem 1.3rem 1.45rem 1.4rem;position:relative;rotate:1.2deg}.chit__paper{background:repeating-linear-gradient(180deg, var(--dash) 0 .32rem, transparent .32rem .56rem) .45rem 0 / 1px 100% no-repeat, repeating-linear-gradient(180deg, var(--dash) 0 .32rem, transparent .32rem .56rem) calc(100% - .45rem) 0 / 1px 100% no-repeat, linear-gradient(90deg, #fff0 20%, #ffffffb3 50%, #fff0 80%), linear-gradient(180deg, var(--color-roll), var(--color-roll-deep) 60%, #fdf3e3);-webkit-mask:linear-gradient(#000 0 0) 0 var(--tooth) / 100% calc(100% - 2 * var(--tooth)) no-repeat, conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) 0 0 / .5rem var(--tooth) repeat-x, conic-gradient(from -45deg at 50% 100%, #000 90deg, #0000 0) 0 100% / .5rem var(--tooth) repeat-x;-webkit-mask:linear-gradient(#000 0 0) 0 var(--tooth) / 100% calc(100% - 2 * var(--tooth)) no-repeat, conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) 0 0 / .5rem var(--tooth) repeat-x, conic-gradient(from -45deg at 50% 100%, #000 90deg, #0000 0) 0 100% / .5rem var(--tooth) repeat-x;mask:linear-gradient(#000 0 0) 0 var(--tooth) / 100% calc(100% - 2 * var(--tooth)) no-repeat, conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) 0 0 / .5rem var(--tooth) repeat-x, conic-gradient(from -45deg at 50% 100%, #000 90deg, #0000 0) 0 100% / .5rem var(--tooth) repeat-x;position:absolute;inset:0}.chit>:not(.chit__paper){position:relative}.chit__head{border-bottom:1px dashed var(--dash);letter-spacing:.14em;text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;margin:0 0 .75rem;padding-bottom:.65rem;font-size:.75rem;display:grid}.chit__mark{width:1.15rem;height:1.15rem}.chit__mark rect{fill:var(--color-kiln-600)}.chit__mark-t{fill:#fff}.chit__brand{color:var(--color-ledger-900)}.chit__title{color:var(--color-ledger-600)}.chit__answer{display:none}.chit__trade{margin:0}.chit__glyph{vertical-align:-.28rem;fill:none;width:1.3rem;height:1.3rem;stroke:var(--color-kiln-600);stroke-linecap:round;stroke-linejoin:round;margin-right:.45rem;display:inline-block}.chit__answer:not(.chit__answer--help) .chit__glyph{stroke:var(--color-ledger-700)}.chit__name{letter-spacing:.05em;text-transform:uppercase;color:var(--color-ledger-950);font-size:1.0625rem;display:inline}.chit__fit{font:italic 600 1.35rem/1.1 var(--font-display);letter-spacing:-.01em;color:var(--color-ledger-700);margin-top:.2rem;display:block}.chit__answer--help .chit__fit{color:var(--color-kiln-600)}.chit__line,.chit__note{font-family:var(--font-sans);letter-spacing:0;color:var(--color-ledger-800);margin-top:.45rem;font-size:.9375rem;font-weight:400;line-height:1.45;display:block}.chit__note{color:var(--color-ledger-600);margin-top:.3rem}.chit__looks{border-top:1px dashed var(--dash);font:500 .75rem/1.2 var(--font-receipt);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ledger-600);margin:.95rem 0 .5rem;padding-top:.8rem}.chit__items{gap:.32rem;margin:0;padding:0;list-style:none;display:grid}.chit__item{grid-template-columns:1.55rem 1fr;align-items:baseline;display:grid}.chit__no{color:var(--color-kiln-600);font-size:.75rem}.chit__text{font:400 .9375rem/1.35 var(--font-sans);color:var(--color-ledger-800)}.chit__close{border-top:1px dashed var(--dash);letter-spacing:.02em;text-align:center;color:var(--color-ledger-700);margin:.9rem 0 0;padding-top:.75rem;font-size:.8125rem}.chit__code{background:repeating-linear-gradient(90deg, var(--color-ledger-900) 0 1px, transparent 1px 3px, var(--color-ledger-900) 3px 5px, transparent 5px 6px, var(--color-ledger-900) 6px 7px, transparent 7px 10px);opacity:.75;width:70%;height:1.6rem;margin:.65rem auto 0;display:block;-webkit-mask:linear-gradient(90deg,#000 0 45%,#0000 45% 47%,#000 47%);mask:linear-gradient(90deg,#000 0 45%,#0000 45% 47%,#000 47%)}.help__card{justify-items:center;width:100%;margin-top:clamp(1.75rem,6vw,2.5rem);display:grid}.notyet{perspective:900px;text-align:left;width:min(100%,20rem);position:relative}.notyet__face{transform-origin:50% 100%;background:linear-gradient(#ffffffd9,#fff0 16%),linear-gradient(#fffdf8,#f7f0e4);border-radius:.35rem;padding:1.25rem 1.35rem 1.35rem;position:relative;transform:rotateX(9deg);box-shadow:inset 0 0 0 1px #d8cdbdcc,inset 0 0 0 .45rem #fffdf8,inset 0 0 0 calc(.45rem + 1.5px) #c2553a8c,inset 0 0 0 calc(.45rem + 3.5px) #fffdf8,inset 0 0 0 calc(.45rem + 4.5px) #c2553a66,0 1px 1px #18213014,0 18px 28px -18px #18213059}.notyet__leg{background:radial-gradient(closest-side,#0f152042,#0f15201f 55%,#0f152000);border-radius:50%;height:1.3rem;position:absolute;bottom:-.6rem;left:-3%;right:5%}.notyet__face{transition:box-shadow .5s var(--ease-out)}.help:has(.tkey__input[value=no-sale]:checked) .notyet__face{box-shadow:inset 0 0 0 1px #d8cdbdcc,inset 0 0 0 .45rem #fffdf8,inset 0 0 0 calc(.45rem + 1.5px) #c2553a8c,inset 0 0 0 calc(.45rem + 3.5px) #fffdf8,inset 0 0 0 calc(.45rem + 4.5px) #c2553a66,0 1px 1px #18213014,0 18px 28px -18px #18213059,0 0 0 .35rem #f5c06047,0 0 2.5rem .5rem #f5c0604d}.notyet__item{isolation:isolate;position:relative}.notyet__item:before{content:"";z-index:-1;opacity:0;transition:opacity .5s var(--ease-out);background:linear-gradient(90deg,#fdedcbe6,#fdedcb00);border-radius:.25rem;position:absolute;inset:-.2rem -.4rem}.help:has(.tkey__input[value=no-sale]:checked) .notyet__item:first-child:before{opacity:1}.notyet__title{font:600 1.6rem/1.1 var(--font-display);letter-spacing:-.015em;color:var(--color-ledger-950);align-items:center;gap:.55rem;margin:0 0 .6rem;display:flex}.notyet__mark{background:linear-gradient(var(--color-kiln-600), var(--color-kiln-600)) 0 0 / 34% 100% no-repeat, linear-gradient(var(--color-kiln-600), var(--color-kiln-600)) 100% 0 / 34% 100% no-repeat;border-radius:1px;width:.62rem;height:.9rem}.notyet__items{color:var(--color-ledger-700);gap:.55rem;margin:0;padding:0;font-size:.9375rem;line-height:1.45;list-style:none;display:grid}.notyet__item{border-top:1px solid var(--color-rule);padding-top:.55rem}.notyet__item:first-child{border-top:0;padding-top:0}.notyet__item b{color:var(--color-ledger-950);font-weight:600}.help__keys{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:clamp(1.75rem,6vw,2.5rem);display:flex}.till__drawer-top{left:calc((var(--w) / -2 + 1) * var(--u));top:calc((var(--ht) / 2 - var(--hd) + .8 - 6) * var(--u));width:calc((var(--w) - 2) * var(--u));height:calc(6 * var(--u));visibility:hidden;transform-origin:50% 100%;transform:translateZ(calc(var(--dp) / 2 * var(--u))) rotateX(90deg);background:radial-gradient(circle at 50% 50%, #ffffff14 0 40%, transparent 42%) 0 0 / calc(var(--w) / 6 * var(--u)) 100%, linear-gradient(180deg, #05080d, #0b1018)}.till__drawer-side{top:calc((var(--ht) / 2 - var(--hd) + .8) * var(--u));visibility:hidden;width:calc(8 * var(--u));height:calc((var(--hd) - .8) * var(--u));background:linear-gradient(90deg, var(--lq-deep), var(--lq-dark))}.till__drawer-side--r{left:calc((var(--w) / 2 - .6) * var(--u));transform-origin:0;transform:translateZ(calc(var(--dp) / 2 * var(--u))) rotateY(90deg)}.till__drawer-side--l{left:calc((var(--w) / -2 + .6 - 8) * var(--u));transform-origin:100%;transform:translateZ(calc(var(--dp) / 2 * var(--u))) rotateY(-90deg)}.help__stage{view-timeline:--till block}.help__card{view-timeline:--card block}.help__slip{view-timeline:--chit block}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.till__view{animation:linear both till-arrive;animation-timeline:--till;animation-range:entry cover 42%}.notyet__face{animation:linear both card-stand;animation-timeline:--card;animation-range:entry 5% cover 45%}.chit{animation:linear both chit-arrive;animation-timeline:--chit;animation-range:entry cover 38%}}}@keyframes till-arrive{0%{translate:0 calc(9 * var(--u))}to{translate:0}}@keyframes card-stand{0%{transform:rotateX(58deg)}to{transform:rotateX(9deg)}}@keyframes chit-arrive{0%{translate:var(--arrive-x,0) var(--arrive-y,1.5rem);rotate:var(--arrive-r,-1deg)}to{translate:0;rotate:1.2deg}}.till[data-armed] .tkey__input:checked~.tkey__body{--lift:var(--kh)}.till[data-armed] .flag{--on:0!important}.help:has(.till[data-armed]) .chit>:not(.chit__paper,.chit__head){visibility:hidden!important}.help:has(.till[data-armed]) .chit__answer{visibility:hidden!important}.chit__answers{--p:0}.chit__looks{--p:1}.chit__item{--p:calc(2 + var(--i))}.chit__close{--p:8}.chit__code{--p:9}.chit__paper:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(#fdedcb00 calc(50% - 1.5rem),#fdedcbbf calc(50% - .15rem),#fff8eae6 calc(50% + .15rem),#fdedcb00 calc(50% + 1.5rem));position:absolute;inset:0;translate:0 -50%}@media (prefers-reduced-motion:no-preference){.till[data-first] .tkey__body{animation:tkey-wake .5s cubic-bezier(.4, 0, .4, 1) calc(var(--k) * 40ms) both}.till[data-first] .tkey__input:checked~.tkey__body{animation:.55s cubic-bezier(.3,.7,.4,1) both tkey-ring}.till[data-ring] :is(.till__drawer,.till__drawer-top,.till__drawer-side){animation:.75s cubic-bezier(.22,.9,.3,1) .1s both till-bump}.till[data-ring] :is(.till__drawer-top,.till__drawer-side){visibility:visible}.till[data-ring] .till__paper{animation:till-feed .9s var(--ease-out) .12s both}.till[data-ring] .till__crest:after{animation:till-glint .9s var(--ease-out) .2s both}.till[data-ring] .till__bell:before{animation:1.1s cubic-bezier(.2,.6,.35,1) .14s both till-chime}.till[data-ring] .till__bell:after{animation:1.1s cubic-bezier(.2,.6,.35,1) .36s both till-chime}.till[data-ring] .till__lamp:after{animation:1.2s ease-out .1s both till-lamp}.chit[data-ring] :is(.chit__answers,.chit__looks,.chit__item,.chit__close,.chit__code){animation:.26s cubic-bezier(.2,.7,.3,1) both chit-print;animation-delay:calc(.22s + var(--p) * 75ms)}.chit[data-ring] .chit__paper:after{animation:1.1s cubic-bezier(.4,0,.6,1) .2s both chit-head}}@keyframes tkey-wake{0%,to{--lift:var(--kh)}45%{--lift:calc(var(--kh) * .5)}}@keyframes tkey-ring{0%{--lift:var(--kh)}45%{--lift:calc(var(--kh) * .08)}to{--lift:calc(var(--kh) * .3)}}@keyframes till-bump{0%,to{translate:0}28%{translate:0 0 calc(3.6 * var(--u))}}@keyframes till-glint{0%{opacity:0;translate:-100%}20%{opacity:1}to{opacity:0;translate:100%}}@keyframes till-chime{0%{opacity:0;transform:scale(.42)}18%{opacity:.75}to{opacity:0;transform:scale(1)}}@keyframes till-lamp{0%,to{opacity:0}12%,70%{opacity:1}}@keyframes till-feed{0%,to{scale:1}35%{scale:1 1.32}}@keyframes chit-print{0%{opacity:0;translate:0 .3rem}30%{opacity:1}to{opacity:1;translate:0}}@keyframes chit-head{0%{opacity:0;translate:0 -50%}12%{opacity:1}88%{opacity:1}to{opacity:0;translate:0 50%}}@media (max-width:39.99rem){.help__stage{width:100vw;margin-inline:calc(50% - 50vw)}.till{--cols:3;--rows:4;--kd:15.5;--turn:-8;--pitch:-23;--fw:119;--fh:138;--ox:3.9;--oy:1.5;--u:min(calc((100cqi - .75rem) / var(--fw)), 4.6px)}.till__counter{--back:44}}@media (min-width:40rem){.help__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(1.75rem,4vw,3rem)}.help__head,.help__stage,.help__keys{grid-column:1/-1}.help__title{font-size:min(3.2rem,6.6vw)}.help__stage{max-width:46rem}.help__card{margin-top:calc(var(--hint-room) + .6rem);grid-area:3/1;align-self:start;justify-items:end}.help__slip{margin-top:calc(var(--hint-room) + .6rem);grid-area:3/2;align-self:start;justify-items:start}.help__keys{grid-row:4}}@media (min-width:76rem){.help__grid{grid-template-rows:auto auto auto;grid-template-columns:minmax(14rem,.85fr) minmax(0,1.9fr) minmax(17.5rem,1fr);column-gap:clamp(1.25rem,2.6vw,2.75rem)}.help__head{grid-area:1/1/auto/-1}.help__title{font-size:min(3.5rem,4.2vw)}.help__lede{max-width:40rem}.help__card{grid-area:2/1;align-self:end;justify-items:end;margin:0}.help__stage{grid-area:2/2;max-width:none;margin-top:clamp(.75rem,2.5svh,1.5rem)}.help__slip{--arrive-x:-1.75rem;--arrive-y:1.25rem;--arrive-r:-3.5deg;grid-area:2/3/4;align-self:start;justify-items:start;margin:clamp(.75rem,2.5svh,1.5rem) 0 0}.help__keys{margin-top:calc(var(--hint-room) + .9rem);grid-area:3/2}}@media (min-width:76rem) and (max-height:46rem){.help{padding-block:clamp(1.75rem,5svh,3rem)}.help__head{gap:.6rem}.help__title{font-size:min(3.5rem,4.2vw,8.4svh)}.help__lede{font-size:clamp(1rem,2.9svh,1.2rem)}}@media (min-width:100rem) and (min-height:50rem){.help__title{font-size:min(4.5rem,4.2vw)}.help__lede{max-width:46rem;font-size:1.4rem}.chit{width:min(100%,23rem);font-size:.875rem}.chit__text,.chit__line,.chit__note{font-size:1.0625rem}.notyet{width:min(100%,23rem)}.notyet__title{font-size:1.9rem}.notyet__items{font-size:1.0625rem}.help__keys{gap:.9rem}.help__keys .btn{border-radius:.9rem;min-height:3.6rem;padding-inline:1.75rem;font-size:1.1875rem}}@media (max-width:23.99rem){.chit{padding:1.1rem 1rem 1.2rem 1.1rem}.chit__head{margin-bottom:.6rem;padding-bottom:.5rem}.chit__line,.chit__note,.chit__text{font-size:.875rem}.chit__looks{margin:.75rem 0 .4rem;padding-top:.65rem}.chit__close{margin-top:.7rem;padding-top:.6rem}.chit__code{height:1.2rem;margin-top:.5rem}}@media (max-width:63.99rem) and (max-height:31.25rem) and (orientation:landscape){.help{padding-block:1.75rem 2rem}.help__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:1.25rem}.help__head{gap:.5rem}.help__title{font-size:min(2.1rem,8.4svh)}.help__lede{max-width:38rem;font-size:.9375rem}.help__stage{grid-area:2/1/auto/-1;max-width:none;margin-top:.75rem}.help__card{margin-top:calc(var(--hint-room) + .6rem);grid-area:3/1;align-self:start;justify-items:end}.help__slip{margin-top:calc(var(--hint-room) + .6rem);grid-area:3/2;align-self:start;justify-items:start}.help__keys{grid-area:4/1/auto/-1;margin-top:1.5rem}.till{--w:136;--cols:6;--rows:2;--kd:13;--hd:13;--hh:27;--dh:13;--turn:-10;--pitch:-17;--fw:152;--fh:100;--ox:1;--oy:0;--u:min(calc(100cqi / var(--fw)), calc((100svh - 3.5rem) / var(--fh)))}.till__hint{padding:.25rem .6rem .25rem .5rem;font-size:.6875rem;top:calc(100% + .2rem)}.till__hint svg{width:.875rem;height:.875rem}.till__counter{--back:28}.chit{padding:.85rem .95rem .95rem 1.05rem;font-size:.75rem}.chit__head{margin-bottom:.45rem;padding-bottom:.4rem}.chit__name{font-size:.9375rem}.chit__fit{margin:0 0 0 .4em;font-size:1.05rem;display:inline}.chit__line,.chit__note,.chit__text{font-size:.8rem;line-height:1.28}.chit__line{margin-top:.3rem}.chit__note{margin-top:.15rem}.chit__looks{margin:.5rem 0 .3rem;padding-top:.45rem}.chit__items{gap:.1rem}.chit__close{margin-top:.45rem;padding-top:.4rem}.chit__code{display:none}.tkey__label{font-size:clamp(10.5px, calc(2.55 * var(--u)), 13px)}.tkey--harder .tkey__glyph,.tkey--ask .tkey__glyph{display:none}.tkey--harder .tkey__tag,.tkey--ask .tkey__tag{order:-1;position:static}}@media (max-width:63.99rem) and (max-height:23.5rem) and (orientation:landscape){.notyet__face{padding:.85rem 1rem .95rem}.notyet__title{margin-bottom:.4rem;font-size:1.3rem}.notyet__items{gap:.35rem;font-size:.8125rem;line-height:1.32}.notyet__item{padding-top:.35rem}.chit{padding:.7rem .85rem .75rem .95rem}.chit__head{margin-bottom:.35rem;padding-bottom:.3rem}.chit__line,.chit__note,.chit__text{font-size:.75rem;line-height:1.24}.chit__looks{margin:.4rem 0 .2rem;padding-top:.35rem}.chit__items{gap:0}.chit__close{margin-top:.35rem;padding-top:.3rem}}@media (prefers-reduced-motion:reduce){.tkey__body,.flag,.tkey__cap:before,.till__paper,.till__hint,.notyet__face,.notyet__item:before{transition:none}}
.hero{isolation:isolate;padding-top:var(--chrome-h);background:var(--color-paper);align-content:center;min-height:100svh;display:grid;position:relative;overflow:clip}.hero__backdrop,.hero__backdrop>*{pointer-events:none;contain:strict;position:absolute;inset:0}.hero__backdrop{z-index:-1}.hero__light{background:radial-gradient(30rem 22rem at 98% 14%,#f8e1d8a8,#f8e1d800 72%),radial-gradient(46rem 36rem at 0 26%,#eef3f9d1,#eef3f900 70%),linear-gradient(#ffffff80,#fff0 34%)}.hero__ruling{--gap:2.125rem;top:var(--chrome-h);background:repeating-linear-gradient(to bottom, transparent 0 calc(var(--gap) - 1px), #8290a32e calc(var(--gap) - 1px) var(--gap));-webkit-mask:radial-gradient(70% 62% at 58% 58%,#000 18%,#0000006b 52%,#0000 78%);mask:radial-gradient(70% 62% at 58% 58%,#000 18%,#0000006b 52%,#0000 78%)}.hero__grain{background:url(/grain.webp) 0 0/192px 192px}@media (min-resolution:1.5x){.hero__grain{background-size:96px 96px}}@media (min-resolution:2.5x){.hero__grain{background-size:64px 64px}}.hero__margin{display:none}.hero__grid{text-align:center;grid-template-areas:"title""visual""lede""actions""broker";justify-items:center;padding-block:clamp(.5rem,2svh,2rem) clamp(1.75rem,5svh,4rem);display:grid;position:relative}.hero__copy{display:contents}.hero__title,.hero__lede,.hero__actions,.hero__broker{z-index:1;position:relative}.hero__title{font-family:var(--font-display);letter-spacing:-.022em;color:var(--color-ledger-950);text-shadow:0 1px #ffffffbf;grid-area:title;margin:0;font-size:min(3.6rem,12.1951vw - .304878rem);font-weight:600;line-height:1.02}.hero__line{display:block}.slip{color:var(--color-kiln-600);white-space:nowrap;text-shadow:none;margin:.02em -.04em 0 -.06em;padding:0 .22em .04em .16em;display:inline-block;position:relative}.slip em{z-index:1;font-style:italic;position:relative}.slip:before{--t:.11em;--p:.22em;--dash:#8290a38c;content:"";z-index:0;background:linear-gradient(90deg, #fff0 62%, #8735240b), repeating-linear-gradient(90deg, var(--dash) 0 .14em, transparent .14em .26em) 0 .09em / 100% .022em no-repeat, repeating-linear-gradient(90deg, var(--dash) 0 .14em, transparent .14em .26em) 0 calc(100% - .09em) / 100% .022em no-repeat, linear-gradient(180deg, #fff 0%, #fffdf9 100%);transform-origin:30% 60%;filter:drop-shadow(0 .04em .03em #1821301f)drop-shadow(0 .22em .28em #87352429);-webkit-mask:conic-gradient(from 45deg at 0 50%, #000 90deg, #0000 0) left / var(--t) var(--p) repeat-y, linear-gradient(#000 0 0) center / calc(100% - 2 * var(--t) + 1px) 100% no-repeat, conic-gradient(from 225deg at 100% 50%, #000 90deg, #0000 0) right / var(--t) var(--p) repeat-y;-webkit-mask:conic-gradient(from 45deg at 0 50%, #000 90deg, #0000 0) left / var(--t) var(--p) repeat-y, linear-gradient(#000 0 0) center / calc(100% - 2 * var(--t) + 1px) 100% no-repeat, conic-gradient(from 225deg at 100% 50%, #000 90deg, #0000 0) right / var(--t) var(--p) repeat-y;mask:conic-gradient(from 45deg at 0 50%, #000 90deg, #0000 0) left / var(--t) var(--p) repeat-y, linear-gradient(#000 0 0) center / calc(100% - 2 * var(--t) + 1px) 100% no-repeat, conic-gradient(from 225deg at 100% 50%, #000 90deg, #0000 0) right / var(--t) var(--p) repeat-y;position:absolute;inset:.14em 0 .01em;transform:rotate(-1.6deg)}.hero__lede{max-width:22.5rem;color:var(--color-ledger-700);text-wrap:balance;text-wrap:pretty;grid-area:lede;margin:clamp(.85rem,3.5vw,1.4rem) 0 0;font-size:clamp(1.0625rem,.98rem + .4vw,1.5rem);line-height:1.55}.arch{white-space:nowrap;color:var(--color-ledger-900);position:relative}.arch:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none'%3E%3Cpath d='M1.5 11 C 20 1.5 80 1.5 98.5 11' fill='none' stroke='%23c2553a' stroke-width='1.7' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:.4em;position:absolute;top:100%;left:.02em;right:.02em}.hero__actions{flex-wrap:wrap;grid-area:actions;justify-content:center;gap:.75rem;width:100%;max-width:30rem;margin-top:1.4rem;display:flex}.hero__actions .btn{flex:13rem}.hero__broker{font:400 .75rem/1.55 var(--font-mono);color:var(--color-ledger-600);text-wrap:balance;background:radial-gradient(circle, var(--color-ledger-300) .9px, transparent 1.4px) 0 0 / .5rem .25rem repeat-x;grid-area:broker;margin:1.3rem 0 0;padding-top:.95rem}.hero__visual{isolation:isolate;grid-area:visual;width:100%;min-width:0;margin-top:clamp(.25rem,2vw,1.25rem);position:relative}.hero__visual:before,.hero__visual:after{content:"";z-index:-1;pointer-events:none;contain:strict;position:absolute}.hero__visual:before{background:radial-gradient(closest-side,#fff5e0f2,#fdedcb99 48%,#fdedcb00 100%);inset:-22% -16%}.hero__visual:after{aspect-ratio:1;background:var(--color-kiln-500);opacity:.075;-webkit-mask-composite:source-in;width:min(118%,62rem);top:52%;left:50%;translate:-50% -50%;-webkit-mask-image:url(/rosette.svg),radial-gradient(closest-side,#000 52%,#0000 100%);mask-image:url(/rosette.svg),radial-gradient(closest-side,#000 52%,#0000 100%);-webkit-mask-position:50%,0 0;mask-position:50%,0 0;-webkit-mask-size:contain,auto;mask-size:contain,auto;-webkit-mask-repeat:no-repeat,repeat;mask-repeat:no-repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero__ruling,.hero__visual:before,.hero__visual:after{will-change:translate;transition:translate 1.1s var(--ease-out)}.hero__ruling{translate:calc(var(--lean-x,0) * -4px) calc(var(--lean-y,0) * -3px)}.hero__visual:before{translate:calc(var(--lean-x,0) * -16px) calc(var(--lean-y,0) * -11px)}.hero__visual:after{translate:calc(-50% + var(--lean-x,0) * -10px) calc(-50% + var(--lean-y,0) * -7px)}}.span-stage{aspect-ratio:1.5;width:100%;margin-inline:auto;position:relative}.span-stage__view,.span-stage__scene,.span-stage__poster,.span-stage__poster img,.span-stage__canvas{width:100%;height:100%;position:absolute;inset:0}.span-stage__poster img{object-fit:contain}.span-stage__canvas{opacity:0;touch-action:pan-y;cursor:grab;-webkit-tap-highlight-color:transparent}.span-stage__canvas:active{cursor:grabbing}.span-stage[data-live] .span-stage__canvas{opacity:1}.span-stage[data-live] .span-stage__poster{visibility:hidden}.span-stage__dock{animation:tool-in .6s .15s var(--ease-out) both;align-items:center;gap:.7rem;display:flex;position:absolute;bottom:0;right:0}.span-stage__dock[hidden]{display:none}.span-stage__nudge{font:400 .75rem/1 var(--font-mono);letter-spacing:.01em;color:var(--color-ledger-600);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .35s var(--ease-out), translate .35s var(--ease-out);align-items:center;gap:.4rem;margin:0;display:inline-flex;translate:.4rem}.span-stage__nudge svg{fill:none;width:1rem;height:1rem;stroke:var(--color-kiln-600);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}@media (hover:hover) and (pointer:fine){.span-stage__nudge-touch{display:none}.span-stage:hover:not([data-turned]) .span-stage__nudge{opacity:1;translate:0}}@media (hover:none),(pointer:coarse){.span-stage__nudge-mouse{display:none}.span-stage:not([data-turned]) .span-stage__nudge{animation:nudge-once 5.2s 1.4s var(--ease-out) both}}.span-stage__tools{border:1px solid var(--color-rule-strong);background:#fffffff0;border-radius:999px;align-items:stretch;height:2.25rem;display:flex;box-shadow:inset 0 -2px #1821300a,0 1px 1px #1821300f,0 10px 20px -12px #1821306b}.span-stage__tool{color:var(--color-ledger-800);font:500 .75rem/1 var(--font-mono);letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .2s var(--ease-out), transform .2s var(--ease-out), color .2s var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;gap:.45rem;margin:0;padding:0;display:inline-flex;position:relative}.span-stage__tool:after{content:"";position:absolute;inset:-.375rem 0}.span-stage__tool svg{fill:none;width:1.15rem;height:1.15rem;stroke:var(--color-kiln-600);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.span-stage__tool--pause{border-radius:999px 0 0 999px;width:2.6rem}.span-stage__tool--pause svg{stroke:var(--color-ledger-700);stroke-width:2px}.span-stage__tool--pause svg path[d^="M9 6.8"]{fill:var(--color-ledger-700);stroke-width:1.4px}.span-stage__tool--open{border-radius:999px;padding:0 .9rem 0 .75rem}.span-stage__tool--pause+.span-stage__tool--open{border-left:1px solid var(--color-rule);border-radius:0 999px 999px 0;padding-left:.65rem}.span-stage__tool--open svg ellipse{stroke:var(--color-ledger-400)}@media (hover:hover){.span-stage__tool:hover{background-color:var(--color-saffron-50);color:var(--color-ledger-950)}}.span-stage__tool:active{transition-duration:80ms;transform:translateY(1px)}.span-stage__tool:focus-visible{outline:3px solid var(--color-ledger-900);outline-offset:3px;z-index:1}.span-stage__view[data-full]{z-index:1000;overscroll-behavior:contain;touch-action:none;width:100%;height:100dvh;position:fixed;inset:0}html.span-locked .hero{z-index:1}.hero:has(.span-stage__view[data-full]){z-index:1}html.span-locked .hero__visual{z-index:2}.hero__visual:has(.span-stage__view[data-full]){z-index:2}.span-stage__view[data-full=full]{background-color:var(--color-paper)}.span-stage__view[data-full]:before{content:"";background:radial-gradient(60% 50% at 70% 60%, #fdedcbb3, #fdedcb00 72%), radial-gradient(50% 45% at 10% 25%, #e4e8ee99, #e4e8ee00 70%), var(--color-paper);position:absolute;inset:0}.span-stage__view::backdrop,.span-stage__view:fullscreen{background:#f9f6f0}.span-stage__view[data-full=opening]:before{animation:paper-up .34s var(--ease-out) both}.span-stage__view[data-full=closing]:before{animation:.42s ease-in-out .3s both paper-down}.span-stage__view[data-full=opening] .span-stage__canvas,.span-stage__view[data-full=closing] .span-stage__canvas,.span-stage__view[data-full=closing]{pointer-events:none}.span-stage__view[data-full] .span-stage__canvas{touch-action:none}.span-stage__bar{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));animation:tool-in .45s .35s var(--ease-out) both;gap:.6rem;display:flex;position:absolute}.span-stage__tool--round{border:1px solid var(--color-rule-strong);background:#fffffff0;border-radius:50%;width:2.75rem;height:2.75rem;box-shadow:inset 0 -2px #1821300a,0 1px 1px #1821300f,0 10px 20px -12px #1821306b}.span-stage__tool--round:after{inset:-.125rem}.span-stage__tool--round svg{stroke:var(--color-ledger-800)}.span-stage__tool--round svg path[d^="M9 6.8"]{fill:var(--color-ledger-800)}.span-stage__hint{left:50%;bottom:max(1.25rem, env(safe-area-inset-bottom));font:400 .75rem/1.3 var(--font-mono);color:var(--color-ledger-700);text-align:center;text-wrap:balance;border:1px solid var(--color-rule);pointer-events:none;width:max-content;max-width:calc(100vw - 2rem);transition:opacity .6s var(--ease-out);animation:tool-in .45s .5s var(--ease-out) both;background:#ffffffe6;border-radius:999px;margin:0;padding:.55rem .95rem;position:absolute;translate:-50%}.span-stage__hint[data-gone],.span-stage__view[data-full=closing] .span-stage__hint,.span-stage__view[data-full=closing] .span-stage__bar{opacity:0;transition:opacity .2s var(--ease-out)}@media (hover:hover) and (pointer:fine){.span-stage__hint .span-stage__nudge-touch{display:none}}@media (hover:none),(pointer:coarse){.span-stage__hint .span-stage__nudge-mouse{display:none}}html.span-locked{padding-right:var(--span-scrollbar,0px);overflow:hidden}html.span-locked body{overflow:hidden}@media (max-width:39.99rem){.span-stage{aspect-ratio:1.12;max-width:32rem}}@media (min-width:40rem) and (max-width:63.99rem){.span-stage{max-width:46rem}}@media (min-width:64rem),(min-width:40rem) and (max-height:31.25rem) and (orientation:landscape){.hero__grid{text-align:left;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"copy visual";place-items:center stretch;column-gap:clamp(1.5rem,3vw,3rem)}.hero__margin{top:calc(var(--chrome-h) - .75rem);bottom:0;left:calc((100% - min(100% - 2 * var(--gutter), var(--container))) / 2 - clamp(.9rem, 1.7vw, 1.6rem));border-inline:1px solid #c2553a52;width:5px;display:block;position:absolute;-webkit-mask:linear-gradient(#0000,#000 .75rem 74%,#0000);mask:linear-gradient(#0000,#000 .75rem 74%,#0000)}.hero__copy{flex-direction:column;grid-area:copy;align-items:flex-start;min-width:0;display:flex;container-type:inline-size}.hero__title{font-size:min(5.75rem,12.2cqi)}.hero__lede{max-width:18.5em;margin-top:1.25rem}.hero__actions{justify-content:flex-start;width:auto;max-width:none}.hero__actions .btn{flex:none}.hero__visual{margin-top:0}.span-stage{max-height:calc(100svh - var(--chrome-h) - clamp(.5rem, 2svh, 2rem) - clamp(1.75rem, 5svh, 4rem) - 2px)}.span-stage__poster img{object-position:right center}}@media (min-width:84rem){.hero__grid{grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr)}}@media (min-width:64rem) and (max-width:83.99rem){.hero__actions .btn{padding-inline:1.15rem;font-size:1rem}.hero__actions{gap:.6rem}}@media (min-width:64rem) and (max-height:46rem),(min-width:40rem) and (max-height:31.25rem) and (orientation:landscape){.hero__title{font-size:min(5.75rem,12.2cqi,9.6svh)}.hero__lede{max-width:22.5rem;margin-top:.85rem;font-size:1.0625rem}.hero__actions{margin-top:1.1rem}.hero__broker{margin-top:1rem;padding-top:.8rem}}@media (min-width:100rem) and (min-height:50rem){.hero__actions{gap:.9rem;margin-top:1.9rem}.hero__actions .btn{border-radius:.9rem;min-height:3.6rem;padding-inline:1.75rem;font-size:1.1875rem}.hero__broker{margin-top:1.6rem;padding-top:1.1rem;font-size:.8125rem}}@media (max-width:63.99rem) and (min-width:40rem) and (max-height:31.25rem) and (orientation:landscape){.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-block:.5rem .75rem}.hero__title{font-size:min(3.2rem, 11.4cqi, calc((100svh - var(--chrome-h)) * .112))}.hero__lede{max-width:none;margin-top:.6rem;font-size:.95rem;line-height:1.45}.hero__actions{flex-wrap:nowrap;gap:.5rem;margin-top:.85rem}.hero__actions .btn{gap:.4rem;min-height:2.75rem;padding-inline:.8rem;font-size:.875rem}.hero__broker{margin-top:.75rem;padding-top:.6rem;font-size:.6875rem}.span-stage{max-height:calc(100svh - var(--chrome-h) - 1.25rem)}}@media (prefers-reduced-motion:no-preference){.slip:before{animation:slip-feed .9s .2s var(--ease-out) both}.arch:after{animation:slip-feed 1.1s .85s var(--ease-out) both}.hero__lede,.hero__actions,.hero__broker{animation:rise .8s var(--ease-out) both}.hero__lede{animation-delay:.12s}.hero__actions{animation-delay:.22s}.hero__broker{animation-delay:.32s}.hero__ruling{animation:1.6s ease-out .1s both fade}.hero__margin{animation:rule-down 1.4s .15s var(--ease-out) both}@supports (animation-timeline:scroll()){.hero__visual:before,.hero__visual:after{animation:linear both depth-near;animation-timeline:scroll(root);animation-range:0 100svh}.hero__visual:after{animation-name:depth-far}}}@media (prefers-reduced-motion:reduce){.span-stage__dock,.span-stage__bar,.span-stage__hint,.span-stage__view[data-full]:before{animation:none}.span-stage__nudge{transition:none}.span-stage:not([data-turned]) .span-stage__nudge{animation:none}}@media (prefers-reduced-motion:reduce) and ((hover:none) or (pointer:coarse)){.span-stage:not([data-turned]) .span-stage__nudge{opacity:1;translate:0}}@media (max-width:47.99rem) and (min-width:40rem) and (max-height:31.25rem) and (orientation:landscape){.hero__title{font-size:min(3.2rem, 11.4cqi, calc((100svh - var(--chrome-h)) * .094))}.hero__actions .btn{padding-inline:.6rem;font-size:.8125rem}}@media (min-width:40rem) and (max-height:24rem) and (orientation:landscape){.hero__grid{padding-block:.375rem .5rem}.hero__title{font-size:min(3.2rem, 11.4cqi, calc((100svh - var(--chrome-h)) * .093))}.hero__lede{margin-top:.45rem}.hero__actions{margin-top:.65rem}.hero__broker{margin-top:.6rem;padding-top:.5rem}}@keyframes slip-feed{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes rise{0%{opacity:0;translate:0 .6rem}to{opacity:1;translate:0}}@keyframes fade{0%{opacity:0}}@keyframes rule-down{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes depth-near{to{transform:translateY(9%)}}@keyframes depth-far{to{transform:translateY(15%)}}@keyframes tool-in{0%{opacity:0;translate:0 .35rem}}@keyframes paper-up{0%{opacity:0}}@keyframes paper-down{to{opacity:0}}@keyframes nudge-once{0%{opacity:0;translate:.4rem}10%,82%{opacity:1;translate:0}to{opacity:0;translate:0}}
.how{isolation:isolate;background:var(--color-paper);color:var(--color-ledger-900);padding-block:clamp(3.5rem,9svh,6.5rem) clamp(3rem,8svh,5.5rem);position:relative;overflow-x:clip}.how__backdrop,.how__backdrop>*{pointer-events:none;contain:strict;position:absolute;inset:0}.how__backdrop{z-index:-1}.how__light{background:radial-gradient(34rem 22rem at 96% 4rem,#eef3f9d9,#eef3f900 70%),radial-gradient(40rem 34rem at 22% 30%,#fdedcb80,#fdedcb00 72%),radial-gradient(26rem 16rem at 0 3rem,#f8e1d86b,#f8e1d800 72%),radial-gradient(56rem 34rem at 60% 86%,#fdedcb9e,#fdedcb00 72%);-webkit-mask:linear-gradient(#0000,#000 6rem calc(100% - 5rem),#0000);mask:linear-gradient(#0000,#000 6rem calc(100% - 5rem),#0000)}.how__light:after{content:"";opacity:0;transition:opacity 1.8s var(--ease-out);background:radial-gradient(48rem 40rem at 30% 78%,#fde6b2b3,#fdedcb00 70%),radial-gradient(36rem 30rem at 85% 90%,#fdedcb8c,#fdedcb00 70%);position:absolute;inset:0}.how[data-warm] .how__light:after{opacity:1}.how__ruling{-webkit-mask-composite:source-in;background:repeating-linear-gradient(#0000 0 calc(2.125rem - 1px),#8290a321 calc(2.125rem - 1px) 2.125rem);-webkit-mask-image:radial-gradient(70% 46% at 70% 40%,#000 24%,#0006 60%,#0000 86%),linear-gradient(#0000,#000 6rem calc(100% - 7rem),#0000);mask-image:radial-gradient(70% 46% at 70% 40%,#000 24%,#0006 60%,#0000 86%),linear-gradient(#0000,#000 6rem calc(100% - 7rem),#0000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.how__grain{background:url(/grain.webp) 0 0/192px 192px}@media (min-resolution:1.5x){.how__grain{background-size:96px 96px}}@media (min-resolution:2.5x){.how__grain{background-size:64px 64px}}.how__grid{--stage-h:min(48svh, 122vw);--fz:.86;grid-template-columns:minmax(0,1fr);grid-template-rows:auto var(--stage-h) auto auto;text-align:center;justify-items:center;display:grid;position:relative}.how__head{view-timeline:--how-head block;grid-area:1/1;justify-items:center;gap:clamp(.85rem,2.4vw,1.2rem);margin-bottom:clamp(.25rem,2svh,1.25rem);display:grid}.how__stage{z-index:2;width:calc(100% + 2 * var(--gutter));margin-inline:calc(-1 * var(--gutter));pointer-events:none;grid-area:2/1/5;align-self:stretch;position:relative}.how__steps{z-index:1;grid-area:3/1;width:100%;max-width:34rem;margin:0;padding:0;list-style:none;position:relative}.how__keys{grid-area:4/1}.how__thread{display:none}.how__title{font-family:var(--font-display);letter-spacing:-.022em;color:var(--color-ledger-950);text-shadow:0 1px #ffffffbf;text-wrap:balance;margin:0;font-size:min(2.6rem,11.1111vw - .277778rem);font-weight:600;line-height:1.06}.how__sign{color:var(--color-kiln-600);padding-inline:.04em .12em;display:inline-block;position:relative}.how__sign em{font-style:italic}.how__sign:after{content:"";background:linear-gradient(90deg, var(--color-ledger-400), var(--color-ledger-300));transform-origin:0;border-radius:1px;height:1.5px;position:absolute;bottom:.05em;left:-.2em;right:-.32em}.how__keep{white-space:nowrap}.how__sign:before{content:"×";font:400 .3em/1 var(--font-mono);color:var(--color-ledger-500);text-shadow:none;font-style:normal;position:absolute;bottom:.1em;left:-.42em}.how__lede{max-width:24rem;color:var(--color-ledger-700);text-wrap:pretty;margin:0;font-size:clamp(1.0625rem,.98rem + .3vw,1.3rem);line-height:1.55}.how__mark{white-space:nowrap;color:var(--color-ledger-900);position:relative}.how__mark:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none'%3E%3Cpath d='M4 8C24 2 40 11 56 6S86 3 95 7' fill='none' stroke='%23c2553a' stroke-width='1.5' stroke-dasharray='3 3' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center / 100% 100% no-repeat, radial-gradient(circle at 3% 66%, var(--color-roll) .11em, var(--color-ledger-500) .12em .18em, transparent .19em), radial-gradient(circle at 96% 58%, var(--color-kiln-600) .15em, transparent .16em);height:.48em;position:absolute;top:calc(100% - .14em);left:-.1em;right:-.1em}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.how__sign:after{animation:linear both how-rule;animation-timeline:--how-head;animation-range:entry 25% cover 42%}.how__mark:after{animation:linear both how-route;animation-timeline:--how-head;animation-range:entry 45% cover 50%}}}@keyframes how-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes how-route{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.how__step{--pitch:calc((100svh - var(--stage-h)) * .8);min-height:var(--pitch);align-content:start;justify-items:center;padding-block:2.75rem 1.25rem;display:grid;position:relative}.how__step:after{content:"";z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s var(--ease-out);background:radial-gradient(closest-side,#fffaeef2,#fdedcb6b 55%,#fdedcb00);position:absolute;inset:1rem -1.5rem 0}.how[data-live] .how__step[aria-current]:after{opacity:1}.how__half{font:400 .6875rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ledger-600);background:linear-gradient(var(--color-kiln-500), var(--color-kiln-500)) 0 calc(100% - 3px) / 100% 1px no-repeat, linear-gradient(var(--color-kiln-500), var(--color-kiln-500)) 0 100% / 100% 1px no-repeat;margin:0 0 1.1rem;padding-bottom:.45rem}.how__half--after{color:var(--color-saffron-700);background:linear-gradient(var(--color-saffron-400), var(--color-saffron-400)) 0 calc(100% - 3px) / 100% 1px no-repeat, linear-gradient(var(--color-saffron-400), var(--color-saffron-400)) 0 100% / 100% 1px no-repeat}.how__key{--ledge:3px;z-index:1;border:1px solid var(--color-rule-strong);width:2.75rem;height:2.75rem;font:500 .8125rem/1 var(--font-receipt);letter-spacing:.06em;color:var(--color-ledger-700);box-shadow:inset 0 -2px 0 #1821300a, 0 var(--ledge) 0 #e7dfd3, 0 calc(var(--ledge) + 1px) 0 var(--color-rule-strong), 0 calc(var(--ledge) + 10px) 18px -10px #18213059;transition:translate .35s var(--ease-out), box-shadow .35s var(--ease-out), background-color .35s var(--ease-out), color .35s var(--ease-out), border-color .35s var(--ease-out);background:radial-gradient(circle at 50% 30%,#fff,#fbf8f3 70%);border-radius:50%;place-items:center;margin-bottom:.7rem;display:inline-grid;position:relative;translate:0}.how__step[aria-current=step] .how__key{--ledge:1px;border-color:var(--color-kiln-700);color:#fff;background:radial-gradient(circle at 50% 30%, var(--color-kiln-500), var(--color-kiln-600) 70%);box-shadow:inset 0 1px 0 #ffffff38, 0 var(--ledge) 0 var(--color-kiln-800), 0 calc(var(--ledge) + 6px) 14px -8px #87352499, 0 0 0 5px #c2553a1a;translate:0 2px}.how__step[data-done] .how__key{color:var(--color-kiln-700);border-color:var(--color-kiln-200);background:radial-gradient(circle at 50% 30%, #fff, var(--color-kiln-50) 70%)}.how__step[data-half=after]:not([aria-current]):not([data-done]) .how__key{border-color:var(--color-saffron-200);background:radial-gradient(circle at 50% 30%, #fff, var(--color-saffron-50) 70%)}.how__name{font-family:var(--font-display);letter-spacing:-.012em;color:var(--color-ledger-950);text-wrap:balance;margin:0;font-size:1.5rem;font-weight:600;line-height:1.12}.how__who{font:400 .6875rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ledger-600);align-items:center;gap:.35rem;margin:.45rem 0 0;display:inline-flex}.how__who-mark{fill:none;width:1rem;height:1rem;stroke:var(--color-kiln-600);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.how__text{max-width:27rem;color:var(--color-ledger-700);text-wrap:pretty;margin:.6rem 0 0;font-size:1rem;line-height:1.55}.how[data-live] .how__step:not([aria-current]) :is(.how__name,.how__text,.how__points){color:var(--color-ledger-600)}.how__points{max-width:27rem;color:var(--color-ledger-700);text-align:left;gap:.55rem;margin:.9rem 0 0;padding:0;font-size:.9375rem;line-height:1.5;list-style:none;display:grid}.how__points li{padding-left:1.5rem;position:relative}.how__points li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='.75' y='.75' width='10.5' height='10.5' rx='1.6' fill='none' stroke='%23a6432c' stroke-width='1.1'/%3E%3Cpath d='M3.2 6.3 5.1 8.2 8.9 3.9' fill='none' stroke='%23a6432c' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:.95rem;height:.95rem;position:absolute;top:.22em;left:0}.how__points b{color:var(--color-ledger-900);font-weight:600}.how__line{width:min(100%,22rem);height:2.6rem;margin-top:1rem;display:block;position:relative}.how__line:before{content:"×";font:400 .875rem/1 var(--font-mono);color:var(--color-ledger-500);position:absolute;bottom:.45rem;left:0}.how__line:after{content:"";background:var(--color-ledger-400);height:1px;position:absolute;bottom:.4rem;left:1.1rem;right:0}.how__line svg{width:9rem;height:2.25rem;position:absolute;bottom:.2rem;left:1.6rem;overflow:visible}.how__line path{fill:none;stroke:var(--color-kiln-600);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .4s ease-in}.how[data-signed] .how__line path{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.35,0,.45,1) .15s}.how__keys{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;max-width:30rem;margin-top:clamp(1rem,4svh,2rem);display:flex}.how__keys .btn{flex:13rem}.desk{--u:min(calc(100cqw / (var(--fw) * var(--fz,1))), calc(100cqh / (var(--fd) * var(--fz,1))));height:var(--stage-h);pointer-events:auto;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;will-change:transform;position:sticky;top:0;container-type:size}.desk:before,.desk:after{content:"";z-index:0;pointer-events:none;position:absolute;left:0;right:0}.desk:before{background-color:var(--color-paper);background-image:radial-gradient(70% 60% at 50% 58%,#fdedcb6b,#fdedcb00 72%),url(/grain.webp);background-size:auto, var(--grain,192px) var(--grain,192px);top:0;bottom:0}.desk[data-before]:before{-webkit-mask:linear-gradient(#0000,#000 2.5rem);mask:linear-gradient(#0000,#000 2.5rem)}.desk:after{background:linear-gradient(var(--color-paper) 30%, #f9f6f099 62%, #f9f6f000);height:3rem;top:100%}@media (min-resolution:1.5x){.desk{--grain:96px}}@media (min-resolution:2.5x){.desk{--grain:64px}}.desk__frame{z-index:1;position:absolute;inset:0;overflow:clip}.desk__view{z-index:1;width:0;height:0;perspective:calc(var(--u) * var(--eye));perspective-origin:0 0;position:absolute;top:56%;left:50%}.desk[data-live] .desk__view{perspective:none}.desk__floor,.desk__window,.desk__pad,.desk__bloom,.doc,.doc-shade,.pen{width:calc(var(--w) * var(--u) * var(--r,1));height:calc(var(--d) * var(--u) * var(--r,1));transform-origin:0 0;transform:rotateX(var(--tilt)) rotateZ(var(--az)) translate3d(calc((var(--x) - var(--tx)) * var(--u)), calc((var(--z) - var(--tz)) * var(--u)), calc(var(--h) * var(--u))) rotateZ(var(--yaw)) rotateX(var(--pitch)) rotateY(var(--roll)) rotateZ(var(--spin)) scale(calc(var(--s) / var(--r,1))) translate(calc(var(--ax) * -100%), calc(var(--ay) * -100%));opacity:var(--o);z-index:var(--depth);backface-visibility:visible;will-change:transform, opacity;pointer-events:none;position:absolute;top:0;left:0}.desk__floor,.desk__window,.desk__pad,.desk__bloom{--pitch:0deg;--roll:0deg;--spin:0deg;--s:1;--lu:calc(var(--u) * var(--r,1))}.desk__floor{z-index:1}.desk__pad{z-index:3}.desk__bloom{z-index:4}.desk__floor{background:radial-gradient(closest-side at 50% 52%, #fff6e2f2, #fdedcb99 42%, #fdedcb00 100%),  linear-gradient(90deg, #c2553a57 0 1px, transparent 1px calc(100% - 1px), #c2553a57 calc(100% - 1px)) 22% 0 / calc(var(--lu) * .016) 100% no-repeat, repeating-linear-gradient(to bottom, transparent 0 calc(var(--lu) * .2 - 1px), #8290a34d calc(var(--lu) * .2 - 1px) calc(var(--lu) * .2));-webkit-mask:radial-gradient(closest-side at 50% 54%,#000 30%,#0000 94%);mask:radial-gradient(closest-side at 50% 54%,#000 30%,#0000 94%)}.desk__window:before{content:"";-webkit-mask-composite:source-in;opacity:.42;background:#fffcf5;position:absolute;inset:14% 8% 10% 14%;transform:skew(-26deg);-webkit-mask-image:linear-gradient(90deg,#0000 0 3%,#000 13% 45%,#0000 48.5% 51.5%,#000 55% 87%,#0000 97%),linear-gradient(#0000 0 4%,#000 15% 43%,#0000 47% 53%,#000 57% 85%,#0000 96%);mask-image:linear-gradient(90deg,#0000 0 3%,#000 13% 45%,#0000 48.5% 51.5%,#000 55% 87%,#0000 97%),linear-gradient(#0000 0 4%,#000 15% 43%,#0000 47% 53%,#000 57% 85%,#0000 96%);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.desk__window:after{content:"";opacity:0;transition:opacity 1.6s var(--ease-out);background:radial-gradient(closest-side,#fddea080,#fddea000);position:absolute;inset:14% 8% 10% 14%;transform:skew(-26deg)}.desk[data-warm] .desk__window:after{opacity:1}.desk__pad{border-radius:calc(var(--lu) * .012);box-shadow:inset 0 0 0 1px #ffffff59, inset 0 0 calc(var(--lu) * .08) #7862421a, 0 calc(var(--lu) * .012) 0 #cbbfa9, 0 calc(var(--lu) * .017) 0 #b9aa90, 0 calc(var(--lu) * .045) calc(var(--lu) * .07) #46382442;background:radial-gradient(120% 90% at 74% 24%,#ffffff52,#fff0 62%),radial-gradient(90% 70% at 20% 92%,#78624212,#78624200 70%),linear-gradient(168deg,#e7e0d4,#d9d0c1)}.desk__corner{aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%233a4760'/%3E%3Cstop offset='.5' stop-color='%231c2536'/%3E%3Cstop offset='1' stop-color='%23111824'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M100 0 0 100v4L104 0z' fill='%23000' fill-opacity='.16'/%3E%3Cpath d='M0 0h100L0 100z' fill='url(%23l)'/%3E%3Cpath d='M88 3 3 88' fill='none' stroke='%23d8c6a2' stroke-opacity='.55' stroke-width='1.1' stroke-dasharray='3.2 2.6'/%3E%3Cpath d='M74 6 6 74' fill='none' stroke='%23e2a64a' stroke-opacity='.7' stroke-width='1.3'/%3E%3Cpath d='M99 1 1 99' fill='none' stroke='%23fff' stroke-opacity='.22' stroke-width='1.4'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;width:16%;position:absolute}.desk__corner[data-c=tl]{top:0;left:0}.desk__corner[data-c=tr]{top:0;right:0;rotate:90deg}.desk__corner[data-c=br]{bottom:0;right:0;rotate:180deg}.desk__corner[data-c=bl]{bottom:0;left:0;rotate:270deg}.desk__bloom{background:radial-gradient(closest-side,#ffe2a0d9,#fde6b280 45%,#fdedcb00 100%)}.doc-shade{--r:.25;--h:.0015;--pitch:0deg;--roll:0deg;--spin:0deg;--ax:.5;--ay:.5;--s:calc(var(--k,1) * (1 + var(--soft) * 1.4));z-index:2;opacity:calc(var(--o) * (1 - var(--soft) * 2.4));background:radial-gradient(closest-side,#3c322842,#3c322829 55%,#3c322800 100%)}.doc-shade[data-lean]{height:calc(var(--u) * .08 * var(--r));background:radial-gradient(closest-side,#262c3880,#262c3800 100%)}.doc{font-size:calc(var(--u) * .06);border-radius:calc(var(--u) * .008);color:var(--color-ledger-800);--drop:0 .3em .8em -.4em #3c322857;box-shadow:0 0 0 .5px #6054462e, var(--drop);background:linear-gradient(#ffffffd9,#fff0) 0 0/100% 2px no-repeat,linear-gradient(#60544600,#6054461a) 0 100%/100% 2px no-repeat,linear-gradient(170deg,#fff,#fffdf8 55%,#fbf6ee);line-height:1.2;overflow:hidden}.doc:after,.desk__pad:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(90deg, #78644804 0 1px, transparent 1px calc(var(--u) * .11)), repeating-linear-gradient(#78644804 0 1px, transparent 1px 3px);position:absolute;inset:0}.desk__pad:after{background:radial-gradient(circle at 1px 1px,#6e5c420a .7px,#0000 1px) 0 0/3px 3px,radial-gradient(circle at 2.5px 2.5px,#ffffff1a .6px,#0000 .9px) 0 0/3px 3px}.doc--cover:after,.doc--span:after{content:none}.doc__dim,.doc__glow{z-index:4;pointer-events:none;opacity:0;will-change:opacity;position:absolute;inset:0}.doc__dim{background:#343a48}.doc__glow{background:#fff6e2}.doc__head{font:400 .62em/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ledger-800);justify-content:space-between;align-items:center;gap:.5em;display:flex}.doc__head b{color:var(--color-kiln-600);font-weight:400}.doc__tick{fill:none;width:.85em;height:.85em;stroke:var(--color-kiln-600);stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;flex:none}.doc__tick path{stroke-width:1.5px}.doc--back,.doc__out,.doc__in{background:linear-gradient(#fff9, #fff0) 0 0 / 100% 2px no-repeat, linear-gradient(90deg, #ffffff73, #fff0) 0 0 / 2px 100% no-repeat, repeating-linear-gradient(90deg, #785a2805 0 1px, transparent 1px calc(var(--u) * .11)), repeating-linear-gradient(#785a2805 0 1px, transparent 1px 3px), linear-gradient(160deg, #eedbb4, #e6cc9c 62%, #dcbf8c)}.doc--back{border-radius:calc(var(--u) * .014);box-shadow:0 0 0 .5px #82623257, 0 calc(var(--u) * .006) 0 #c9ab78, 0 calc(var(--u) * .009) 0 #b8986a, 0 calc(var(--u) * .012) calc(var(--u) * .008) #5a421e4d, inset 0 0 calc(var(--u) * .05) #966e3224;background:linear-gradient(#fff9,#fff0) 0 0/100% 2px no-repeat,linear-gradient(90deg,#ffffff73,#fff0) 0 0/2px 100% no-repeat,linear-gradient(160deg,#eedbb4,#e6cc9c 62%,#dcbf8c);overflow:visible}.doc__tab{border-radius:calc(var(--u) * .02) calc(var(--u) * .02) 0 0;font:500 .66em/1 var(--font-receipt);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--color-kiln-800);background:linear-gradient(#f2e3c4,#ead7b0);padding:.5em 1.1em .36em;position:absolute;bottom:calc(100% - 1px);right:9%;box-shadow:0 -.5px #8262324d}.doc--cover{box-shadow:none;background:0 0;overflow:visible}.doc__out,.doc__in{border-radius:calc(var(--u) * .014);box-shadow:0 0 0 .5px #82623257, 0 calc(var(--u) * .005) 0 #ccae7c, 0 calc(var(--u) * .008) 0 #bfa06f, inset calc(var(--u) * .014) 0 calc(var(--u) * .01) #966e3229;position:absolute;inset:0}.doc__in{background:repeating-linear-gradient(90deg, #785a2805 0 1px, transparent 1px calc(var(--u) * .11)), repeating-linear-gradient(#785a2805 0 1px, transparent 1px 3px), linear-gradient(200deg, #f4e6c9, #eddcb9);transform:scaleX(-1)}.doc--cover[data-side=in] .doc__out,.doc--cover[data-side=out] .doc__in{visibility:hidden}.doc__log{font:italic 600 .95em/1 var(--font-display);color:var(--color-ledger-800);gap:.35em;display:grid;position:absolute;top:7%;left:9%}.doc__log b{font:400 .46em/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-kiln-700);font-style:normal}.doc__log-rules{background:linear-gradient(90deg,#8c683452 0 1px,#0000 1px) 34% 0/100% 100% no-repeat,linear-gradient(90deg,#8c683452 0 1px,#0000 1px) 70% 0/100% 100% no-repeat,repeating-linear-gradient(#0000 0 calc(1.6em - 1px),#8c68344d calc(1.6em - 1px) 1.6em);border-top:2px solid #a6432c66;position:absolute;inset:22% 9% 9%}.doc__label{border-radius:calc(var(--u) * .006);font:italic 600 1.02em/1 var(--font-display);color:var(--color-ledger-900);background:linear-gradient(var(--color-kiln-500), var(--color-kiln-500)) 0 100% / 100% .12em no-repeat, #fffdf9;gap:.3em;padding:.75em 1.1em .8em;display:grid;position:absolute;top:16%;left:12%;box-shadow:0 0 0 .5px #60544640,0 .12em .3em -.1em #5a421e4d}.doc__label b{font:400 .48em/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-kiln-600);font-style:normal}.doc--slip{--dash:#8290a38c;background:repeating-linear-gradient(90deg, var(--dash) 0 .5em, transparent .5em .9em) 0 .85em / 100% 1px no-repeat, repeating-linear-gradient(90deg, var(--dash) 0 .5em, transparent .5em .9em) 0 calc(100% - .7em) / 100% 1px no-repeat, linear-gradient(#fffefb, var(--color-roll));-webkit-mask:conic-gradient(from -45deg at 50% .36em, #000 90deg, #0000 0) 0 0 / .72em .36em repeat-x, linear-gradient(#000 0 0) 0 .35em / 100% calc(100% - .35em) no-repeat;-webkit-mask:conic-gradient(from -45deg at 50% .36em, #000 90deg, #0000 0) 0 0 / .72em .36em repeat-x, linear-gradient(#000 0 0) 0 .35em / 100% calc(100% - .35em) no-repeat;mask:conic-gradient(from -45deg at 50% .36em, #000 90deg, #0000 0) 0 0 / .72em .36em repeat-x, linear-gradient(#000 0 0) 0 .35em / 100% calc(100% - .35em) no-repeat;align-content:start;gap:.9em;padding:1.6em 1.2em 1.2em;display:grid}.doc--slip .doc__head{color:var(--color-ledger-900);justify-content:flex-start;font-size:.7em}.doc__mark{background:linear-gradient(180deg, #ffffff2e, #fff0 60%), var(--color-kiln-600);width:1.4em;height:1.4em;box-shadow:0 .12em 0 var(--color-kiln-800);border-radius:.3em}.doc__fields{gap:.75em;display:grid}.doc__field{border-bottom:1px solid #8290a359;grid-template-columns:1fr auto;align-items:end;gap:.25em .5em;padding-bottom:.35em;display:grid}.doc__field>span{font:400 .5em/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ledger-600);grid-column:1/-1}.doc__field b{font:italic 600 1.15em/1 var(--font-display);color:var(--color-kiln-600)}.doc__blank{background:repeating-linear-gradient(90deg,#3743558c 0 .38em,#0000 .38em .52em);border-radius:.2em;width:70%;height:.5em;display:block}.doc--call{border-radius:calc(var(--u) * .016);align-content:start;gap:.75em;padding:1.1em 1.2em 1.3em;display:grid}.doc__ring{align-items:center;width:2.4em;height:1.4em;display:inline-flex;position:relative}.doc__phone{fill:none;width:1.3em;height:1.3em;stroke:var(--color-kiln-600);stroke-width:1.6px;stroke-linejoin:round}.doc__ring i{border:.12em solid var(--color-kiln-500);opacity:0;border-left:0;border-radius:0 1em 1em 0;width:.6em;height:1.2em;position:absolute;top:.1em;left:1.05em}.doc__ring i+i{width:.8em;height:1.7em;top:-.15em;left:1.35em}.doc__checks{font:400 .52em/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ledger-700);gap:.55em;display:grid}.doc__checks>span{border-bottom:1px dashed #8290a366;align-items:center;gap:.6em;padding-bottom:.5em;display:flex}.doc__checks>span:last-child{border-bottom:0;padding-bottom:0}.doc__checks .doc__tick{width:1.4em;height:1.4em}.doc--envelope{border-radius:calc(var(--u) * .008);background:linear-gradient(160deg,#ffffffb3,#fff0 40%),#fbf9f5}.doc__window{background:repeating-radial-gradient(circle at 0 0,#5f6e835c 0 .08em,#0000 .08em .24em),repeating-radial-gradient(circle at 100% 100%,#5f6e8338 0 .08em,#0000 .08em .3em),#f3f5f8;border-radius:.3em;width:46%;height:34%;position:absolute;top:30%;left:9%;box-shadow:inset 0 0 0 1px #6054462e}.doc__secure{font:500 .6em/1 var(--font-receipt);letter-spacing:.1em;text-transform:uppercase;color:var(--color-kiln-700);align-items:center;gap:.45em;display:inline-flex;position:absolute;bottom:18%;right:7%}.doc__secure svg{fill:none;width:1.6em;height:1.6em;stroke:var(--color-kiln-600);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.doc--statement{background:linear-gradient(var(--color-ledger-200), var(--color-ledger-200)) 0 2.6em / 100% 1px no-repeat, linear-gradient(170deg, #fff, #fbfaf7);align-content:start;gap:.8em;padding:1.1em;display:grid}.doc--statement .doc__head{font-size:.5em}.doc__head--stacked{justify-content:start;gap:.5em;display:grid}.doc__bars{border-bottom:1px solid var(--color-ledger-300);align-items:flex-end;gap:.18em;height:3.4em;padding-bottom:1px;display:flex}.doc__bars i{background:linear-gradient(var(--color-kiln-300), var(--color-kiln-500));opacity:.8;border-radius:.08em .08em 0 0;flex:1}.doc__rows{gap:.55em;display:grid}.doc__rows i{background:linear-gradient(90deg,#5f6e8352 0 58%,#0000 58% 74%,#5f6e8366 74% 100%);border-radius:.2em;height:.4em;display:block}.doc__rows i:nth-child(2n){background:linear-gradient(90deg,#5f6e8342 0 44%,#0000 44% 78%,#5f6e8361 78% 100%)}.doc--id{border-radius:calc(var(--u) * .022);background:linear-gradient(150deg, #f4f6f9, var(--color-ledger-100));box-shadow:0 0 0 .5px #5f6e8359, var(--drop);grid-template-columns:auto 1fr;align-items:center;gap:.6em;padding:.55em;display:grid}.doc__photo{background:var(--color-ledger-200);border-radius:.3em;width:2.5em;height:3em;-webkit-mask:url(/rosette.svg) 50%/260% no-repeat;mask:url(/rosette.svg) 50%/260% no-repeat}.doc--id .doc__rows{gap:.45em}.doc--id .doc__head{font-size:.55em}.doc--cheque{background:linear-gradient(90deg, #c2553a14, #c2553a00 30%), linear-gradient(170deg, #fffaf0, var(--color-saffron-50));box-shadow:0 0 0 .5px #b06f184d, var(--drop);padding:.9em 1em}.doc--cheque:before{content:"";background:var(--color-saffron-500);opacity:.14;position:absolute;inset:0;-webkit-mask:url(/rosette.svg) 70%/70% no-repeat;mask:url(/rosette.svg) 70%/70% no-repeat}.doc__pay{font:400 .48em/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ledger-600);display:block}.doc--cheque .doc__blank{background:var(--color-ledger-400);width:82%;height:1px;margin-top:.7em}.doc__void{font:500 1.4em/1 var(--font-receipt);letter-spacing:.18em;text-transform:uppercase;color:var(--color-kiln-600);border:.14em solid;border-radius:.2em;padding:.18em .5em .12em;position:absolute;top:52%;left:50%;translate:-50% -50%;rotate:-9deg;-webkit-mask:url(/stamp.webp) 30px 12px/96px 96px;mask:url(/stamp.webp) 30px 12px/96px 96px}.doc--funder{border-radius:calc(var(--u) * .014);background:linear-gradient(#ffffff1f, #fff0) 0 0 / 100% 2.4em no-repeat, linear-gradient(var(--color-ledger-800), var(--color-ledger-900)) 0 0 / 100% 2.4em no-repeat, linear-gradient(170deg, #fff, #fbfaf7);box-shadow:0 0 0 .5px #2631424d, var(--drop);align-content:start;gap:.8em;padding:0 1.1em 1em;display:grid}.doc--funder .doc__head{color:#fff;height:4.1em;font-size:.58em}.doc--funder .doc__head b{color:var(--color-saffron-200)}.doc__rules{gap:.5em;width:54%;margin-top:.3em;display:grid}.doc__rules i{background:#5f6e834d;border-radius:.2em;height:.35em;display:block}.doc__rules i:nth-child(2){width:76%}.doc__rules i:nth-child(3){width:58%}.doc__stamp{font:500 .95em/1 var(--font-receipt);letter-spacing:.14em;text-transform:uppercase;color:var(--color-kiln-600);opacity:0;border:.13em solid;border-radius:.2em;padding:.28em .6em .22em;transition:opacity .25s ease-out;position:absolute;top:3.2em;right:1.1em;rotate:-6deg;-webkit-mask:url(/stamp.webp) 10px 40px/96px 96px;mask:url(/stamp.webp) 10px 40px/96px 96px}.doc__stamp--no{color:var(--color-ledger-600);font-size:.7em;rotate:4deg}.doc__stamp[data-on]{opacity:1}.doc--span{box-shadow:none;background:0 0;overflow:visible}.doc--span svg{clip-path:inset(-50% 100% -50% 0);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.doc--span path{fill:none;stroke:var(--color-kiln-500);stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}.doc--copy{align-content:start;gap:.6em;padding:.7em;display:grid}.doc--copy .doc__head{font-size:.4em}.doc--copy .doc__rows i{height:.3em}.doc--offer{background:linear-gradient(var(--color-kiln-500), var(--color-kiln-500)) 1.15em 2.75em / calc(100% - 2.3em) 1px no-repeat, linear-gradient(var(--color-kiln-500), var(--color-kiln-500)) 1.15em calc(2.75em + 3px) / calc(100% - 2.3em) 1px no-repeat, linear-gradient(170deg, #fff, #fffdf8);align-content:start;gap:.85em;padding:1.2em 1.15em 1em;display:grid}.doc--offer .doc__head{height:2.2em;font-size:.62em}.doc__title{color:var(--color-ledger-900);transition:opacity .22s .16s ease-out, translate .22s .16s var(--ease-out)}.doc__title--signed{opacity:0;transition:opacity .16s ease-in,translate .16s ease-in;position:absolute;translate:0 .5em}.desk[data-agreement] [data-thing=offer1] .doc__title:not(.doc__title--signed){opacity:0;transition:opacity .16s ease-in,translate .16s ease-in;translate:0 -.5em}.desk[data-agreement] .doc__title--signed{opacity:1;transition:opacity .22s .16s ease-out, translate .22s .16s var(--ease-out);translate:0}.doc__lines{gap:.62em;margin-top:.4em;display:grid}.doc__line{font:400 .48em/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ledger-700);grid-template-columns:auto 1fr auto;align-items:center;gap:.5em;display:grid}.doc__line i{background:radial-gradient(circle, var(--color-ledger-300) .06em, transparent .1em) 0 50% / .4em 100% repeat-x;height:.9em;display:block}.doc__line i:after{content:"";background:#2631429e;border-radius:.15em;width:38%;height:100%;margin-left:auto;display:block}.doc__line .doc__tick{opacity:0;width:1.5em;height:1.5em;transition:opacity .18s ease-out, transform .32s var(--ease-out);transform:scale(.5)}.doc__line[data-on] .doc__tick{opacity:1;transform:none}.doc__sign{background:var(--color-ledger-400);opacity:0;height:1px;transition:opacity .3s ease-out;position:absolute}.desk[data-agreement] .doc__sign{opacity:1}.doc__x{font:400 .8em/1 var(--font-mono);color:var(--color-ledger-500);position:absolute;bottom:.25em;left:-.05em}.doc__sign-word{font:400 .42em/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ledger-600);position:absolute;top:.4em;right:0}.doc__signature{z-index:3;will-change:transform;position:absolute;overflow:visible}.doc__signature path{fill:none;stroke:var(--color-ledger-900);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.doc__pen-shade{z-index:2;width:calc(var(--u) * .34);height:calc(var(--u) * .036);margin-top:calc(var(--u) * -.018);transform-origin:0;opacity:0;pointer-events:none;will-change:transform, opacity;background:linear-gradient(90deg,#18213057,#18213029 45%,#18213000);border-radius:50%;position:absolute;top:0;left:0}.doc__pass{z-index:3;pointer-events:none;background:linear-gradient(100deg,#fde1aa00 30%,#fff2d2b3 47%,#fffaece6 50%,#fde1aa00 68%);position:absolute;inset:0;translate:-130%}.pen svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.doc--deposit{background:linear-gradient(var(--color-saffron-400), var(--color-saffron-400)) 0 0 / .35em 100% no-repeat, linear-gradient(170deg, #fffaf0, var(--color-saffron-50));box-shadow:0 0 0 .5px #b06f1852, var(--drop);transition:box-shadow 1.2s var(--ease-out);align-content:start;gap:.5em;padding:.95em 1.1em;display:grid}.doc--deposit .doc__head{color:var(--color-ledger-900);font-size:.62em}.doc__to{font:400 .44em/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ledger-600)}.doc__amount{background:#fff;border:1px solid #b06f1859;border-radius:.25em;align-items:center;gap:.5em;margin-top:.25em;padding:.35em .5em;display:flex}.doc__amount svg{fill:none;width:1.3em;height:1.3em;stroke:var(--color-kiln-600);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.doc__amount i{background:linear-gradient(90deg,#0000 40%,#2631429e 40%);border-radius:.15em;flex:1;height:.75em}.desk[data-warm] .doc--deposit{box-shadow:0 0 0 .5px #b06f1852, 0 0 calc(var(--u) * .18) #f5c0608c}.doc--stay{border-radius:calc(var(--u) * .012);background:linear-gradient(170deg, #fff8f4, var(--color-kiln-50));box-shadow:0 0 0 .5px #a6432c40, var(--drop);align-content:start;gap:.75em;padding:2.2em 1.25em 1.4em;display:grid;overflow:visible}.doc--stay .doc__head{color:var(--color-kiln-800);justify-content:flex-start;font-size:.56em}.doc__clip{border:.14em solid #8290a3;border-radius:.6em;width:1.1em;height:2.6em;position:absolute;top:-.55em;left:calc(50% - .55em);box-shadow:inset .06em 0 #ffffff80}.doc__clip:after{content:"";border:.14em solid #8290a3;border-top:0;border-radius:0 0 .4em .4em;position:absolute;inset:.4em .16em .55em}.desk__rail{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;width:min(14rem,56%);height:.75rem;display:flex;position:absolute;bottom:.85rem;left:50%;translate:-50%}.desk__rail-line{background:radial-gradient(circle, var(--color-ledger-300) .7px, transparent 1.1px) 0 0 / .4rem 1px repeat-x;height:1px;position:absolute;top:50%;left:3px;right:3px}.desk__rail-fill{background:var(--color-kiln-500);transform-origin:0;will-change:transform;position:absolute;inset:-.5px 0;transform:scaleX(0)}.desk__rail-tick{background:var(--color-paper);width:6px;height:6px;box-shadow:inset 0 0 0 1px var(--color-ledger-300);border-radius:50%;position:relative}.desk__rail-dot{background:radial-gradient(circle at 40% 35%, var(--color-kiln-500), var(--color-kiln-700));opacity:0;will-change:transform;border-radius:50%;width:10px;height:10px;margin-top:-5px;transition:opacity .3s ease-out;position:absolute;top:50%;left:-2px;box-shadow:0 0 0 3px #c2553a2e,0 2px 4px -1px #67291d80}.desk__nudge{z-index:3;font:400 .75rem/1 var(--font-mono);letter-spacing:.01em;white-space:nowrap;color:var(--color-ledger-700);pointer-events:none;opacity:0;transition:opacity .4s var(--ease-out);background:#fffdf9db;border-radius:999px;align-items:center;gap:.4rem;margin:0;padding:.35rem .7rem;display:inline-flex;position:absolute;bottom:2.1rem;left:50%;translate:-50%;box-shadow:0 0 0 1px #d8cdbdb3,0 6px 14px -8px #18213059}.desk__nudge svg{fill:none;width:1rem;height:1rem;stroke:var(--color-kiln-600);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}@media (hover:hover) and (pointer:fine){.desk{cursor:grab}.desk[data-drag]{cursor:grabbing}.desk__nudge-touch{display:none}.desk[data-live]:hover:not([data-turned]) .desk__nudge{opacity:1}}@media (hover:none),(pointer:coarse){.desk__nudge-mouse{display:none}.desk[data-hint]:not([data-turned]) .desk__nudge{opacity:1}}@media (prefers-reduced-motion:no-preference){.doc--call[data-shown] .doc__ring i{animation:ring .9s .35s var(--ease-out) 2 both}.doc--call[data-shown] .doc__ring i+i{animation-delay:.5s}.doc__stamp[data-on]{animation:stamp .45s var(--ease-out) both}.doc[data-shown] .doc__pass{animation:1.2s cubic-bezier(.45,0,.35,1) .15s both pass}}@keyframes ring{0%{opacity:0;scale:.6}35%{opacity:1}to{opacity:0;scale:1.15}}@keyframes stamp{0%{opacity:0;scale:1.35}55%{opacity:1;scale:.96}to{opacity:1;scale:1}}@keyframes pass{0%{translate:-130%}to{translate:130%}}@media (min-width:40rem){.how__grid{--stage-h:min(56svh, 88vw);--fz:.9}.how__title{font-size:min(3.2rem,6.6vw)}.how__name{font-size:1.65rem}.how__text{font-size:1.0625rem}}@media (min-width:64rem),(max-height:31.25rem) and (orientation:landscape){.how__grid{--stage-h:min(100svh - 4rem, 50rem);--fz:1;text-align:left;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1.42fr) minmax(min(24rem,46%),1fr);justify-items:start;column-gap:clamp(2rem,4vw,4.5rem)}.how__head{grid-area:1/2;justify-self:stretch;justify-items:start;margin-bottom:0}.how__stage{grid-area:1/1/-1;width:100%;margin-inline:0}.desk{top:calc((100svh - var(--stage-h)) / 2)}.desk__frame{clip-path:inset(-100vh -1rem -100vh -100vw);overflow:visible}.desk__view{top:60%}.desk:before,.desk:after,.desk__rail{display:none}.desk__nudge{bottom:.75rem}.desk__floor{-webkit-mask:radial-gradient(closest-side at 50% 54%,#000 24%,#0000 78%);mask:radial-gradient(closest-side at 50% 54%,#000 24%,#0000 78%)}.how__steps{grid-area:2/2;max-width:30rem}.how__keys{width:auto;max-width:none;margin-bottom:max(0px, 12svh + var(--stage-h) / 2 - 25rem);grid-area:3/2;justify-content:flex-start;padding-left:3.85rem}.how__keys .btn{flex:none}.how__step{--pitch:min(48svh, 27rem);grid-template-columns:2.75rem minmax(0,1fr);align-content:center;justify-items:start;column-gap:1.1rem;padding-block:1.25rem}.how__step:after{inset:.5rem -1.5rem .5rem -1.25rem}.how__step>*{grid-column:2}.how__key{grid-area:span 3/1;align-self:start;margin:0}.how__step:has(.how__half) .how__key{grid-row:2/span 3}.how__half{grid-column:1/-1;width:100%}.how__name{padding-top:.45rem}.how__thread{z-index:0;pointer-events:none;grid-area:2/2;place-self:stretch start;width:2.75rem;display:block;position:relative}.how__thread:before{content:"";left:calc(1.375rem - .5px);top:var(--from,2.75rem);height:var(--run,calc(100% - 5.5rem));background:radial-gradient(circle, var(--color-ledger-300) .7px, transparent 1.1px) 0 0 / 1px .4rem repeat-y;width:1px;position:absolute}.how__thread-fill{left:calc(1.375rem - 2px);top:var(--from,2.75rem);height:var(--run,0);transform-origin:50% 0;will-change:transform;border-inline:1px solid #c2553a99;width:4px;position:absolute;transform:scaleY(0)}.how__line{margin-top:1.2rem}.how__points{max-width:26rem}}@media (min-width:64rem){.how__head{padding-top:clamp(.5rem,6svh,3rem);container-type:inline-size}.how__title{font-size:min(3.5rem,11cqi)}.how__lede{max-width:26rem}}@media (min-width:64rem) and (max-height:46rem){.how{padding-block:clamp(2.75rem,8svh,4rem) clamp(2.5rem,6svh,3.5rem)}.how__grid{--stage-h:calc(100svh - 1.5rem)}.how__title{font-size:min(3.5rem,11cqi,8.4svh)}.how__step{--pitch:54svh}}@media (min-width:100rem) and (min-height:50rem){.how__grid{--stage-h:min(100svh - 3rem, 64rem, 90svh);grid-template-columns:minmax(0,1.5fr) minmax(26rem,1fr)}.how__name{font-size:1.9rem}.how__text{font-size:1.125rem}.how__steps{max-width:34rem}}@media (max-width:63.99rem) and (max-height:31.25rem) and (orientation:landscape){.how{padding-block:2rem 1.5rem}.how__grid{--stage-h:calc(100svh - 1rem);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:1.5rem}.how__title{font-size:min(2.1rem,7.8svh)}.how__lede{font-size:1rem}.how__step{--pitch:92svh}.how__name{font-size:1.35rem}.how__text,.how__points{font-size:.9375rem}.how__keys{margin-bottom:0;padding-left:0}}@media (prefers-reduced-motion:reduce){.how__key,.how__step:after,.how__line path,.desk__nudge{transition:none}.desk *,.desk :before,.desk :after{transition:none!important;animation:none!important}}
