[data-page=cliff]{--panel:color-mix(in oklab, var(--ground) 94%, var(--ink) 6%);--panel-raised:color-mix(in oklab, var(--ground) 89%, var(--ink) 11%);--hairline:rgb(var(--rule-rgb) / .2);--hairline-soft:rgb(var(--rule-rgb) / .12);--sec-pad:clamp(5rem, 13vh, 9rem)}.sec{z-index:2;background:var(--ground);padding:var(--sec-pad) var(--edge);position:relative;overflow:hidden}.sec:after{content:"";pointer-events:none;background-image:radial-gradient(circle, color-mix(in oklab, var(--accent) 34%, transparent) 0 1.1px, transparent 1.25px);opacity:.38;background-size:9px 9px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(32% 44% at 2% 18%,#000 0%,#0000 100%),radial-gradient(28% 40% at 98% 84%,#000 0%,#0000 100%);mask-image:radial-gradient(32% 44% at 2% 18%,#000 0%,#0000 100%),radial-gradient(28% 40% at 98% 84%,#000 0%,#0000 100%)}.sec+.sec:before{content:"";top:0;left:var(--edge);right:var(--edge);background:linear-gradient(90deg, transparent, rgb(var(--rule-rgb) / .18) 12%, rgb(var(--rule-rgb) / .18) 88%, transparent);height:1px;position:absolute}.sec-inner{z-index:1;max-width:78rem;margin:0 auto;position:relative}.sec-head{grid-template-columns:minmax(0,1.05fr) minmax(19rem,.75fr);align-items:end;gap:clamp(2.5rem,7vw,7rem);margin-bottom:clamp(3.25rem,8vh,5.75rem);display:grid}.sec-heading-block{min-width:0}.sec-eyebrow{font-family:var(--v-body,var(--font-geist)), system-ui, sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem;font-size:.6875rem;font-weight:600;line-height:1.3}.sec-title{font-family:var(--v-display,var(--font-display)), Georgia, serif;font-weight:var(--v-title-weight,600);letter-spacing:var(--v-title-ls,-.03em);color:var(--ink);text-wrap:pretty;max-width:13ch;margin:0;font-size:clamp(2.65rem,5vw,4.8rem);line-height:.98}.sec-title em{font-style:var(--v-title-style,italic);font-variation-settings:normal;color:var(--accent);display:block}.sec-intro{align-self:end;padding-bottom:.15rem}.sec-intro>p:first-child{max-width:38rem;color:var(--ink-mid);text-wrap:pretty;margin:0;font-size:clamp(1rem,1.15vw,1.125rem);line-height:1.75}.sec-intro .hand{margin-top:1.25rem}.hand{font-family:var(--font-hand,"Bradley Hand"), cursive;color:var(--accent);white-space:pre-line;transform-origin:0;margin:0;font-size:clamp(1.02rem,1.35vw,1.25rem);line-height:1.35;transform:rotate(-1deg)}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(1.25rem,2.5vw,2rem);display:grid}.card{isolation:isolate;background:linear-gradient(145deg, rgb(var(--rule-rgb) / .025), transparent 38%), var(--panel);border:1px solid var(--hairline);border-radius:2px;flex-direction:column;gap:1.15rem;height:100%;padding:clamp(1.5rem,3vw,2.75rem);display:flex;position:relative;overflow:hidden}.card:before{content:"";z-index:-1;background-image:radial-gradient(circle, color-mix(in oklab, var(--accent) 48%, transparent) 0 1.35px, transparent 1.5px);opacity:.46;background-size:10px 10px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(48% 35% at 100% 0,#000 0%,#0000 100%);mask-image:radial-gradient(48% 35% at 100% 0,#000 0%,#0000 100%)}.card-index{font-family:var(--v-display,var(--font-display)), Georgia, serif;color:color-mix(in oklab, var(--accent) 32%, transparent);font-size:clamp(2.25rem,4vw,3.7rem);font-style:italic;line-height:.8;position:absolute;top:clamp(1.5rem,3vw,2.75rem);right:clamp(1.5rem,3vw,2.75rem)}.card-heading{padding-right:4.75rem}.card-category{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid);margin:0 0 .65rem;font-size:.6875rem;font-weight:600}.card-name{font-family:var(--v-display,var(--font-display)), Georgia, serif;font-weight:var(--v-title-weight,600);letter-spacing:var(--v-title-ls,-.03em);color:var(--ink);margin:0;font-size:clamp(2.2rem,3.5vw,3.4rem);line-height:.95}.card-tagline{max-width:28ch;font-family:var(--v-display,var(--font-display)), Georgia, serif;font-size:clamp(1.2rem,1.7vw,1.5rem);font-style:var(--v-title-style,italic);color:var(--accent);margin:0;line-height:1.28}.chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--hairline);font-family:var(--v-body,var(--font-geist)), system-ui, sans-serif;letter-spacing:.01em;color:var(--ink-mid);background:0 0;border-radius:.62rem;padding:.38rem .7rem;font-size:.6875rem}.tech-chip{border-color:color-mix(in oklab, var(--accent) 24%, var(--hairline));background:color-mix(in oklab, var(--panel-raised) 76%, transparent);min-height:2.15rem;color:var(--ink-mid);border-radius:.7rem;align-items:center;padding:.5rem .72rem;transition:color .18s,border-color .18s,background-color .18s,transform .18s;display:inline-flex}.tech-chip:hover{color:var(--ink);border-color:color-mix(in oklab, var(--accent) 52%, var(--hairline));background:var(--panel-raised);transform:translateY(-1px)}.card-body{color:var(--ink-mid);text-wrap:pretty;margin:0;font-size:1.015rem;line-height:1.72}.card-body b{color:var(--ink);font-weight:500}.card .hand{margin-top:auto;padding-top:.7rem}@media (min-width:801px){.work-grid{grid-template-rows:repeat(7,auto)}.card{grid-template-rows:subgrid;grid-row:span 7;row-gap:1.15rem;display:grid}.card .hand{margin-top:0}.demo{height:100%}}.demo{border:1px solid var(--hairline);background:color-mix(in oklab, var(--ground) 97%, var(--ink) 3%);min-height:24rem;font-family:var(--v-body,var(--font-geist)), system-ui, sans-serif;border-radius:.9rem;flex-direction:column;display:flex;position:relative;overflow:clip}.demo-bar{border-bottom:1px solid var(--hairline-soft);color:var(--ink-mid);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .95rem;font-size:.8125rem;display:flex}.demo-bar-ledger{padding-block:.78rem}.demo-product-title{color:var(--ink);font-family:inherit;font-size:.8125rem;line-height:1.2}.demo-product-title em{color:var(--accent);font-style:italic}.demo-state{align-items:center;gap:.4rem;display:inline-flex}.demo-state:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;transition:background-color .2s}.demo[data-active=true] .demo-state:before{animation:1.1s ease-in-out infinite demo-pulse}@keyframes demo-pulse{50%{opacity:.35}}.demo-body{flex:1;padding:.95rem;position:relative;overflow:hidden}.demo-body>*{z-index:1;position:relative}.demo[data-active=true]{border-color:color-mix(in oklab, var(--accent) 35%, var(--hairline))}.demo-btn{appearance:none;background:var(--accent);color:color-mix(in oklab, var(--ground) 82%, #000 18%);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:.62rem 1.15rem;font-size:.9375rem;font-weight:500;transition:filter .16s,transform .16s}.demo-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.demo-btn:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.58;transform:none}.demo-btn-quiet{border:1px solid var(--hairline);color:var(--ink-mid);background:0 0}.voice-demo-body{grid-template-rows:minmax(8.25rem,1fr) auto auto;gap:.7rem;display:grid}.zenbar-trigger{appearance:none;width:100%;min-height:8.25rem;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:background-color .18s,outline-color .18s;display:grid}.zenbar-trigger:hover{background:#6f9eff0d;background:lab(65.0499% 5.2875 -53.9539/.05)}.zenbar-trigger:focus-visible{outline-offset:-2px;outline:2px solid #78a4ff}.zenbar-trigger:disabled{cursor:wait}.zenbar{pointer-events:none;justify-content:center;align-items:center;gap:clamp(.16rem,.42vw,.34rem);width:min(100%,22rem);height:7rem;display:flex}.zenbar-line{--bar-level:0;min-width:3px;max-width:7px;height:calc(.5rem + var(--bar-level) * 4.9rem);background:linear-gradient(#83adff 0%,#567ef0 100%);border-radius:999px;flex:1 1 0;transition:height 75ms linear,filter .18s,box-shadow .18s;display:block;box-shadow:0 0 1.4rem #5d89f414}.demo-voice[data-speaking=true] .zenbar-line{filter:saturate(1.12)brightness(1.08);box-shadow:0 0 1.8rem #5d89f433}.voice-transcript-shell{display:block}.voice-transcript{resize:vertical;border:1px solid var(--hairline);background:var(--panel);width:100%;min-height:5.25rem;color:var(--ink);font:inherit;border-radius:8px;outline:none;padding:.8rem .85rem;font-size:.9375rem;line-height:1.55;transition:border-color .16s,background-color .16s;display:block}.voice-transcript::placeholder{color:var(--ink-soft)}.voice-transcript:focus{background:var(--panel-raised);border-color:#78a4ffb8;border-color:lab(67.1677% 4.18019 -50.5821/.72)}.voice-status-line{min-height:1.2rem;color:var(--ink-mid);justify-content:space-between;gap:1rem;font-size:.75rem;line-height:1.4;display:flex}.demo-voice[data-active=true] .voice-status-line>span:first-child{color:#8eb2ff}.ledger-demo-body{flex-direction:column;gap:1rem;display:flex}.ledger-composer{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;display:grid}.ledger-input{border:1px solid var(--hairline);background:var(--panel);min-width:0;color:var(--ink);font:inherit;border-radius:8px;outline:none;padding:.72rem .8rem;font-size:.9375rem;transition:border-color .16s,background-color .16s}.ledger-input::placeholder{color:var(--ink-soft)}.ledger-input:focus{border-color:color-mix(in oklab, var(--accent) 72%, transparent);background:var(--panel-raised)}.ledger-result{border-block:1px solid var(--hairline-soft);align-items:center;min-height:7.1rem;display:grid}.ledger-result-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.8rem 0;display:grid}.ledger-empty{max-width:28rem;font-family:var(--v-display,var(--font-display)), Georgia, serif;color:var(--ink-mid);margin:0;font-size:1.1rem;font-style:italic;line-height:1.35}.ledger-glyph{border:1px solid var(--hairline);background:var(--panel-raised);width:30px;height:30px;color:var(--ink-mid);border-radius:50%;place-items:center;font-size:.8125rem;display:grid}.ledger-name,.ledger-cat{display:block}.ledger-name{color:var(--ink);margin:0;font-size:.9375rem;font-weight:500}.ledger-cat{color:var(--ink-mid);margin:0;font-size:.8125rem;transition:color .26s}.ledger-amount{color:var(--ink-mid);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9375rem}.ledger-budget-block{margin-top:auto}.budget{color:var(--ink-mid);justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.8125rem;display:flex}.budget-track{background:var(--hairline);border-radius:999px;height:5px;overflow:hidden}.budget-fill{background:var(--accent);height:100%;transition:width .9s cubic-bezier(.22,1,.36,1)}.demo-hint{color:var(--ink-mid);margin:0;font-size:.75rem;line-height:1.45}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stack-grid{border:1px solid var(--hairline);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.stack-column{border-left:1px solid var(--hairline);min-width:0;min-height:40rem;padding:clamp(1.4rem,2.5vw,2.25rem);position:relative;overflow:hidden}.stack-column:first-child{border-left:0}.stack-column:last-child:after{content:"";z-index:-1;aspect-ratio:1;background-image:radial-gradient(circle, color-mix(in oklab, var(--accent) 58%, transparent) 0 1.2px, transparent 1.4px);opacity:.58;background-size:9px 9px;width:15rem;position:absolute;bottom:-2.5rem;right:-2.5rem;-webkit-mask-image:radial-gradient(circle at 100% 100%,#000,#0000 72%);mask-image:radial-gradient(circle at 100% 100%,#000,#0000 72%)}.stack-number{font-family:var(--v-display,var(--font-display)), Georgia, serif;color:var(--accent);margin-bottom:.85rem;font-size:clamp(2.4rem,3.6vw,3.65rem);font-style:italic;line-height:.9;display:block}.stack-column h3{font-family:var(--v-display,var(--font-display)), Georgia, serif;font-size:clamp(1.45rem,2vw,1.9rem);font-weight:var(--v-title-weight,500);letter-spacing:var(--v-title-ls,-.025em);color:var(--ink);margin:0;line-height:1.05}.stack-note{min-height:5.3rem;font-family:var(--v-display,var(--font-display)), Georgia, serif;color:var(--accent);margin:.8rem 0 1.2rem;font-size:1.0625rem;font-style:italic;line-height:1.4}.stack-items{border-top:1px solid color-mix(in oklab, var(--accent) 72%, transparent);margin:0;padding:0;list-style:none}.stack-items li{border-bottom:1px solid var(--hairline);font-family:var(--v-display,var(--font-display)), Georgia, serif;color:var(--ink);padding:.58rem 0;font-size:clamp(1.05rem,1.4vw,1.28rem);line-height:1.1}.stack-card-hand{width:10rem;margin:0;position:absolute;bottom:clamp(1.4rem,2.5vw,2.25rem);right:clamp(1.4rem,2.5vw,2.25rem);transform:rotate(-2deg)}.story-grid{border-block:1px solid var(--hairline);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.chapter{border-left:1px solid var(--hairline);min-height:22rem;padding:clamp(1.5rem,3vw,2.5rem);position:relative}.chapter:first-child{border-left:0}.chapter:after{content:"";background:var(--hairline);height:2px;position:absolute;bottom:0;left:clamp(1.5rem,3vw,2.5rem);right:clamp(1.5rem,3vw,2.5rem)}.chapter[data-tone=lamp]:after{background:var(--accent)}.chapter[data-tone=slate]:after{background:color-mix(in oklab, var(--ink) 45%, var(--ground))}.chapter-heading{align-items:baseline;gap:.75rem;margin-bottom:clamp(3rem,7vh,5.5rem);display:flex}.chapter-heading span{font-family:var(--v-display,var(--font-display)), Georgia, serif;color:var(--accent);font-size:.875rem;font-style:italic}.chapter h3{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid);margin:0;font-size:.75rem;font-weight:600}.chapter p{color:var(--ink-mid);text-wrap:pretty;margin:0;font-size:1.025rem;line-height:1.75}.chapter p b{font-family:var(--v-display,var(--font-display)), Georgia, serif;font-size:clamp(1.25rem,1.7vw,1.55rem);font-style:var(--v-title-style,italic);color:var(--ink);line-height:1.25;font-weight:var(--v-title-weight,500);margin-bottom:.75rem;display:block}.think-head{grid-template-columns:minmax(0,1.05fr) minmax(19rem,.75fr);align-items:end;gap:clamp(2.5rem,7vw,7rem);margin-bottom:clamp(3.25rem,8vh,5.75rem);display:grid}.think-title{font-family:var(--v-display,var(--font-display)), Georgia, serif;font-weight:var(--v-title-weight,600);letter-spacing:var(--v-title-ls,-.03em);color:var(--ink);max-width:13ch;margin:0;font-size:clamp(2.65rem,5vw,4.8rem);line-height:.98}.think-title em{font-style:var(--v-title-style,italic);font-variation-settings:normal;color:var(--accent);display:block}.principle-list{counter-reset:principle;border-top:1px solid var(--hairline);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.principle-list li{border-bottom:1px solid var(--hairline);grid-template-columns:3rem minmax(0,1fr);gap:clamp(.75rem,2vw,1.5rem);min-height:12rem;padding:clamp(1.5rem,3vw,2.5rem) clamp(1rem,3vw,2.5rem);display:grid}.principle-list li:nth-child(odd){border-right:1px solid var(--hairline);padding-left:0}.principle-number{font-family:var(--v-display,var(--font-display)), Georgia, serif;color:var(--accent);font-size:1.1rem;font-style:italic}.principle-list h3{font-family:var(--v-display,var(--font-display)), Georgia, serif;font-size:clamp(1.35rem,1.8vw,1.65rem);font-weight:var(--v-title-weight,500);font-style:var(--v-title-style,italic);color:var(--ink);margin:0 0 .65rem;line-height:1.16}.principle-list p{max-width:35rem;color:var(--ink-mid);text-wrap:pretty;margin:0;font-size:.9625rem;line-height:1.7}.road-figure{margin:0}.road-svg{width:100%;height:auto;display:block;overflow:visible}.road-line{fill:none;stroke:var(--accent);stroke-width:2.25px;stroke-linecap:round}.road-dot[data-tone=lamp]{fill:var(--accent)}.road-dot[data-tone=slate]{fill:color-mix(in oklab, var(--ink) 55%, var(--ground))}.road-dot[data-tone=open]{fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:3 3}.road-ring{fill:none;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.road-marks{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem);margin:1.75rem 0 0;padding:0;list-style:none;display:grid}.road-number{font-family:var(--v-display,var(--font-display)), Georgia, serif;color:var(--accent);margin-bottom:.8rem;font-size:1rem;font-style:italic;display:block}.road-marks h3{font-family:var(--v-display,var(--font-display)), Georgia, serif;font-size:clamp(1.1rem,1.45vw,1.3rem);font-weight:var(--v-title-weight,500);font-style:var(--v-title-style,italic);color:var(--ink);margin:0 0 .65rem;line-height:1.15}.road-marks h3 span{font-family:var(--v-body,var(--font-geist)), system-ui, sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:.45rem;font-size:.625rem;font-style:normal;font-weight:600;display:block}.road-marks p{color:var(--ink-mid);text-wrap:pretty;margin:0;font-size:.875rem;line-height:1.68}@keyframes section-rise{0%{opacity:0;transform:translateY(1.75rem)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:view()){.sec-head,.think-head,.card,.chapter,.stack-column,.principle-list li{animation:linear both section-rise;animation-timeline:view();animation-range:entry 8% cover 30%}.card:nth-child(2),.chapter:nth-child(2),.stack-column:nth-child(2n),.principle-list li:nth-child(2n){animation-range:entry 14% cover 34%}}@media (max-width:1040px){.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-column{border-bottom:1px solid var(--hairline);min-height:0}.stack-column:nth-child(odd){border-left:0}.stack-column:nth-last-child(-n+2){border-bottom:0}.road-marks{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.sec-head,.think-head{grid-template-columns:minmax(0,1fr);gap:2rem}.sec-title,.think-title{max-width:15ch}.work-grid,.stack-grid,.story-grid,.principle-list,.road-marks{grid-template-columns:minmax(0,1fr)}.card{height:auto}.stack-column,.stack-column:nth-child(odd){border-left:0;border-bottom:1px solid var(--hairline)}.stack-column:last-child{border-bottom:0}.stack-note{min-height:0}.stack-card-hand{margin:3rem 0 0 auto;position:relative;bottom:auto;right:auto}.chapter{border-left:0;border-bottom:1px solid var(--hairline);min-height:0}.chapter:last-child{border-bottom:0}.chapter-heading{margin-bottom:2.25rem}.principle-list li:nth-child(odd){border-right:0;padding-left:clamp(1rem,3vw,2.5rem)}.road-svg{display:none}.road-marks{margin-top:0}.road-marks li{border-left:1px solid var(--hairline);padding:0 0 2rem 2.25rem;position:relative}.road-marks li:before{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:.3rem;left:-5px}.road-marks li:last-child:before{background:var(--ground);border:1px dashed var(--accent)}}@media (max-width:480px){.zenbar{gap:.14rem;height:6.25rem}.zenbar-line{min-width:2px;max-width:5px}.ledger-composer{grid-template-columns:minmax(0,1fr)}.ledger-composer .demo-btn{width:100%}}@media (prefers-reduced-motion:reduce){.sec-head,.think-head,.card,.chapter,.stack-column,.principle-list li{opacity:1;animation:none;transform:none}.demo[data-active=true] .demo-state:before{animation:none}.budget-fill,.zenbar-line,.ledger-result-row,.ledger-cat{transition-duration:.01ms}}