html[data-style=motion] .roster-h,html[data-style=motion] .sec-h{font-weight:850}html[data-style=motion] .hero{min-height:calc(100svh - 9rem);display:grid;align-content:center}html[data-style=motion] .hero-h{font-size:clamp(2.4rem,8.5vw,8.5rem)}html[data-style=motion] .roster-list .row{position:relative;background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:var(--s5);margin-bottom:var(--s4);min-height:8rem}html[data-style=motion] .roster-list .row:nth-child(1){z-index:6}html[data-style=motion] .roster-list .row:nth-child(2){z-index:5}html[data-style=motion] .roster-list .row:nth-child(3){z-index:4}html[data-style=motion] .roster-list .row:nth-child(4){z-index:3}html[data-style=motion] .roster-list .row:nth-child(5){z-index:2}html[data-style=motion] .roster-list .row:nth-child(6){z-index:1}html[data-style=motion] .roster-list .row:focus-within{z-index:7;border-color:var(--accent)}html[data-style=motion] .roster-list{overflow:clip}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){html[data-style=motion] .hero-eyebrow,html[data-style=motion] .hero-h,html[data-style=motion] .hero-p{animation:mo-drift linear both;animation-timeline:scroll(root);animation-range:0vh 110vh}html[data-style=motion] .hero-eyebrow{--mo-drift: -14vh}html[data-style=motion] .hero-h{--mo-drift: -8vh}html[data-style=motion] .hero-p{--mo-drift: -3vh}@keyframes mo-drift{0%{translate:0 0}to{translate:0 var(--mo-drift, -6vh)}}html[data-style=motion] .hero-h{animation-name:mo-drift,mo-wipe;animation-timeline:scroll(root),scroll(root);animation-range:0vh 110vh,0vh 32vh}@keyframes mo-wipe{0%{clip-path:inset(0 38% 0 0)}to{clip-path:inset(0 0 0 0)}}html[data-style=motion] .roster{height:320vh;view-timeline-name:--mo-deck}html[data-style=motion] .roster>.wrap{position:sticky;top:5.5rem}html[data-style=motion] .roster-list .row{animation:mo-deal linear both;animation-timeline:--mo-deck}html[data-style=motion] .roster-list .row:nth-child(1){animation-range:contain 2% contain 16%;--mo-x: -3vw;--mo-y: 40vh;--mo-rot: -8deg}html[data-style=motion] .roster-list .row:nth-child(2){animation-range:contain 16% contain 30%;--mo-x: 3vw;--mo-y: 24vh;--mo-rot: 6deg}html[data-style=motion] .roster-list .row:nth-child(3){animation-range:contain 30% contain 44%;--mo-x: -2vw;--mo-y: 8vh;--mo-rot: -4deg}html[data-style=motion] .roster-list .row:nth-child(4){animation-range:contain 44% contain 58%;--mo-x: 2vw;--mo-y: -8vh;--mo-rot: 7deg}html[data-style=motion] .roster-list .row:nth-child(5){animation-range:contain 58% contain 72%;--mo-x: -3vw;--mo-y: -24vh;--mo-rot: -6deg}html[data-style=motion] .roster-list .row:nth-child(6){animation-range:contain 72% contain 86%;--mo-x: 3vw;--mo-y: -40vh;--mo-rot: 3deg}@keyframes mo-deal{0%{transform:translate(var(--mo-x, 0),var(--mo-y, 0)) rotate(var(--mo-rot, 0deg)) scale(.96)}to{transform:none}}}}html[data-style=motion] .cf{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:var(--s5)}html[data-style=motion] .cf .cf-field input,html[data-style=motion] .cf .cf-field select,html[data-style=motion] .cf .cf-field textarea{background:var(--paper)}html[data-style=motion] .nums,html[data-style=motion] .stack{overflow-x:clip}html[data-style=motion] .got{color:var(--accent)}@media(prefers-reduced-motion:no-preference)and (max-height:1199px){@supports (animation-timeline: view()){html[data-style=motion] .bars,html[data-style=motion] .stack-row{animation:mo-slide linear both;animation-timeline:view();animation-range:entry 0% entry 70%}html[data-style=motion] .stack-row:nth-child(2n){--mo-slide: 18px}@keyframes mo-slide{0%{transform:translate(var(--mo-slide, -18px))}to{transform:none}}}}html[data-style=motion] .lost-h{font-style:italic}html[data-style=motion] .lost-h:before{content:"";display:inline-block;width:1em;height:.5em;margin-right:.25em;background:repeating-linear-gradient(var(--accent) 0 .07em,transparent .07em .21em)}html[data-style=motion] .sent-h:before,html[data-style=motion] .oops-h:before{content:"";display:block;width:3.5rem;height:1.75rem;border:3px solid var(--accent);border-radius:6px;transform:rotate(-8deg);margin-bottom:var(--s4)}html[data-style=motion] .oops-h:before{border-color:var(--error);transform:rotate(6deg)}html[data-style=motion] .about-h,html[data-style=motion] .contact-h,html[data-style=motion] .head-h,html[data-style=motion] .sent-h,html[data-style=motion] .oops-h,html[data-style=motion] .lost-h{view-transition-name:mo-title}html[data-style=motion] .roster-list .row:nth-child(1) .row-name{view-transition-name:vt-demo-booking}html[data-style=motion] .roster-list .row:nth-child(2) .row-name{view-transition-name:vt-demo-shop}html[data-style=motion] .roster-list .row:nth-child(3) .row-name{view-transition-name:vt-demo-food}html[data-style=motion] .roster-list .row:nth-child(4) .row-name{view-transition-name:vt-demo-quote}html[data-style=motion] .roster-list .row:nth-child(5) .row-name{view-transition-name:vt-demo-dashboard}html[data-style=motion] .roster-list .row:nth-child(1) .tag{view-transition-name:vt-demo-booking-tag}html[data-style=motion] .roster-list .row:nth-child(2) .tag{view-transition-name:vt-demo-shop-tag}html[data-style=motion] .roster-list .row:nth-child(3) .tag{view-transition-name:vt-demo-food-tag}html[data-style=motion] .roster-list .row:nth-child(4) .tag{view-transition-name:vt-demo-quote-tag}html[data-style=motion] .roster-list .row:nth-child(5) .tag{view-transition-name:vt-demo-dashboard-tag}html[data-style=hearth] .hero{position:relative;padding-top:calc(var(--s9) + 64px)}html[data-style=hearth] .hero:before{content:"";position:absolute;inset:0 0 auto;height:56px;background:repeating-linear-gradient(90deg,var(--he-canvas) 0 44px,var(--he-cream) 44px 88px);-webkit-mask:linear-gradient(black 0 0) top / 100% calc(100% - 14px) no-repeat,radial-gradient(circle 14px at 22px calc(100% - 14px),black 98%,transparent) bottom left / 44px 14px repeat-x;mask:linear-gradient(black 0 0) top / 100% calc(100% - 14px) no-repeat,radial-gradient(circle 14px at 22px calc(100% - 14px),black 98%,transparent) bottom left / 44px 14px repeat-x}html[data-style=hearth] .hero:after{content:"";position:absolute;inset:56px 0 auto;height:48px;background:linear-gradient(var(--he-shade),transparent);transform-origin:top;transform:scaleY(.5);pointer-events:none}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: scroll()){html[data-style=hearth] .hero:after{animation:he-shade linear both;animation-timeline:scroll(root);animation-range:0px 420px}@keyframes he-shade{0%{transform:scaleY(1.6)}to{transform:scaleY(.5)}}}}html[data-style=hearth] .roster-list .row{--ink: var(--he-chalk);--ink-soft: var(--he-chalk-soft);--muted: var(--he-chalk-muted);--line: var(--he-board-line);background:var(--he-board);border:6px solid var(--he-cream);padding:var(--s5);margin-bottom:var(--s5)}html[data-style=hearth] .roster-list .row a,html[data-style=hearth] .roster-list .row .row-name{color:var(--he-chalk)}html[data-style=hearth] .roster-list .row:nth-child(odd){border-radius:28px 8px}html[data-style=hearth] .roster-list .row:nth-child(2n){border-radius:8px 28px}@media(min-width:720px){html[data-style=hearth] .roster-list .row:nth-child(odd){margin-inline-end:var(--s7)}html[data-style=hearth] .roster-list .row:nth-child(2n){margin-inline-start:var(--s7)}}html[data-style=hearth] .roster-list .row:hover{background:var(--he-board-lift);box-shadow:0 0 0 3px var(--accent),0 10px 26px var(--he-glow)}html[data-style=hearth] .about .wrap-narrow{background:var(--paper-2);border-radius:28px 8px;outline:2px dashed var(--he-stitch);outline-offset:-10px;padding-block:var(--s6)}html[data-style=hearth] .cf{background:var(--paper-2);border-radius:28px 8px;outline:2px dashed var(--he-stitch);outline-offset:-10px;padding:var(--s6)}html[data-style=hearth] .cf .cf-field input,html[data-style=hearth] .cf .cf-field select,html[data-style=hearth] .cf .cf-field textarea{background:var(--paper);border:2px dashed var(--he-stitch);border-radius:12px 4px}html[data-style=hearth] .cf .cf-field input:focus,html[data-style=hearth] .cf .cf-field select:focus,html[data-style=hearth] .cf .cf-field textarea:focus{box-shadow:0 0 0 3px var(--accent),0 8px 22px var(--he-glow)}html[data-style=hearth] .cf .cf-send{min-height:44px;min-width:44px;border-radius:12px 4px}html[data-style=hearth] .sent-h:after{content:"sold";display:inline-block;font-size:.42em;line-height:1;letter-spacing:.06em;background:var(--accent);color:var(--on-accent);text-shadow:none;padding:.4em .8em;border-radius:12px 4px;outline:2px dashed var(--on-accent);outline-offset:-4px;margin-left:.6em;vertical-align:middle;transform:rotate(-4deg)}html[data-style=hearth] .oops-h:after{content:"no sale";display:inline-block;font-family:var(--font-mono);font-weight:500;font-size:.4em;line-height:1;letter-spacing:.08em;color:var(--error);text-shadow:none;outline:1px dashed var(--error);outline-offset:4px;margin-left:.8em;vertical-align:middle}html[data-style=hearth] .bars{--ink: var(--he-chalk);--ink-soft: var(--he-chalk-soft);--muted: var(--he-chalk-muted);--line: var(--he-board-line);background:var(--he-board);border:6px solid var(--he-cream);border-collapse:separate;border-spacing:0;border-radius:18px 6px}html[data-style=hearth] .nums .bars th,html[data-style=hearth] .nums .bars td{padding:var(--s3) var(--s4)}html[data-style=hearth] .stack-row dt{display:inline-block;justify-self:start;align-self:start;background:var(--paper-2);outline:2px dashed var(--he-stitch);outline-offset:-3px;padding:.3rem .7rem}html[data-style=hearth] .lost-back{background-image:none;background-color:var(--he-board);color:var(--he-chalk);border:5px solid var(--he-cream);border-radius:14px 5px;padding:var(--s3) var(--s5);min-height:44px;font-weight:700}html[data-style=ledger] .rise,html[data-style=ledger] .ball,html[data-style=ledger] .roster-list .row{animation:none}html[data-style=ledger] .roster,html[data-style=ledger] .nums{background:repeating-linear-gradient(to bottom,transparent 0 31px,var(--line) 31px 32px)}html[data-style=ledger] .roster-list{counter-reset:li}html[data-style=ledger] .roster-list .row{counter-increment:li;grid-template-columns:3ch minmax(0,1.1fr) minmax(0,1.6fr) auto 12ch;align-items:baseline;gap:var(--s2) var(--s4);padding-block:var(--s3)}html[data-style=ledger] .roster-list .row:before{content:counter(li,decimal-leading-zero)}html[data-style=ledger] .roster-list .row .row-name{padding-block:max(0px,calc((44px - 1lh)/2));margin-block:min(0px,calc((1lh - 44px)/2))}html[data-style=ledger] .row-line,html[data-style=ledger] .stack-row dt,html[data-style=ledger] .lost-p{display:flex;align-items:baseline;gap:1ch}html[data-style=ledger] .row-line:after,html[data-style=ledger] .stack-row dt:after,html[data-style=ledger] .lost-p:after{content:"";flex:1 1 2ch;height:2px;background:var(--le-leader)}html[data-style=ledger] .row-line{max-width:none}html[data-style=ledger] .tag{background:transparent;border:none;border-radius:0;padding:0;margin-top:0;color:var(--muted);font-weight:400}html[data-style=ledger] .tag[data-posted]:before{content:"✓ " attr(data-posted) " · ";color:var(--accent);font-weight:600}html[data-style=ledger] .roster-list .row:after{grid-column:5;grid-row:1;align-self:stretch;justify-self:stretch;text-align:right;background:var(--le-band);padding:var(--s3) .6rem 0;margin-block:calc(-1 * var(--s3))}html[data-style=ledger] .roster-list .row[data-amount]:after{content:attr(data-amount);color:var(--accent)}html[data-style=ledger] .roster-list .row:not([data-amount]):after{content:"pending";color:var(--muted)}@media(max-width:599.98px){html[data-style=ledger] .roster-list .row{grid-template-columns:3ch minmax(0,1fr) auto}html[data-style=ledger] .roster-list .row:after{grid-column:3;grid-row:1}html[data-style=ledger] .roster-list .row .row-line{grid-column:2 / -1;grid-row:2}html[data-style=ledger] .roster-list .row .tag{grid-column:2 / -1;grid-row:3}}html[data-style=ledger] .about .wrap-narrow{counter-reset:le-memo}html[data-style=ledger] .about-p{counter-increment:le-memo}html[data-style=ledger] .about-p:before{content:counter(le-memo,decimal-leading-zero) " · "}html[data-style=ledger] .cf{counter-reset:le-fld}html[data-style=ledger] .cf .cf-field label:before{counter-increment:le-fld;content:counter(le-fld,decimal-leading-zero) " · ";color:var(--muted)}html[data-style=ledger] .cf .cf-field :is(input,select,textarea){background-color:transparent;border:none;border-bottom:1px solid var(--ink);border-radius:0;padding-inline:0}html[data-style=ledger] .cf .cf-field :is(input,select,textarea):focus{box-shadow:0 4px 0 -2px var(--accent)}html[data-style=ledger] .cf .cf-field textarea{line-height:1.6;background-image:repeating-linear-gradient(to bottom,transparent 0 calc(1.6em - 1px),var(--line) calc(1.6em - 1px) 1.6em);background-attachment:local}html[data-style=ledger] .cf .cf-send{min-height:44px;min-width:44px}html[data-style=ledger] .sent-h{padding-bottom:var(--s3);border-bottom:3px double var(--ink)}html[data-style=ledger] .sent-h:before{content:"✓ ";font-family:var(--font-mono);color:var(--accent)}html[data-style=ledger] .oops-h:after{content:"( NOT SENT )";display:inline-block;margin-left:.6em;font-family:var(--font-mono);font-weight:500;font-size:.4em;letter-spacing:.08em;color:var(--error);vertical-align:middle}html[data-style=ledger] :is(.nums,.stack,.how) .sec-h:before{counter-increment:le-sec;content:counter(le-sec,decimal-leading-zero) " · ";font-weight:500}html[data-style=ledger] .bars tr>:nth-child(2){background:var(--le-band)}html[data-style=ledger] .bars tbody tr:last-child>*{border-bottom:3px double var(--ink)}html[data-style=ledger] .lost-h:after{content:" · no such entry";font-weight:400;letter-spacing:.06em}html[data-style=terminal] .hero-h .ball{width:.5em;height:.95em;margin-left:.12em;transform:translateY(.12em);animation:te-blink 1s steps(1) infinite}@media(prefers-reduced-motion:reduce){html[data-style=terminal] .hero-h .ball{animation:none}}@keyframes te-blink{0%,49%{opacity:1}50%,to{opacity:0}}@property --te-x{syntax: "<percentage>"; inherits: true; initial-value: 0%;}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: scroll()){html[data-style=terminal] .hero-l2{position:relative;animation:te-type steps(24,end) both;animation-timeline:scroll(root);animation-range:0px 320px}html[data-style=terminal] .hero-l2-t{clip-path:inset(0 var(--te-x) 0 0)}html[data-style=terminal] .hero-h .ball{position:absolute;left:calc(100% - var(--te-x));margin-left:0;transform:none}@keyframes te-type{0%{--te-x: 100%}to{--te-x: 0%}}}}html[data-style=terminal] .cf-field label:after{content:":"}html[data-style=terminal] .cf{caret-color:var(--te-hot)}html[data-style=terminal] .cf-send{background:transparent;color:var(--accent)}html[data-style=terminal] .sent-h:before{content:"[ OK ] ";color:var(--success)}html[data-style=terminal] .oops-h:before{content:"[ ERR ] ";color:var(--error)}html[data-style=terminal] .bars tbody tr:hover{--ink: var(--on-accent);--ink-soft: var(--on-accent);--muted: var(--on-accent);background:var(--accent)}html[data-style=terminal] .roster-list .row{border-bottom:1px solid var(--line);padding-inline-start:2ch;position:relative}html[data-style=terminal] .roster-list .row:is(:hover,:focus-within){--ink: var(--on-accent);--ink-soft: var(--on-accent);--muted: var(--on-accent);background:var(--accent)}html[data-style=terminal] .roster-list .row:is(:hover,:focus-within) a{color:var(--on-accent)}html[data-style=terminal] .roster-list .row:is(:hover,:focus-within):before{content:">";position:absolute;left:0;font-weight:700;color:var(--on-accent)}html[data-style=broadsheet] .hero-h{text-wrap:balance;text-align:center;margin-inline:auto}html[data-style=broadsheet] .hero-p{text-wrap:pretty;margin-inline:auto}html[data-style=broadsheet] .hero-p:first-letter{float:left;font-family:var(--font-display);font-weight:900;font-size:3.2em;line-height:.85;padding-right:.08em}@supports (initial-letter: 3) or (-webkit-initial-letter: 3){html[data-style=broadsheet] .hero-p:first-letter{float:none;font-size:unset;line-height:unset;-webkit-initial-letter:3;initial-letter:3}}html[data-style=broadsheet] .about-h+.about-p:first-letter,html[data-style=broadsheet] .head-p:first-letter,html[data-style=broadsheet] .lost-p:first-letter{float:left;font-weight:900;font-size:calc(var(--row) * 5);line-height:calc(var(--row) * 6);padding-right:.12em}@supports (initial-letter: 3) or (-webkit-initial-letter: 3){html[data-style=broadsheet] .about-h+.about-p:first-letter,html[data-style=broadsheet] .head-p:first-letter,html[data-style=broadsheet] .lost-p:first-letter{float:none;font-size:unset;line-height:unset;padding-right:.08em;-webkit-initial-letter:3;initial-letter:3}}html[data-style=broadsheet] .roster-h{border-bottom:none;border-block:4px solid var(--bs-rule);padding-block:var(--row)}html[data-style=broadsheet] .roster-list{column-width:22rem;column-gap:var(--s6);column-rule:1px solid var(--line)}html[data-style=broadsheet] .roster-list .row{display:block;break-inside:avoid;margin-bottom:calc(var(--row) * 2)}html[data-style=broadsheet] .roster-list .row:first-child{column-span:all;border-bottom:1px solid var(--bs-rule);padding-bottom:calc(var(--row) * 2)}html[data-style=broadsheet] .row-line{text-wrap:pretty}html[data-style=broadsheet] .row-for{font-size:var(--text-sm);font-variant-caps:small-caps;letter-spacing:.06em}html[data-style=broadsheet] .roster-list .row:has(a):after{content:"continued on " attr(data-jump);display:block;font-variant-caps:small-caps;font-size:var(--text-sm);color:var(--accent);margin-top:var(--row)}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){html[data-style=broadsheet] .roster-list .row:not(:first-child){animation:bs-settle linear both;animation-timeline:view();animation-range:entry 0% entry 40%}@keyframes bs-settle{0%{transform:translateY(8px)}to{transform:none}}}}html[data-style=broadsheet] .about .wrap-narrow{column-width:22rem;column-gap:var(--s6);column-rule:1px solid var(--line)}html[data-style=broadsheet] .about .wrap-narrow>.eyebrow,html[data-style=broadsheet] .about .wrap-narrow>.about-h{column-span:all}html[data-style=broadsheet] .stack-list{column-width:22rem;column-gap:var(--s6);column-rule:1px solid var(--line)}html[data-style=broadsheet] .stack-row{break-inside:avoid}html[data-style=broadsheet] .cf .cf-field input,html[data-style=broadsheet] .cf .cf-field select,html[data-style=broadsheet] .cf .cf-field textarea{background:transparent;border:none;border-bottom:1px solid var(--ink);border-radius:0;padding-inline:0}@media(min-width:900px){html[data-style=broadsheet] .cf{border-inline-start:1px solid var(--line);padding-inline-start:var(--s6)}}html[data-style=broadsheet] .oops .wrap{border-block:4px double var(--bs-rule);padding-block:calc(var(--row) * 3)}