/* fund: the Earth among the stars takes the whole page; the figures stand under it and keep out of the picture */
.fund-sky,.fund-earth,.fund-fall{position:fixed;left:0;top:0;width:100vw;height:100vh;height:100dvh;display:block;pointer-events:none}
.fund-sky,.fund-earth{z-index:0}
.fund-fall{z-index:6}
body.fund-page{background:#000}
body.fund-page footer.site{position:relative;z-index:1}

/* the picture fills what the window leaves between the name and the foot */
body.fund-page .frame>main{align-self:stretch;display:flex;flex-direction:column;align-items:center}
.fund-stage{flex:1 1 auto;width:100%;min-height:260px}

/* the figures: each number over its word, one line over the row and one under it, as under the maps */
.fund-fig{width:min(100%,660px);margin:10px 0 0;text-align:center;transition:opacity .5s ease}
body.has-frame main .fund-fig h1{margin:0 0 9px;font:600 12px/1.2 var(--cond);letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:var(--ink-soft)}
.fund-fig .figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;text-align:center;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.fund-fig .fig{display:block;padding:9px 7px 8px;border-left:1px solid var(--rule)}
.fund-fig .fig:first-child{border-left:0}
.fund-fig .fig b{display:block;font:600 clamp(18px,1.7vw,24px)/1 var(--cond);letter-spacing:.01em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.fund-fig .fig b.r{color:var(--red);text-shadow:0 0 20px rgba(255,45,45,.6),0 0 5px #000}
.fund-fig .fig span{display:block;margin-top:6px;font:500 10px/1.4 var(--cond);letter-spacing:.14em;text-indent:.14em;text-transform:uppercase;color:var(--ink-soft)}
/* one figure, the goal: dark red, a deep ember glow that breathes */
.fund-fig .figs.one{grid-template-columns:1fr}
.fund-fig .figs.one .fig{padding:12px 7px 11px}
.fund-fig .fig b.goal{font-size:clamp(30px,3.6vw,46px);letter-spacing:.03em;color:#8f0f1c;
  background:linear-gradient(180deg,#a8121f 0%,#8a0d1a 50%,#5c0812 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 3px rgba(170,15,30,.8)) drop-shadow(0 0 12px rgba(140,8,24,.55)) drop-shadow(0 0 30px rgba(100,0,16,.4));
  animation:goal-ember 4s ease-in-out infinite}
@keyframes goal-ember{
  0%,100%{filter:drop-shadow(0 0 3px rgba(170,15,30,.8)) drop-shadow(0 0 12px rgba(140,8,24,.55)) drop-shadow(0 0 30px rgba(100,0,16,.4))}
  50%{filter:drop-shadow(0 0 4px rgba(185,20,36,.9)) drop-shadow(0 0 18px rgba(150,10,28,.7)) drop-shadow(0 0 44px rgba(110,0,18,.55))}
}
@media (max-width:560px){
  .fund-fig .figs:not(.one){grid-template-columns:repeat(2,minmax(0,1fr))}
  .fund-fig .figs:not(.one) .fig:first-child{grid-column:1 / -1;border-bottom:1px solid var(--rule)}
  .fund-fig .fig:nth-child(2){border-left:0}
}

/* at rest the figures leave the picture; after thirty seconds the columns of the site leave too; the first move brings all back */
body.fund-live .fund-fig{opacity:0;transition-duration:1.8s}
body.fund-live.fund-on .fund-fig{opacity:1;transition-duration:.5s}
body.fund-page .rail,body.fund-page .masthead,body.fund-page footer.site{transition:opacity .5s ease}
body.fund-rest .rail,body.fund-rest .masthead,body.fund-rest footer.site{opacity:0;transition-duration:2.4s}
/* in a wide window the figures span the room between the columns and their top line lies on the last line of the left column:
   the lines of the frame and the lines of the figures are one line (fund.js seat(), as the record of a map) */
body.fund-page.fund-seated .fund-fig{position:fixed;z-index:3;margin:0;width:auto}
@media (max-width:1024px){
  body.fund-page .frame>main{flex:1 0 auto;min-height:0;margin-top:8px}
}