/* v64: Starfish Float as a living story and evolving book series. */
.living-story-section { padding: clamp(95px, 10vw, 160px) 7vw; color: #fff; background: #082f3a; }
.living-story-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 9vw; max-width: 1500px; margin: 0 auto 75px; }
.living-story-brand { display: flex; align-items: baseline; gap: 18px; margin: 18px 0 28px; }
.living-story-brand strong { font: 600 clamp(30px, 3vw, 46px)/1 Lora, Georgia, serif; }
.living-story-brand em { color: #e2b970; font: italic 20px/1.2 Lora, Georgia, serif; }
.living-story-section h2 { margin: 0; font: 500 clamp(58px, 6.6vw, 104px)/.94 Lora, Georgia, serif; letter-spacing: -.055em; text-wrap: balance; }
.living-story-copy { padding-top: 35px; color: #d4e2df; font-size: 18px; line-height: 1.72; }
.living-story-copy p + p { margin-top: 22px; }
.book-series { display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; max-width: 1500px; margin: 0 auto; }
.series-current, .series-future { min-height: 520px; }
.series-current { display: grid; grid-template-columns: minmax(230px, .72fr) 1.28fr; background: #f5ede1; color: #123c47; }
.series-current img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.series-current > div, .series-future { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(35px, 4vw, 62px); }
.series-current span, .series-future > span { color: #b45e47; font-size: 11px; font-weight: 800; letter-spacing: .17em; }
.series-current h3, .series-future h3 { margin: 18px 0 20px; font: 500 clamp(43px, 5vw, 75px)/.96 Lora, Georgia, serif; letter-spacing: -.04em; }
.series-current p, .series-future p { font-size: 17px; line-height: 1.65; }
.series-current small, .series-future small { margin-top: 28px; padding-top: 18px; border-top: 1px solid currentColor; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.series-future { color: #fff; background: linear-gradient(145deg, #b7654e, #783c32); }
.future-volume-lines { display: grid; gap: 10px; margin-top: 35px; }
.future-volume-lines i { display: block; height: 1px; background: rgba(255,255,255,.4); }
.living-thread { display: grid; grid-template-columns: repeat(5, 1fr); max-width: 1500px; margin: 60px auto 0; border-top: 1px solid rgba(255,255,255,.33); border-left: 1px solid rgba(255,255,255,.33); }
.living-thread span { min-height: 122px; padding: 24px 18px; border-right: 1px solid rgba(255,255,255,.33); border-bottom: 1px solid rgba(255,255,255,.33); font: 600 17px/1.35 Lora, Georgia, serif; }
.living-thread b { display: block; margin-bottom: 27px; color: #e2b970; font: 800 11px/1 Arial, sans-serif; }
.living-story-close { max-width: 1500px; margin: 58px auto 0; color: #e2b970; font: 600 clamp(28px, 3vw, 46px)/1.35 Lora, Georgia, serif; text-align: center; text-wrap: balance; }
.starfish-forward-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: 9vw; padding: clamp(95px, 10vw, 150px) 8vw; background: #f5ede1; }
.forward-heading h2 { margin: 25px 0 0; font: 500 clamp(56px, 6.5vw, 96px)/.94 Lora, Georgia, serif; letter-spacing: -.055em; }
.forward-brand { color: #b45e47; font: italic 21px/1.4 Lora, Georgia, serif; }
.forward-copy { padding-top: 45px; color: #536c70; font-size: 18px; line-height: 1.72; }
.forward-copy p + p { margin-top: 22px; }
.choose-what-grows { grid-column: 1 / -1; display: grid; grid-template-columns: 1.15fr .85fr; gap: 70px; margin-top: 20px; padding: clamp(40px, 5vw, 70px); color: #fff; background: #0b4550; }
.choose-what-grows h3 { margin: 14px 0 20px; font: 500 clamp(46px, 5vw, 72px)/1 Lora, Georgia, serif; }
.choose-what-grows p { max-width: 720px; color: #d9e7e4; font-size: 18px; line-height: 1.65; }
.choose-what-grows small { display: block; margin-top: 25px; color: #e2b970; line-height: 1.55; }
.choose-what-grows ul { display: grid; grid-template-columns: 1fr 1fr; align-content: center; margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.35); border-left: 1px solid rgba(255,255,255,.35); }
.choose-what-grows li { padding: 15px; border-right: 1px solid rgba(255,255,255,.35); border-bottom: 1px solid rgba(255,255,255,.35); font-size: 13px; }

@media (max-width: 1050px) {
  .site-header nav { gap: 15px; }
  .site-header nav a { font-size: 10px; }
  .living-story-intro, .starfish-forward-section { grid-template-columns: 1fr; gap: 35px; }
  .book-series { grid-template-columns: 1fr; }
  .series-current { min-height: 570px; }
  .choose-what-grows { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 700px) {
  .site-header nav a:nth-child(4), .site-header nav a:nth-child(5) { display: none; }
  .living-story-section { padding: 78px 7vw; }
  .living-story-brand { align-items: flex-start; flex-direction: column; gap: 8px; }
  .series-current { grid-template-columns: 1fr; }
  .series-current img { height: 420px; }
  .living-thread { grid-template-columns: 1fr; }
  .living-thread span { min-height: 88px; }
  .choose-what-grows { padding: 35px 25px; }
  .choose-what-grows ul { grid-template-columns: 1fr; }
}