/* Money theme (whymoneyleaves.com). Loaded after vivid.css: same full-width structure, its own world.
   The banknote: deep engraved green, guilloche line-work, old gold, and pale note paper. Diplomata SC (the striped
   engraved capitals of a bill) for the wordmark and the persona name, Playfair Display SC for headlines, Manrope
   for reading. Signatures: the rotating guilloche rosette, today's money weather from the live Moon, and the
   six money-leak cards. */
html.money{
  --v-night:#0B1F17;--v-night2:#12301F;--v-violet:#1F4A33;--v-orchid:#A9823B;--v-apricot:#C9A45C;--v-sun:#E6CF94;
  --v-lilac:#E8EDE0;--v-lilac2:#DCE5D4;--v-paper:#F4F6EF;--v-ink:#13241B;--v-mute:#4E6156;--v-line:rgba(19,36,27,.14);
  --v-dawn:linear-gradient(180deg,#0B1F17 0%,#12301F 50%,#1F4A33 100%);
  --m-gold:#C9A45C;--m-gold2:#E6CF94;--m-green:#1F4A33;--m-mint:#8DB79A;--m-paper:#E8EDE0;
  --v-display:var(--site-display),'Playfair Display SC',Georgia,serif;--m-logo:var(--site-logo),'Diplomata SC',serif;
  --m-read:var(--site-body),'Manrope',system-ui,sans-serif;
  background:var(--v-night);font-synthesis:none
}
html.money body{background:var(--m-paper);color:var(--v-ink);font-size:17.5px;font-synthesis:none}
html.money h1,html.money h2,html.money h3{font-weight:400;letter-spacing:.005em}
html.money h2{font-size:clamp(32px,4.2vw,60px);line-height:1.06}
html.money h3{font-weight:700}
html.money a{color:#1F4A33}
html.money .mk{font:600 13px/1.2 var(--m-read);letter-spacing:.08em;color:#8A6A2C;margin:0 0 14px}
html.money .mnight .mk,html.money .mhero .mk{color:var(--m-gold2)}

/* banknote paper: faint engraved line-work behind the light sections */
html.money .band.mbill{background:
  repeating-radial-gradient(circle at 12% 30%,rgba(31,74,51,.05) 0 1px,transparent 1px 9px),
  repeating-radial-gradient(circle at 88% 70%,rgba(31,74,51,.05) 0 1px,transparent 1px 11px),var(--m-paper)}
html.money .band.mnight{background:radial-gradient(80% 60% at 90% 0%,rgba(31,74,51,.65),transparent 60%),var(--v-night);color:#F1EEDF}
html.money .mnight .lead,html.money .mnight p{color:rgba(241,238,223,.8)}
html.money .mnight h2{color:#F1EEDF}

/* buttons */
html.money .vbtn,html.money .btn{background:linear-gradient(100deg,#C9A45C,#E6CF94);color:#1B1606;box-shadow:0 10px 34px rgba(201,164,92,.28);font-weight:700}
html.money .vbtn:hover,html.money .btn:hover{box-shadow:0 12px 40px rgba(201,164,92,.45)}
html.money .mghost{display:inline-flex;align-items:center;min-height:52px;padding:14px 26px;border-radius:999px;color:#fff;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.38);font-weight:600}
html.money .mghost:hover{box-shadow:inset 0 0 0 1.5px var(--m-gold);color:var(--m-gold2)}
html.money .mbill .mghost{color:var(--v-ink);box-shadow:inset 0 0 0 1px var(--v-line)}

/* header: engraved wordmark */
html.money header.vh{background:var(--v-night)}
html.money header.vh.over{background:linear-gradient(180deg,rgba(11,31,23,.82),transparent)}
html.money header.vh.solid{background:rgba(11,31,23,.95)}
html.money .brand .wordmark{font:400 17px/1 var(--m-logo);letter-spacing:.04em;color:var(--m-gold2)}
html.money .brand .emblem{box-shadow:0 0 0 1px rgba(201,164,92,.6)}
html.money .vh-cta{background:var(--m-gold);color:#1B1606}
html.money header.vh nav a:hover{border-bottom-color:var(--m-gold)}

/* hero */
html.money .mhero{position:relative;min-height:min(100svh,1000px);display:flex;align-items:center;color:#fff;overflow:hidden;background:#06140E}
html.money .mhero-v,html.money .mhero-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
html.money .mhero-still{display:none}
html.money .mhero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,20,14,.92) 0%,rgba(6,20,14,.6) 44%,rgba(6,20,14,.08) 80%),linear-gradient(0deg,rgba(6,20,14,.85),transparent 38%)}
html.money .rosette{position:absolute;pointer-events:none;fill:none;stroke:var(--m-gold);stroke-width:.6;transform:rotate(var(--rot,0deg))}
html.money .rosette.r1{z-index:2;right:-6vw;top:50%;width:min(58vw,760px);margin-top:calc(min(58vw,760px) / -2);opacity:.32}
html.money .mhero .wrap{position:relative;z-index:3;width:100%;padding-top:140px;padding-bottom:120px}
html.money .mhero h1{font-size:clamp(42px,5.6vw,92px);line-height:1.04;margin:0 0 28px;color:#F4F1E4;max-width:13ch}
html.money .mhero h1 span{display:block}
html.money .mhero h1 .h1k{font:400 clamp(15px,1.3vw,19px)/1.2 var(--m-logo);letter-spacing:.06em;color:var(--m-gold2);margin:0 0 20px}
html.money .mhero h1 .h1b{color:var(--m-gold2);text-shadow:0 0 40px rgba(201,164,92,.3)}
html.money .mhero .lead{color:rgba(244,241,228,.88);max-width:570px;margin:0 0 36px}
html.money .mcta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
html.money .mhero .anim{opacity:0;transform:translateY(16px);animation:vrise 1.3s cubic-bezier(.2,.7,.2,1) forwards}
html.money .mhero .anim:nth-child(2){animation-delay:.25s}html.money .mhero .anim:nth-child(3){animation-delay:.6s}html.money .mhero .anim:nth-child(4){animation-delay:.85s}
html.money .mscroll{position:absolute;z-index:3;left:50%;bottom:28px;width:26px;height:42px;border-radius:14px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45);transform:translateX(-50%)}
html.money .mscroll span{position:absolute;left:50%;top:8px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--m-gold2);animation:scrolly 2s ease-in-out infinite}
@keyframes scrolly{60%{transform:translateY(12px);opacity:0}100%{opacity:0}}

/* marquee */
html.money .mmarquee{background:#0E2A1D;color:rgba(241,238,223,.8);overflow:hidden;padding:20px 0;white-space:nowrap;border-top:1px solid rgba(201,164,92,.25);border-bottom:1px solid rgba(201,164,92,.25)}
html.money .mmq{display:inline-flex;animation:mq 60s linear infinite}
html.money .mmq span{font:400 clamp(19px,1.9vw,26px)/1 var(--v-display);padding-right:20px}
html.money .mmq i{display:inline-block;width:9px;height:9px;transform:rotate(45deg);background:var(--m-gold);margin:0 24px;vertical-align:middle}
@keyframes mq{to{transform:translateX(-50%)}}

/* today + sign finder */
html.money .sgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px 56px;align-items:start}
html.money .today{position:sticky;top:110px;border-radius:24px;padding:30px 30px 26px;color:#F1EEDF;
  background:radial-gradient(120% 90% at 100% 0%,rgba(201,164,92,.22),transparent 55%),linear-gradient(160deg,#12301F,#0B1F17);
  box-shadow:0 30px 70px rgba(11,31,23,.3);outline:1px solid rgba(201,164,92,.35);outline-offset:-10px}
html.money .today .mk{color:var(--m-gold2)}
html.money .tmoon{display:flex;gap:18px;align-items:center;margin:4px 0 18px}
html.money .tmoon svg{width:86px;height:86px;flex:0 0 86px;filter:drop-shadow(0 0 18px rgba(230,207,148,.35))}
html.money .mdark{fill:#183A28;stroke:rgba(230,207,148,.35);stroke-width:1}
html.money .mlit{fill:var(--m-gold2)}
html.money .tdate{font:600 14px/1.3 var(--m-read);color:rgba(241,238,223,.7);margin:0 0 4px}
html.money .tsign{font:400 clamp(24px,2.2vw,30px)/1.15 var(--v-display);color:#F4F1E4;margin:0}
html.money .ttext{font:500 18px/1.6 var(--m-read);color:#F1EEDF;margin:0 0 14px}
html.money .tnote{font-size:13px;color:rgba(241,238,223,.55);margin:0}
html.money .finder h2{margin:0 0 22px}
html.money .zgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
html.money .z{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 4px 12px;border-radius:16px;border:1px solid var(--v-line);background:var(--v-paper);color:var(--v-ink);cursor:pointer;transition:transform .3s,box-shadow .3s,background .3s}
html.money .z:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(19,36,27,.12)}
html.money .z[aria-selected=true]{background:#12301F;color:#F1EEDF;border-color:#12301F}
html.money .zg{font:400 30px/1 'Segoe UI Symbol','Noto Sans Symbols 2','Noto Sans Symbols','DejaVu Sans',sans-serif;color:#8A6A2C}
html.money .z[aria-selected=true] .zg{color:var(--m-gold2)}
html.money .zn{font:600 12.5px/1.2 var(--m-read)}
html.money .zres{margin-top:18px;border-radius:20px;padding:24px 26px;background:var(--v-paper);border:1px solid var(--v-line);min-height:140px}
html.money .zres.pop{animation:zpop .5s cubic-bezier(.2,.7,.2,1)}
@keyframes zpop{from{opacity:0;transform:translateY(8px)}}
html.money .zres h3{font:400 30px/1.1 var(--v-display);margin:0 0 14px}
html.money .zres p{margin:0 0 12px}
html.money .zl{display:block;font:700 12.5px/1.3 var(--m-read);letter-spacing:.06em;color:#8A6A2C;margin-bottom:2px}
html.money .zhint{color:var(--v-mute);margin:0}
html.money .znote{font-size:15px;color:var(--v-mute);margin:16px 0 0}

/* leak cards */
html.money .lhead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
html.money .lhead h2{margin:0 0 18px}
html.money .lhead .lead{max-width:600px;margin:0}
html.money .lnav{display:flex;gap:10px}
html.money .lnav button{width:52px;height:52px;border-radius:50%;border:1px solid rgba(241,238,223,.25);background:transparent;font-size:26px;line-height:1;color:#F1EEDF;cursor:pointer}
html.money .lnav button:hover{border-color:var(--m-gold);color:var(--m-gold2)}
html.money .lcar{list-style:none;margin:52px 0 0;padding:0 var(--v-gut) 18px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(290px,380px);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--v-gut);scrollbar-width:none}
html.money .lcar::-webkit-scrollbar{display:none}
@media(min-width:1240px){html.money .lcar{padding-left:calc((100vw - var(--v-wrap))/2 + var(--v-gut));scroll-padding-left:calc((100vw - var(--v-wrap))/2 + var(--v-gut))}}
html.money .lc{scroll-snap-align:start;display:flex;flex-direction:column;gap:14px}
html.money .lc-in{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:900/1125;background:#06140E;box-shadow:0 30px 70px rgba(0,0,0,.45);outline:1px solid rgba(201,164,92,.25)}
html.money .lc-f{margin:0;height:100%}
html.money .lc-f img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter 1.2s}
html.money .lc:hover .lc-f img{transform:scale(1.04)}
html.money .lc-f figcaption{position:absolute;left:0;right:0;bottom:0;padding:120px 24px 26px;background:linear-gradient(transparent,rgba(6,20,14,.94) 55%)}
html.money .ln{display:block;font:400 12px/1 var(--m-logo);letter-spacing:.06em;color:var(--m-gold2);margin-bottom:10px}
html.money .ls{display:block;font:700 clamp(20px,1.75vw,25px)/1.2 var(--v-display);color:#F4F1E4}
html.money .lc-b{position:absolute;inset:0;padding:30px 26px;display:flex;flex-direction:column;background:linear-gradient(170deg,#12301F,#0B1F17);transform:translateY(101%);transition:transform .7s cubic-bezier(.2,.7,.2,1);border-top:1px solid rgba(201,164,92,.45)}
html.money .lc.open .lc-b{transform:none}
html.money .lc.open .lc-f img{filter:blur(4px) brightness(.5)}
html.money .lc.open .lc-f figcaption{opacity:0;transition:opacity .3s}
html.money .ll{font-size:12.5px!important;letter-spacing:.06em;color:var(--m-gold2)!important;margin:0 0 6px!important;font-weight:700}
html.money .lt{font:500 17px/1.55 var(--m-read);color:#F4F1E4!important;margin:0 0 22px!important}
html.money .lc-b a{margin-top:auto;color:var(--m-gold2);font-weight:700;text-decoration:none}
html.money .lc-b a:hover{text-decoration:underline}
html.money .lturn{align-self:flex-start;min-height:46px;padding:10px 20px;border-radius:999px;border:1px solid rgba(201,164,92,.55);background:transparent;color:#F1EEDF;font:600 15px/1.2 var(--m-read);cursor:pointer}
html.money .lturn:hover,html.money .lc.open .lturn{background:var(--m-gold);color:#1B1606;border-color:var(--m-gold)}
html.money .lfoot{margin-top:46px;max-width:760px;color:rgba(241,238,223,.78)!important;font:500 clamp(18px,1.5vw,21px)/1.6 var(--m-read)}

/* how she reads */
html.money .howgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px 70px;align-items:center}
html.money .howgrid h2{margin:0 0 20px}
html.money .coin{margin:0;max-width:440px;justify-self:center}
html.money .coin img{width:100%;border-radius:50%;box-shadow:0 40px 90px rgba(11,31,23,.35);animation:float 8s ease-in-out infinite}
@keyframes float{50%{translate:0 -14px}}
html.money .cols4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:70px;margin-bottom:56px}
html.money .col{padding:32px 26px 28px;border-radius:22px;background:var(--v-paper);border:1px solid var(--v-line);transition:transform .5s,box-shadow .5s}
html.money .col:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(19,36,27,.12)}
html.money .col svg{width:54px;height:54px;fill:none;stroke:#1F4A33;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin:0 0 18px}
html.money .col svg text{fill:#8A6A2C;stroke:none;font:400 16px/1 var(--m-logo)}
html.money .col h3{font-size:22px;margin:0 0 10px}
html.money .col p{color:var(--v-mute);margin:0}
html.money .steps{list-style:none;counter-reset:s;margin:0 auto 10px;padding:0 var(--v-gut);display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
html.money .steps li{counter-increment:s;position:relative;padding:0 0 0 62px;color:var(--v-mute)}
html.money .steps li::before{content:counter(s);position:absolute;left:0;top:-6px;font:400 44px/1 var(--m-logo);color:#A9823B}
html.money .steps b{display:block;color:var(--v-ink);font-weight:700;margin-bottom:4px}

/* statement band */
html.money .mband{position:relative;overflow:hidden;background:#06140E;color:#F1EEDF;padding:clamp(120px,15vw,210px) 0;text-align:center}
html.money .rosette.r2{left:50%;top:50%;width:min(110vw,1200px);margin-left:calc(min(110vw,1200px) / -2);margin-top:calc(min(110vw,1200px) / -2);opacity:.14;z-index:1}
html.money .mcoin{position:absolute;left:50%;top:50%;width:min(62vw,620px);margin:0;transform:translate(-50%,-50%) rotate(var(--turn,0deg));opacity:.42;pointer-events:none;z-index:1}
html.money .mcoin img{width:100%;height:auto;border-radius:50%}
html.money .mband .wrap{position:relative;z-index:2;max-width:980px}
html.money .mband h2{font-size:clamp(30px,3.9vw,54px);line-height:1.14;margin:0 0 30px;color:#F4F1E4;text-shadow:0 2px 30px rgba(0,0,0,.7)}
html.money .mband .lead{color:rgba(241,238,223,.88);max-width:660px;margin:0 auto;font:500 clamp(18px,1.5vw,21px)/1.6 var(--m-read)}
html.money .mband .lead span{display:block;margin-top:12px;font:400 14px/1 var(--m-logo);letter-spacing:.06em;color:var(--m-gold2)}

/* Selene */
html.money .msel{background:radial-gradient(70% 70% at 10% 30%,rgba(201,164,92,.14),transparent 60%),var(--v-night)}
html.money .segrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,6vw,96px);align-items:center}
html.money .sephoto{margin:0;border-radius:24px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.55);outline:1px solid rgba(201,164,92,.45);outline-offset:14px}
html.money .sephoto img{width:100%;height:auto;display:block}
html.money .sename{font:400 clamp(30px,3.6vw,52px)/1.1 var(--m-logo);color:var(--m-gold2);margin:0 0 24px}
html.money .msel .facts{display:flex;flex-wrap:wrap;gap:10px 30px;list-style:none;padding:0;margin:0 0 26px}
html.money .msel .facts li{color:rgba(241,238,223,.7)}
html.money .msel .facts strong{display:block;font:700 26px/1.15 var(--v-display);color:#F4F1E4}
html.money .msel blockquote{border-left:1px solid var(--m-gold);color:#F4F1E4;font:500 clamp(18px,1.5vw,21px)/1.6 var(--m-read);font-style:normal;margin:0 0 20px;padding-left:22px}
html.money .msel .sign{font:400 32px/1 var(--m-logo);color:var(--m-gold2)!important;margin:8px 0 26px}

/* letters + capture band */
html.money .post{border-radius:22px;background:var(--v-paper)}
html.money .post .sec{color:#8A6A2C}
html.money .post h3{font-size:20px;line-height:1.25}
html.money .chips a:hover{box-shadow:inset 0 0 0 1.5px var(--m-gold)}
html.money .mlband{position:relative;overflow:hidden;color:#fff;padding:clamp(100px,12vw,170px) 0}
html.money .mlband-bg{position:absolute;inset:-18% 0;background-size:cover;background-position:center}
html.money .mlband::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,14,.95),rgba(6,20,14,.72) 55%,rgba(6,20,14,.45));z-index:1}
html.money .mlband .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:40px 70px;align-items:center}
html.money .mlband h2{color:#F4F1E4;margin:0 0 18px;grid-column:1}
html.money .mlband .lead{color:rgba(241,238,223,.85);grid-column:1;margin:0}
html.money .mlband .box{grid-column:2;grid-row:1/span 2}

/* reveal */
html.money .rv{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
html.money .rv.in{opacity:1;transform:none}

/* inner pages */
html.money .phero .bg{opacity:.62}
html.money .phero::after{background:linear-gradient(90deg,rgba(6,20,14,.92),rgba(6,20,14,.5) 60%,rgba(6,20,14,.2)),linear-gradient(0deg,rgba(6,20,14,.85),transparent 40%)}
html.money .phero h1{font-size:clamp(40px,5.4vw,80px);line-height:1.08}
html.money .ahero h1{font-size:clamp(30px,3.4vw,50px);line-height:1.15}
html.money .vera h1{font:400 clamp(30px,3.8vw,56px)/1.1 var(--m-logo);color:var(--m-gold2)}
html.money blockquote{font-family:var(--m-read);font-style:normal}
html.money .read h2{font-size:clamp(24px,2.4vw,32px);line-height:1.2}
html.money .read h3{font-size:21px}
html.money .toc::before{content:"In this note"}
html.money .fcta.mfcta{background:var(--v-night) url(/img/money/v/pattern.webp) center/cover}
html.money .fcta.mfcta::before{background:linear-gradient(90deg,rgba(6,20,14,.95),rgba(6,20,14,.6))}
html.money .fcta.mfcta .vbtn{margin-top:8px}
html.money .fcta h3,html.money .box h3{color:var(--m-gold2)}
html.money .vera{background:var(--v-dawn)}
html.money .vera-photo{border-radius:24px}
html.money .box{background-image:radial-gradient(120% 140% at 100% 100%,rgba(201,164,92,.22),transparent 55%),radial-gradient(90% 120% at 0% 0%,rgba(31,74,51,.95),transparent 60%)}

/* footer */
html.money .vf-sky{background:linear-gradient(180deg,var(--v-night) 0%,#12301F 55%,#1F4A33 100%)}
html.money .vf-line{max-width:20ch;font-size:clamp(28px,3.6vw,52px);line-height:1.12;font-style:normal}
html.money .vf-sky .vbtn{background:linear-gradient(100deg,#C9A45C,#E6CF94);color:#1B1606}
html.money .vf-h{color:var(--m-gold2)}

@media(max-width:1100px){html.money .cols4{grid-template-columns:1fr 1fr}html.money .zgrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:960px){
  html.money .howgrid,html.money .segrid,html.money .mlband .wrap,html.money .sgrid{grid-template-columns:1fr}
  html.money .today{position:static}
  html.money .mlband .box{grid-column:1;grid-row:auto}
  html.money .steps{grid-template-columns:1fr}
  html.money .sephoto{max-width:440px}
  html.money .coin{max-width:360px}
}
@media(max-width:640px){
  html.money .mhero{align-items:flex-end}
  html.money .mhero-v,html.money .mhero-still{object-position:62% 50%}
  html.money .mhero::after{background:linear-gradient(180deg,rgba(6,20,14,.35),rgba(6,20,14,.6) 38%,rgba(6,20,14,.95))}
  html.money .mhero h1{font-size:clamp(38px,11vw,58px)}
  html.money .mhero .wrap{padding-bottom:84px}
  html.money .rosette.r1{width:120vw;right:-50vw;opacity:.2}
  html.money .mcta .vbtn,html.money .mcta .mghost{width:100%;justify-content:center}
  html.money .cols4{grid-template-columns:1fr 1fr;gap:12px}html.money .cols4>*{padding:18px 16px}html.money .cols4 h3{font-size:15px}html.money .cols4 p{font-size:14px}
  html.money .zgrid{grid-template-columns:repeat(3,1fr)}
  html.money .lhead{align-items:flex-start;flex-direction:column}
  html.money .lnav{display:none}
  html.money .lcar{grid-auto-columns:84%}
  html.money .mcoin{width:120vw}
}
@media(prefers-reduced-motion:reduce){
  html.money .mhero-v{display:none}html.money .mhero-still{display:block}
  html.money .mhero .anim,html.money .rv{opacity:1;transform:none}
  html.money .mmq,html.money .coin img{animation:none}
  html.money .lc-b,html.money .lc-f img{transition:none}
}
@media(max-width:520px){html.money .vh-cta{display:none}html.money .brand .wordmark{font-size:11.5px;letter-spacing:.02em;white-space:nowrap;max-width:none}}
html.money{font-variant-ligatures:no-common-ligatures}