.project-story{padding-top:clamp(42px,6vw,90px);padding-bottom:clamp(32px,5vw,70px)}
.project-story .eyebrow{margin-bottom:0}
.story-intro{display:grid;grid-template-columns:minmax(140px,24%) minmax(0,1fr);gap:clamp(20px,3vw,52px);padding:clamp(20px,3vw,42px) 0 clamp(28px,4vw,56px);border-bottom:1px solid var(--rule)}
.story-intro p{margin:0;color:var(--dim);max-width:62ch;font-size:clamp(16px,1.35vw,19px);line-height:1.6;text-wrap:pretty}
.story-intro .story-kicker{font:500 11px/1.5 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--led);padding-top:5px}
.story-list{position:relative;list-style:none;margin:0;padding:0 0 0 clamp(28px,3vw,46px)}
.story-list::before{content:"";position:absolute;top:0;bottom:0;left:clamp(12px,1.4vw,20px);width:1px;background:linear-gradient(180deg,var(--rule-hi),var(--rule-hi) 90%,var(--led))}
.story-item{--point:var(--led);position:relative;display:grid;grid-template-columns:minmax(130px,23%) minmax(0,1fr);gap:clamp(20px,3vw,52px);padding:clamp(22px,3vw,42px) 0;border-bottom:1px solid var(--rule)}
.story-item.story-q{--point:#9bacb4}
.story-item.story-c{--point:#76858e}
.story-item.story-last{border-bottom:0}
.story-marker{position:absolute;top:clamp(31px,3.6vw,51px);left:calc(-1 * clamp(28px,3vw,46px) + clamp(6px,.75vw,12px));width:13px;height:13px;border:2px solid var(--point);border-radius:50%;background:var(--rack);box-shadow:0 0 0 6px var(--rack)}
.story-o .story-marker{background:var(--point)}
.story-date{padding-top:2px;display:flex;flex-wrap:wrap;align-content:start;align-items:baseline;gap:5px 12px;font-family:var(--mono);font-variant-numeric:tabular-nums}
.story-year{font-size:clamp(21px,2vw,30px);line-height:1.2;letter-spacing:-.04em;color:var(--point)}
.story-month{font-size:11px;line-height:1.35;letter-spacing:.04em;color:var(--dim)}
.story-card{max-width:790px;min-width:0}
.story-kind{font:500 11px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--point)}
.story-card h3{margin:6px 0 8px;font:700 clamp(22px,2.15vw,31px)/1.16 var(--cond);letter-spacing:-.012em;color:var(--ink);text-wrap:balance}
.story-card p{margin:0;max-width:65ch;color:var(--dim);font-size:clamp(14px,1.06vw,16px);line-height:1.6;text-wrap:pretty}
.story-card a{color:var(--ink);text-decoration-color:var(--led);text-underline-offset:4px}
.story-card a:hover{color:var(--led)}
.story-last .story-card h3{color:var(--led)}
.story-media{max-width:690px;margin:26px 0 2px;padding:8px;background:var(--panel);border:1px solid var(--rule-hi);border-radius:8px;box-shadow:0 18px 44px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.05)}
.story-media figcaption{padding:9px 5px 3px;color:var(--dim);font:500 11px/1.4 var(--mono);letter-spacing:.11em;text-transform:uppercase}
.story-qlogr-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0b1115;border:1px solid var(--rule);border-radius:3px}
.story-qlogr-welcome{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
/* the welcome screen alone, cut out of the 2007 screenshot (636 x 333 of 1511 x 1070), over the program window as it
   opened: centred, about half the window wide, as in the original */
.story-qlogr-splash{position:absolute;left:50%;top:52%;width:48%;height:auto;display:block;transform:translate(-50%,-50%);box-shadow:0 18px 36px -10px rgba(0,0,0,.65);border-radius:1px}
.story-icecast{width:min(100%,560px)}
.story-icecast-crop{aspect-ratio:2050/1514;overflow:hidden;background:#0b1115;border:1px solid var(--rule);border-radius:3px}
.story-icecast-crop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.story-next{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:clamp(20px,2.5vw,36px);margin:clamp(24px,3vw,42px) 0 0;padding:clamp(20px,2.5vw,32px);background:linear-gradient(105deg,rgba(255,176,32,.06),transparent 53%),var(--panel);border:1px solid var(--rule-hi);border-radius:var(--tray);box-shadow:0 18px 44px -34px rgba(0,0,0,.8)}
.story-next img{display:block;width:88px;height:88px}
.story-next-label{font:500 11px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--led)}
.story-next h3{margin:5px 0 5px;color:var(--ink);font:700 clamp(21px,2vw,28px)/1.2 var(--cond)}
.story-next p{margin:0;max-width:62ch;color:var(--dim);font-size:14px;line-height:1.55}
.story-next>a{font:600 13px/1.3 var(--cond);color:var(--led);text-decoration:none;white-space:nowrap;border-bottom:1px solid rgba(255,176,32,.45);padding-bottom:3px}
.story-next>a:hover{border-color:var(--led)}
.about-goal{grid-column:1/-1;margin-top:clamp(8px,1.5vw,20px);padding:clamp(18px,2.5vw,30px);background:var(--rack);border:1px solid var(--rule-hi);border-radius:var(--tray);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.about-goal-top{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:10px 24px}
.about-goal-label{display:block;color:var(--led);font:500 11px/1.4 var(--mono);letter-spacing:.15em;text-transform:uppercase}
.about-goal h3{margin:5px 0 0;color:var(--ink);font:700 clamp(19px,1.9vw,25px)/1.2 var(--cond)}
.about-goal-amount{margin:0!important;color:var(--dim)!important;white-space:nowrap;font-variant-numeric:tabular-nums}
.about-goal-amount strong{color:var(--ink);font:700 clamp(23px,2.2vw,30px)/1 var(--cond)}
.about-goal-amount span{font:600 15px/1 var(--cond)}
.about-goal-track{position:relative;overflow:hidden;height:14px;margin-top:18px;border-radius:999px;background:linear-gradient(180deg,#0a0e11,#151f24);border:1px solid var(--rule-hi)}
.about-goal-track::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(255,255,255,.055) calc(25% - 1px) 25%);pointer-events:none}
.about-goal-track i{display:block;width:calc(var(--p) * 1%);height:100%;background:linear-gradient(90deg,#a76408,var(--led) 65%,#ffe0a0);border-radius:inherit;box-shadow:0 0 18px rgba(255,176,32,.35)}
.about-goal-foot{display:flex;justify-content:space-between;gap:10px;margin-top:9px;color:var(--dim);font:500 11px/1.3 var(--mono);font-variant-numeric:tabular-nums}
@media(max-width:860px){.story-next{grid-template-columns:72px minmax(0,1fr)}.story-next img{width:72px;height:72px}.story-next>a{grid-column:2;justify-self:start}}
@media(max-width:700px){
  .story-intro{grid-template-columns:1fr;gap:8px}
  .story-list{padding-left:30px}
  .story-list::before{left:6px}
  .story-item{grid-template-columns:1fr;gap:8px;padding:24px 0 28px}
  .story-marker{left:-30px;top:30px}
  .story-year{font-size:19px}
  .story-month{font-size:11px}
  .story-card h3{font-size:22px}
  .story-media{margin-top:20px}
  .story-next{grid-template-columns:56px minmax(0,1fr);gap:16px;padding:16px}
  .story-next img{width:56px;height:56px;align-self:start}
  .story-next h3{font-size:20px}
  .story-next>a{grid-column:1/-1}
}