.timeline-headline{letter-spacing:-.025em;font-weight:700}.timeline-canvas{align-items:center;column-gap:0;row-gap:var(--space-12);grid-template-columns:1fr;display:grid}@media (min-width:900px){.timeline-canvas{column-gap:clamp(var(--space-10), 3vw + 1rem, var(--space-13));grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}.timeline-receipt-stage{gap:var(--space-5);min-width:0;display:grid;position:relative}.timeline-stage-label{color:var(--ink-500);font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--font-medium);align-items:center;gap:var(--space-3);letter-spacing:var(--text-eyebrow-ls);text-transform:uppercase;margin:0;display:inline-flex}.timeline-stage-label>.iconify-icon{color:var(--ink-600);font-size:12px}.timeline-receipt{gap:var(--space-7);transform-origin:50%;max-width:540px;transition:transform var(--motion-medium) var(--ease-out-soft);padding-bottom:var(--space-13);justify-self:center;width:100%;display:grid;position:relative;overflow:hidden;transform:rotate(-.5deg)}@media (min-width:900px){.timeline-receipt{justify-self:end}}.timeline-receipt-notch{background: linear-gradient(var(--tash-500), var(--tash-500)) right top / 28px 3px no-repeat,  radial-gradient(circle at 8px 4px, var(--ink-300) 1px, transparent 1.5px) left top / 16px 8px no-repeat, radial-gradient(circle at 16px 4px, var(--ink-300) 1px, transparent 1.5px) left top / 16px 8px no-repeat;height:4px;display:block;position:absolute;top:0;left:0;right:0}.timeline-receipt-head{border-bottom:1px solid var(--ink-200);align-items:flex-start;gap:var(--space-7);padding-bottom:var(--space-6);justify-content:space-between;display:flex}.timeline-receipt-id{gap:var(--space-3);min-width:0;display:grid}.timeline-receipt-pill{transition:background-color var(--motion-medium) var(--ease-out-soft), border-color var(--motion-medium) var(--ease-out-soft), color var(--motion-medium) var(--ease-out-soft);flex-shrink:0}.timeline-receipt[data-phase=settled] .timeline-receipt-pill,.timeline-receipt[data-phase=paid] .timeline-receipt-pill{box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 12%, transparent)}.timeline-receipt-amount{gap:var(--space-3);padding:var(--space-7);display:grid}.timeline-receipt-figure{font-weight:var(--font-light);letter-spacing:-.02em}.timeline-receipt-cents{color:var(--ink-500)}.timeline-receipt-stamps{border-top:1px dashed var(--ink-200);gap:var(--space-5);padding-top:var(--space-6);margin:0;display:grid}.timeline-receipt-stamp{align-items:baseline;gap:var(--space-7);grid-template-columns:1fr auto;display:grid}.timeline-receipt-stamp dt{color:var(--ink-600);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:var(--font-medium);margin:0}.timeline-receipt-stamp dd{color:var(--ink-400);font-family:var(--font-mono);font-size:var(--text-body-sm);letter-spacing:0;opacity:.45;transition:color var(--motion-medium) var(--ease-out-soft), opacity var(--motion-medium) var(--ease-out-soft), transform var(--motion-medium) var(--ease-out-soft);margin:0;transform:translateY(-2px)}.timeline-receipt-stamp[data-active=true] dd{color:var(--ink-900);opacity:1;transform:translateY(0)}.timeline-receipt-stamp[data-active=true] dt{color:var(--ink-900)}.timeline-receipt-stamp-paid{border:2px solid var(--tash-500);border-radius:var(--radius-sm);bottom:var(--space-6);color:var(--tash-700);font-family:var(--font-display);letter-spacing:.15em;opacity:0;pointer-events:none;right:var(--space-7);text-shadow:var(--text-letterpress);transition:opacity .38s var(--ease-out), transform .38s var(--ease-out);background:#fc1f650a;justify-content:center;align-items:center;padding:6px 14px;font-size:22px;font-weight:700;line-height:1;display:inline-flex;position:absolute;transform:rotate(-12deg)scale(1.4)}.timeline-receipt-stamp-paid[data-visible=true]{opacity:1;transform:rotate(-12deg)scale(1)}.timeline-legend{align-self:center;gap:var(--space-9);justify-self:center;width:100%;max-width:540px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:900px){.timeline-legend{justify-self:start;max-width:none}}.timeline-legend-row{align-items:flex-start;column-gap:var(--space-7);grid-template-columns:12px 1fr;display:grid;position:relative}.timeline-legend-row:before{background:var(--ink-200);content:"";height:calc(100% + var(--space-9));z-index:0;width:1px;position:absolute;top:18px;left:5px}.timeline-legend-row:last-child:before{display:none}.timeline-legend-row[data-state=done]:before,.timeline-legend-row[data-state=active]:before{background:var(--ink-300)}.timeline-legend-dot{background:var(--white);border:1px solid var(--ink-300);border-radius:var(--radius-full);height:12px;transition:background-color var(--motion-medium) var(--ease-out-soft), border-color var(--motion-medium) var(--ease-out-soft), transform var(--motion-medium) var(--ease-out-soft);z-index:1;justify-content:center;align-items:center;width:12px;margin-top:6px;display:inline-flex;position:relative}.timeline-legend-dot-inner{border-radius:var(--radius-full);height:4px;transition:background-color var(--motion-medium) var(--ease-out-soft), transform var(--motion-medium) var(--ease-out-soft);background:0 0;width:4px;display:block}.timeline-legend-row[data-state=done] .timeline-legend-dot{background:var(--ink-300);border-color:var(--ink-300)}.timeline-legend-row[data-state=done] .timeline-legend-dot-inner{background:var(--white)}.timeline-legend-row[data-state=active] .timeline-legend-dot{background:var(--tash-500);border-color:var(--tash-500);box-shadow:0 0 0 4px color-mix(in srgb, var(--tash-500) 14%, transparent);transform:scale(1.1)}.timeline-legend-row[data-state=active] .timeline-legend-dot-inner{background:var(--white);transform:scale(1.2)}.timeline-legend-body{gap:var(--space-3);opacity:.55;min-width:0;transition:opacity var(--motion-medium) var(--ease-out-soft);display:grid}.timeline-legend-row[data-state=active] .timeline-legend-body,.timeline-legend-row[data-state=done] .timeline-legend-body{opacity:1}.timeline-legend-head{align-items:baseline;gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}.timeline-legend-label{color:var(--ink-950);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--font-medium);letter-spacing:-.005em}.timeline-legend-meta{color:var(--ink-500);font-family:var(--font-mono);font-size:var(--text-caption);font-variant-numeric:tabular-nums;letter-spacing:0}.timeline-legend-row[data-state=active] .timeline-legend-meta{color:var(--ink-700)}.timeline-legend-note{color:var(--ink-600);font-family:var(--font-sans);font-size:var(--text-body-sm);text-wrap:pretty;max-width:32ch;margin:0;line-height:1.45}.timeline-quote{gap:var(--space-7);margin:var(--space-section-major) auto 0;max-width:var(--container-prose);padding-block:var(--space-12) var(--space-7);text-align:center;justify-items:center;display:grid}.timeline-quote-mark{color:var(--tash-500);font-family:var(--font-display);font-size:var(--text-h1);text-shadow:var(--text-letterpress);font-weight:700;line-height:1;display:inline-block}.timeline-quote-body{color:var(--ink-header);font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:-.02em;text-shadow:var(--text-letterpress);text-wrap:balance;margin:0;font-weight:700;line-height:1.2}@media (max-width:899px){.timeline-receipt{transform:rotate(0)}.timeline-legend{gap:var(--space-7)}}@media (max-width:640px){.timeline-receipt{max-width:none}.timeline-receipt-stamp-paid{padding:6px 12px;font-size:18px}.timeline-quote{padding-block:var(--space-9) var(--space-5)}}@media (prefers-reduced-motion:reduce){.timeline-receipt,.timeline-receipt-pill,.timeline-receipt-stamp dd,.timeline-receipt-stamp dt,.timeline-receipt-stamp-paid,.timeline-legend-dot,.timeline-legend-dot-inner,.timeline-legend-body{transition:opacity var(--motion-fast) var(--ease-out-soft), background-color var(--motion-fast) var(--ease-out-soft), color var(--motion-fast) var(--ease-out-soft)!important;transform:none!important}}
.diptych-headline{letter-spacing:-.025em;font-weight:700}.diptych-canvas{align-items:stretch;column-gap:0;row-gap:var(--space-9);grid-template-columns:1fr;max-width:1120px;margin:0 auto;display:grid}@media (min-width:900px){.diptych-canvas{column-gap:var(--space-7);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}}.diptych-side{gap:var(--space-5);grid-template-rows:auto 1fr;min-width:0;display:grid}.diptych-pane{align-self:stretch}.diptych-eyebrow{color:var(--ink-600);margin:0}.diptych-pane{gap:var(--space-7);min-width:0;padding:var(--space-9) var(--space-9) var(--space-10);display:grid;position:relative}.diptych-pane-meta{border-bottom:1px solid var(--ink-200);align-items:flex-start;gap:var(--space-7);padding-bottom:var(--space-6);justify-content:space-between;display:flex}.diptych-pane-meta-id{gap:var(--space-3);min-width:0;display:grid}.diptych-pane-meta-client{color:var(--ink-950);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--font-medium);letter-spacing:-.005em}.diptych-pane-meta-invoice{color:var(--ink-600);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:0}.diptych-pane-meta-count{color:var(--ink-600);font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--font-medium);align-items:center;gap:var(--space-3);letter-spacing:var(--text-eyebrow-ls);text-transform:uppercase;white-space:nowrap;flex-shrink:0;display:inline-flex}.diptych-pane-meta-count>.iconify-icon{color:var(--ink-500);font-size:12px}.diptych-rows{margin:0;padding:0;list-style:none;display:grid}.diptych-row{border-bottom:1px solid var(--ink-200);align-items:center;column-gap:var(--space-6);padding:var(--space-6) 0;transition:background-color var(--motion-fast) var(--ease-out-soft);grid-template-columns:18px minmax(0,1fr) auto auto;display:grid}.diptych-row:last-child{border-bottom:none}.diptych-row[data-active=true]{background:var(--tash-50);border-bottom-color:var(--ink-200);margin-inline:calc(-1 * var(--space-9));padding-inline:var(--space-9);position:relative}.diptych-row[data-active=true]:before{background:var(--tash-500);content:"";width:2px;height:100%;position:absolute;top:0;left:0}.diptych-row-step{color:var(--ink-500);font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--font-medium);letter-spacing:0}.diptych-row[data-active=true] .diptych-row-step{color:var(--tash-700)}.diptych-row-meta{gap:2px;min-width:0;display:grid}.diptych-row-label{color:var(--ink-950);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:var(--font-medium);letter-spacing:-.003em}.diptych-row-date{color:var(--ink-600);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:0}.diptych-row-amount{color:var(--ink-950);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:var(--font-medium);letter-spacing:-.003em;white-space:nowrap}.diptych-row-cents{color:var(--ink-500)}.diptych-row .tash-status-pill{padding:3px 8px;font-size:10px}.diptych-row .tash-status-pill>.iconify-icon{font-size:10px}.diptych-pane-client{padding-bottom:var(--space-13);overflow:hidden}.diptych-receipt-notch{background:linear-gradient(var(--tash-500), var(--tash-500)) right top / 28px 3px no-repeat, radial-gradient(circle at 8px 4px, var(--ink-300) 1px, transparent 1.5px) left top / 16px 8px no-repeat, radial-gradient(circle at 16px 4px, var(--ink-300) 1px, transparent 1.5px) left top / 16px 8px no-repeat;height:4px;display:block;position:absolute;top:0;left:0;right:0}.diptych-receipt-head{border-bottom:1px solid var(--ink-200);align-items:flex-start;gap:var(--space-7);padding-bottom:var(--space-6);justify-content:space-between;display:flex}.diptych-receipt-id{gap:var(--space-3);min-width:0;display:grid}.diptych-receipt-pill{flex-shrink:0}.diptych-receipt-amount{gap:var(--space-3);padding:var(--space-7);display:grid}.diptych-receipt-figure{font-weight:var(--font-light);letter-spacing:-.02em}.diptych-receipt-cents{color:var(--ink-500)}.diptych-receipt-stamps{border-top:1px dashed var(--ink-200);gap:var(--space-5);padding-top:var(--space-6);margin:0;display:grid}.diptych-receipt-stamp{align-items:baseline;gap:var(--space-7);grid-template-columns:1fr auto;display:grid}.diptych-receipt-stamp dt{color:var(--ink-700);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:var(--font-medium);margin:0}.diptych-receipt-stamp dd{color:var(--ink-900);font-family:var(--font-mono);font-size:var(--text-body-sm);letter-spacing:0;margin:0}.diptych-receipt-stamp-paid{border:2px solid var(--tash-500);border-radius:var(--radius-sm);bottom:var(--space-6);color:var(--tash-700);font-family:var(--font-display);letter-spacing:.15em;pointer-events:none;right:var(--space-7);text-shadow:var(--text-letterpress);background:#fc1f650a;justify-content:center;align-items:center;padding:6px 14px;font-size:22px;font-weight:700;line-height:1;display:inline-flex;position:absolute;transform:rotate(-12deg)}.diptych-connector{align-self:stretch;align-items:center;gap:var(--space-3);min-width:18ch;padding-block:var(--space-9);flex-direction:column;display:none}@media (min-width:900px){.diptych-connector{display:flex}}.diptych-connector-rule{background:var(--ink-200);flex:1 0 0;width:1px;display:block}.diptych-connector-url{color:var(--ink-500);font-family:var(--font-mono);letter-spacing:0;text-align:center;white-space:nowrap;font-size:11px}@media (max-width:899px){.diptych-connector{align-self:center;align-items:center;gap:var(--space-5);min-width:0;margin-block:calc(var(--space-7) * -1) calc(var(--space-7) * -1);flex-direction:row;justify-content:center;width:100%;padding-block:0;display:flex}.diptych-connector-rule{flex:0 0 32px;width:auto;height:1px}}@media (max-width:640px){.diptych-pane{padding:var(--space-8) var(--space-7) var(--space-9)}.diptych-row{row-gap:var(--space-3);grid-template-columns:18px minmax(0,1fr) auto}.diptych-row .tash-status-pill{grid-column:2/-1;justify-self:start}.diptych-row[data-active=true]{margin-inline:calc(-1 * var(--space-7));padding-inline:var(--space-7)}.diptych-receipt-stamp-paid{padding:6px 12px;font-size:18px}}