/* l5 region screens: Fork Valley */
.l5-scene svg .l5-bn{font-family:var(--f-mono);font-size:8px;fill:#101829;font-weight:700}
.l5-scene svg .l5-fin{fill:#101829;font-weight:500}
.l5-ripple{animation:l5rip 3.2s linear infinite}
@keyframes l5rip{from{transform:translateX(-30px);opacity:0}20%{opacity:1}to{transform:translateX(60px);opacity:0}}
.l5-sunkbox{border:3px solid var(--bad);border-radius:10px;padding:10px 16px;background:color-mix(in srgb,var(--bad) 8%,var(--paper));display:inline-flex;flex-direction:column;gap:2px}
.l5-sunk{font-family:var(--f-display);font-weight:700;font-size:clamp(46px,11vw,84px);line-height:1;color:var(--bad);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.l5-gate{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.l5-small{font-size:13px;opacity:.9}
.l5-quote{margin:14px 0 0;font-size:16px;max-width:60ch;border-left:4px solid var(--bad);padding:4px 12px;background:var(--paper-2);border-radius:0 6px 6px 0}
.btn.l5-go{background:var(--good);color:var(--paper)}
.btn.l5-kill{background:var(--bad);color:var(--paper)}
.l5-story{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px;border:2px dashed var(--rule);border-radius:8px;padding:10px 14px;background:var(--paper)}
.l5-story p{margin:4px 0 0}
@media (min-width:640px){.l5-story{grid-template-columns:2fr 1fr;align-items:center}}
/* the weir */
.l5-weir svg .l5-cap{font-family:var(--f-mono);font-size:8px;fill:#fff;font-weight:700}
.l5-weir svg .l5-star{font-size:12px;fill:#F2B632}
.l5-flow{animation:l5flow .9s linear infinite}
@keyframes l5flow{to{stroke-dashoffset:-11}}
.l5-fresh{animation:l5flow .9s linear infinite,l5fresh 1.2s ease-out}
@keyframes l5fresh{from{opacity:0}}
.l5-juggle{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px;border:2px solid var(--gold);border-radius:8px;padding:8px 12px;background:var(--gold-soft)}
.l5-jbar{display:flex;gap:3px}
.l5-jbar i{width:16px;height:16px;border:2px solid var(--ink);border-radius:3px;background:var(--paper)}
.l5-jbar i.in{background:var(--good)} .l5-jbar i.over{background:var(--bad)}
.l5-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.l5-proj{border:2px solid var(--ink);border-left:8px solid var(--bc);border-radius:8px;padding:10px 12px;background:var(--paper);display:flex;flex-direction:column;gap:5px}
.l5-proj p{margin:0}
.l5-proj.on{background:var(--gold-soft);border-color:var(--gold);border-left-color:var(--bc)}
.l5-proj.dry{opacity:.55;border-style:dashed;border-left-style:solid}
.l5-proj.launched{border-color:var(--good)}
.l5-ph{display:flex;justify-content:space-between;gap:6px;align-items:flex-start}
.l5-ph b{font-family:var(--f-display);font-weight:600;font-size:15px;line-height:1.2}
.l5-sig{position:relative;height:12px;border:2px solid var(--ink);border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--bad) 30%,var(--paper)),var(--paper) 45%,color-mix(in srgb,var(--good) 35%,var(--paper)))}
.l5-band{position:absolute;top:1px;bottom:1px;background:var(--accent);opacity:.3;border-radius:999px;transition:all .6s ease}
.l5-mark{position:absolute;top:-4px;width:4px;height:16px;margin-left:-2px;background:var(--ink);border-radius:2px;transition:left .6s ease}
.l5-new .l5-band,.l5-new .l5-mark{animation:l5new 1s ease-out}
@keyframes l5new{from{opacity:0;transform:scaleX(2.2)}}
.l5-ev{font-family:var(--f-mono);font-size:12px}
.btn.l5-fund{padding:6px 10px;font-size:14px}
.l5-foot{justify-content:space-between;position:sticky;bottom:-22px;background:var(--paper);padding:10px 0;border-top:2px solid var(--rule)}
/* the crowded river: where new work lives */
.l5-ambi{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:900px){.l5-ambi{grid-template-columns:repeat(3,1fr)}}
.l5-case{border:2px solid var(--ink);border-radius:10px;padding:12px 14px;background:var(--paper);display:flex;flex-direction:column;gap:8px}
.l5-case h3{margin:0}
.l5-case p{margin:0}
.l5-case.done{background:var(--paper-2)}
.l5-case .l5-story{grid-template-columns:1fr}
/* gate road */
.l5-card{margin-top:10px;border:2px dashed var(--gold);border-radius:8px;padding:8px 12px;background:var(--gold-soft)}
.l5-card p{margin:4px 0 0}
.l5-facts li{padding:5px 0 5px 18px;position:relative;border-bottom:1px dashed var(--rule)}
.l5-facts li::before{content:'▸';position:absolute;left:2px;color:var(--accent)}
.l5-must li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed var(--rule);font-size:14px}
.gold-t{color:var(--gold);font-weight:700}
.l5-should td{padding:4px 8px}
.l5-review{display:flex;flex-direction:column;gap:8px}
.l5-rrow{display:grid;grid-template-columns:1fr;gap:6px;border:2px solid var(--ink);border-left:8px solid var(--bc);border-radius:8px;padding:8px 12px;background:var(--paper)}
@media (min-width:760px){.l5-rrow{grid-template-columns:2fr 1.2fr auto;align-items:center}.l5-rres{grid-column:1/-1}}
.l5-rbtns{display:flex;gap:6px;flex-wrap:wrap}
.l5-pies{display:flex;flex-wrap:wrap;gap:8px 14px;margin:6px 0}
.l5-pie{display:inline-flex;align-items:center;gap:6px;font-size:14px}
.l5-pie i{width:14px;height:14px;border-radius:50%;background:var(--bc);border:2px solid var(--ink)}
/* the weir */
.l5-kl{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--bad);opacity:.8}
.l5-find{margin:0}
.l5-bh{border-left:8px solid var(--bc);padding-left:8px}
.l5-weir svg .l5-x{font-size:12px;fill:#C23F37;font-weight:700}
.l5-span{grid-column:1/-1}
.l5-facts,.l5-must,.l6-evid,.l7-plog{list-style:none;padding:0;margin:0}
.l5-rowbtns{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.l5-rowbtns .btn{padding:8px 4px}