/* v69: precise Living Story alignment, ecosystem flow, and social placement. */
.series-current-art {
  justify-content: center;
  padding: 54px 34px;
}
.series-current-art img { margin-inline: auto; }

.future-volume-orbit b {
  position: absolute;
  z-index: 1;
  top: 28%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.future-volume-orbit::before,
.future-volume-orbit i { transform: translateY(-28px); }
.future-volume-orbit blockquote {
  right: 7%;
  bottom: 34px;
  left: 7%;
  max-width: 590px;
  margin-inline: auto;
  font-size: clamp(15px, 1.35vw, 19px);
  line-height: 1.42;
  text-wrap: balance;
}
.future-volume-orbit cite { font-size: 9px; }

.living-ecosystem-flow {
  position: relative;
  align-self: stretch;
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid rgba(239,195,108,.42);
  background: radial-gradient(circle at 50% 0,rgba(239,195,108,.16),transparent 33%),rgba(5,36,44,.78);
  box-shadow: 0 24px 55px rgba(0,0,0,.2);
}
.living-ecosystem-flow header { margin-bottom: 24px; text-align: center; }
.living-ecosystem-flow header > span,
.living-ecosystem-flow header > strong,
.living-ecosystem-flow header > small { display: block; }
.living-ecosystem-flow header > span { color: #efc36c; font: 800 10px/1.2 Arial,sans-serif; letter-spacing: .19em; text-transform: uppercase; }
.living-ecosystem-flow header > strong { margin-top: 8px; color: #fff; font: 600 clamp(25px,2.5vw,36px)/1.05 Lora,Georgia,serif; }
.living-ecosystem-flow header > small { margin-top: 9px; color: #bcd0cd; font-size: 11px; }
.living-ecosystem-flow ol { position: relative; display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.living-ecosystem-flow ol::before { content:""; position:absolute; top:20px; bottom:20px; left:22px; width:1px; background:linear-gradient(#efc36c,rgba(239,195,108,.2)); }
.living-ecosystem-flow li { position:relative; display:grid; grid-template-columns:58px 1fr; align-items:center; min-height:58px; padding:10px 15px; border:1px solid rgba(255,255,255,.2); background:rgba(7,43,51,.9); }
.living-ecosystem-flow li::before { content:""; z-index:1; width:9px; height:9px; margin-left:2px; border:3px solid #0b4550; border-radius:50%; background:#efc36c; box-shadow:0 0 0 1px rgba(239,195,108,.8); }
.living-ecosystem-flow li b { position:absolute; left:31px; color:#efc36c; font:800 8px/1 Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.living-ecosystem-flow li span { grid-column:2; color:#fff; font:600 clamp(16px,1.55vw,21px)/1.15 Lora,Georgia,serif; }
.living-ecosystem-flow li:last-child { border-color:#efc36c; background:#f3e8d5; }
.living-ecosystem-flow li:last-child span { color:#123c47; }

@media (min-width: 761px) {
  .join-social-links > div > a[href*="linkedin.com/company/starfishfloat"] { grid-column: 4; }
}
@media (max-width: 1120px) {
  .future-volume-orbit b { top: 27%; }
  .future-volume-orbit blockquote { bottom: 48px; }
}
@media (max-width: 760px) {
  .series-current-art { padding: 36px 24px 18px; }
  .future-volume-orbit::before,
  .future-volume-orbit i { transform: none; }
  .future-volume-orbit b { top: 43%; }
  .future-volume-orbit blockquote { display: none; }
}
