/* An animated ledger: one amount branches into shares, then a repayment. */
.story .story-stage{height:630px}.story .stage-inner{height:570px;padding:30px 34px;background:#e9eddf;border-radius:2px;border-top:2px solid #cbd5b7;overflow:clip}.story .stage-inner:before,.story .stage-inner:after{display:none}.story .stage-top{padding-bottom:20px;border-bottom:1px solid #cdd5bf;color:#5d694e;font-size:11px;letter-spacing:0}.story .stage-counter{font-size:17px;color:#899775}.story .demo-view{max-width:none;width:100%;margin:30px 0 0;min-height:365px}.story .demo-view.animate{animation:ledger-arrive .7s var(--ease) both}.ledger-scene{position:relative}.ledger-kicker{font:11px/1.5 'DM Sans',sans-serif;letter-spacing:.01em;color:#657456;margin:0 0 17px}.ledger-amount{display:flex;align-items:baseline;gap:13px;color:var(--cobalt)}.ledger-amount>span{font:12px/1.3 'DM Sans',sans-serif;color:#82916d;flex:none}.ledger-amount>strong{display:block;font:500 clamp(76px,7.8vw,112px)/1 'Manrope',sans-serif;letter-spacing:-.075em}.ledger-caption{font:italic 400 23px/1.35 Georgia,serif;letter-spacing:-.035em;color:#6a7857;margin:16px 0 0}.ledger-facts{margin-top:39px}.ledger-facts>div{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px 0;border-top:1px solid #ccd5bb;font:11px/1.5 'DM Sans',sans-serif;color:#7b8969}.ledger-facts strong{font-weight:400;color:#445236}.ledger-attachment{display:flex;align-items:center;gap:10px}.ledger-attachment>span:first-child{font-size:22px;color:var(--cobalt)}.ledger-attachment>span:last-child{color:var(--cobalt)}.ledger-rule{display:block;width:42px;height:3px;background:var(--cobalt);margin-top:25px;transform-origin:left;animation:ledger-line .9s .2s var(--ease) both}.ledger-shares .ledger-kicker{margin-bottom:15px}.ledger-shares .ledger-amount{justify-content:center}.ledger-shares .ledger-amount>strong{font-size:84px}.share-branches{display:block;width:100%;height:67px;margin-top:14px;overflow:visible}.share-branches path{stroke:#96a779;stroke-width:1.2;stroke-dasharray:260;stroke-dashoffset:260;animation:ledger-draw 1.2s .1s var(--ease) forwards}.share-branches path:nth-child(2){animation-delay:.15s}.share-branches path:nth-child(3){animation-delay:.25s}.ledger-share-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin-top:8px;gap:7px}.ledger-share-grid>div{animation:ledger-arrive .7s .3s var(--ease) both}.ledger-share-grid>div:nth-child(2){animation-delay:.4s}.ledger-share-grid>div:nth-child(3){animation-delay:.5s}.ledger-share-grid>div>span{display:block;font:11px/1.4 'DM Sans',sans-serif;color:#758363}.ledger-share-grid small{font-size:8px;color:#96a183}.ledger-share-grid strong{display:block;font:500 29px/1.3 'Manrope',sans-serif;letter-spacing:-.06em;color:var(--ink);margin-top:7px}.ledger-total{display:flex;align-items:center;justify-content:space-between;margin-top:29px;border-top:1px solid #c7d2b5;padding-top:17px;font:11px/1.4 'DM Sans',sans-serif;color:#748060}.ledger-total strong{font:500 20px/1.2 'Manrope',sans-serif;color:var(--cobalt);letter-spacing:-.04em}.ledger-check{display:inline-grid;place-items:center;width:21px;height:21px;background:#d5e491;border-radius:50%;color:#596f2a;margin-right:7px}.ledger-repayment .ledger-kicker{display:flex;align-items:center;margin-bottom:13px}.ledger-repayment .ledger-amount>strong{color:var(--cobalt)}.repayment-track{height:10px;background:#d1d8c0;margin-top:35px;overflow:hidden}.repayment-track>span{display:block;height:100%;width:50%;background:var(--cobalt);transform-origin:left;animation:ledger-line 1.2s .2s var(--ease) both}.repayment-halves{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.repayment-halves>div>span{display:block;font:10px/1.5 'DM Sans',sans-serif;color:#758365}.repayment-halves strong{display:block;font:500 22px/1.3 'Manrope',sans-serif;letter-spacing:-.045em;color:var(--cobalt);margin-top:6px}.repayment-halves>div:last-child strong{color:#778565}.ledger-origin{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c8d2b7;margin-top:24px;padding-top:15px;font:10px/1.5 'DM Sans',sans-serif;color:#839171}.ledger-origin strong{font-weight:400;color:#61714b}.story .story-controls{bottom:31px;gap:7px;left:34px;right:34px;justify-content:stretch;transform:none}.story .story-controls>button,.story .story-controls>button.active{flex:1;width:auto;height:36px;padding:0;border:1px solid #c7d0b7;border-radius:3px;background:transparent;color:#7b8869;font:10px/1.5 'DM Sans',sans-serif;transition:background .35s,border-color .35s,color .35s}.story .story-controls>button:after{display:none}.story .story-controls>button.active{background:var(--cobalt);border-color:var(--cobalt);color:#fffdf6}.story .story-controls>button:hover{border-color:var(--cobalt);color:var(--cobalt)}.story .story-controls>button.active:hover{color:#fff}.story .sample-label{bottom:13px;color:#91a07a;font-size:6px;letter-spacing:.11em}.story .stage-note{display:block;text-align:right;font:10px/1.6 'DM Sans',sans-serif;letter-spacing:0;color:#929c83;transform:none;margin-top:14px}
@keyframes ledger-arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes ledger-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ledger-draw{to{stroke-dashoffset:0}}
@media(max-width:1000px) and (min-width:541px){.story .stage-inner{padding-left:24px;padding-right:24px}.story .story-controls{left:24px;right:24px}.ledger-amount>strong{font-size:8.5vw}.ledger-shares .ledger-amount>strong{font-size:66px}.ledger-caption{font-size:21px}.ledger-share-grid strong{font-size:23px}.ledger-share-grid>div>span{font-size:10px}.repayment-halves strong{font-size:20px}}
@media(max-width:800px) and (min-width:541px){.story .story-stage{height:570px}.story .stage-inner{height:520px;padding:24px 20px}.story .stage-top{font-size:10px;padding-bottom:17px}.story .demo-view{margin-top:25px;min-height:330px}.ledger-kicker{font-size:9px}.ledger-caption{font-size:18px}.ledger-facts{margin-top:30px}.ledger-facts>div{font-size:9px;gap:6px}.ledger-amount{gap:8px}.ledger-amount>span{font-size:10px}.ledger-shares .ledger-amount>strong{font-size:58px}.ledger-share-grid strong{font-size:21px}.ledger-share-grid>div>span{font-size:9px}.share-branches{height:55px}.ledger-total{margin-top:22px;font-size:10px}.ledger-total strong{font-size:17px}.repayment-halves strong{font-size:16px}.repayment-halves>div>span{font-size:8px}.story .story-controls{left:20px;right:20px}.ledger-origin{font-size:9px}}
@media(max-width:540px){.story .story-stage{height:570px;max-width:360px}.story .stage-inner{height:530px;padding:27px 25px}.story .stage-top{font-size:10px;padding-bottom:19px}.story .demo-view{margin-top:28px;min-height:345px}.ledger-amount>strong{font-size:85px}.ledger-amount>span{font-size:11px}.ledger-amount{gap:10px}.ledger-kicker{font-size:10px;margin-bottom:18px}.ledger-caption{font-size:21px;margin-top:13px}.ledger-facts{margin-top:30px}.ledger-facts>div{font-size:10px;padding:15px 0}.ledger-shares .ledger-amount>strong{font-size:74px}.share-branches{height:58px;margin-top:13px}.ledger-share-grid strong{font-size:23px}.ledger-share-grid>div>span{font-size:10px}.ledger-total{margin-top:24px;font-size:10px}.ledger-total strong{font-size:19px}.repayment-halves strong{font-size:20px}.repayment-halves>div>span{font-size:9px}.repayment-track{margin-top:28px}.ledger-origin{font-size:9px;margin-top:22px}.story .story-controls{left:25px;right:25px;bottom:29px}.story .sample-label{bottom:12px}.story .stage-note{font-size:9px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.story-stage *{animation:none!important;transition:none!important}.share-branches path{stroke-dashoffset:0}}body.reduce-motion .story-stage *{animation:none!important;transition:none!important}body.reduce-motion .share-branches path{stroke-dashoffset:0}