/* Book-only featured-book introduction from Figma 21839:2429. */
.book-started-with { padding-block: 100px; background: var(--color-surface); }
/* Include the expanded header's height during the first fragment-scroll frames. */
#book-started-with { scroll-margin-top: 24px; }
.book-started-with-layout { display: flex; align-items: center; justify-content: space-between; gap: 64px; }
.book-started-with-content { flex: 0 0 594px; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 32px; overflow-wrap: anywhere; }
.book-started-with-text { width: stretch; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.book-started-with-heading { width: stretch; max-width: 508px; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.book-started-with-heading h2 { color: var(--color-brand-hover); }
.book-started-with-copy { width: stretch; max-width: 541px; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; color: var(--color-text-secondary); letter-spacing: -0.18px; }
.book-started-with-copy cite { font-style: normal; }
.book-started-with-media { position: relative; flex: 0 0 528px; width: 528px; height: 444px; overflow: hidden; }
.book-started-with-media img { position: absolute; display: block; max-width: none; width: 528.844px; height: 452px; left: -0.422px; top: -4px; }

@media (max-width: 1399px) {
  #book-started-with { scroll-margin-top: 24px; }
  .book-started-with { padding-block: 88px; }
  .book-started-with-layout { gap: 48px; }
  .book-started-with-content { flex-basis: 540px; }
  .book-started-with-media { flex-basis: 500px; width: 500px; height: 421px; }
  .book-started-with-media img { width: 501px; height: 428px; }
}

@media (max-width: 1199px) {
  #book-started-with { scroll-margin-top: 40px; }
  .book-started-with { padding-block: 72px; }
  .book-started-with-layout { gap: 40px; }
  .book-started-with-content { flex-basis: 460px; }
  .book-started-with-media { flex-basis: 430px; width: 430px; height: 362px; }
  .book-started-with-media img { width: 431px; height: 369px; }
}

@media (max-width: 1024px) {
  #book-started-with { scroll-margin-top: 68px; }
  .book-started-with { padding-block: 64px; }
  .book-started-with-layout { flex-direction: column; align-items: center; justify-content: flex-start; gap: 40px; }
  .book-started-with-content { width: stretch; flex-basis: auto; align-self: stretch; }
  .book-started-with-heading,
  .book-started-with-copy { max-width: none; }
  .book-started-with-media { position: static; flex-basis: auto; width: 100%; width: stretch; max-width: 528px; height: auto; overflow: visible; }
  .book-started-with-media img { position: static; width: 100%; width: stretch; height: auto; max-width: 528px; }
}

@media (max-width: 900px) {
  #book-started-with { scroll-margin-top: 52px; }
}

@media (max-width: 767px) {
  #book-started-with { scroll-margin-top: 68px; }
  .book-started-with { padding-block: 48px; }
  .book-started-with-layout { gap: 32px; }
  .book-started-with-content { gap: 28px; }
  .book-started-with-media { max-width: 480px; }
  .book-started-with-media img { max-width: 480px; }
}

@media (max-width: 479px) {
  #book-started-with { scroll-margin-top: 68px; }
  .book-started-with { padding-block: 40px; }
  .book-started-with-layout { gap: 24px; }
  .book-started-with-content { gap: 24px; }
  .book-started-with-heading { gap: 10px; }
  .book-started-with-text,
  .book-started-with-copy { gap: 12px; }
}

/* Book-only leadership-series progression from Figma 21839:2466. */
.book-journey-continues { padding-block: 100px; background: var(--color-surface-dark); color: var(--color-surface); }
.book-journey-continues-layout { display: flex; align-items: center; gap: 85px; }
.book-journey-continues-content { flex: 1 1 611px; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 30px; overflow-wrap: anywhere; }
.book-journey-continues-header { width: stretch; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.book-journey-continues-heading { width: stretch; max-width: 580px; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.book-journey-continues-heading h2 { color: var(--color-surface); }
.book-journey-continues-intro { width: stretch; max-width: 611px; color: var(--color-border); letter-spacing: -0.18px; }
.book-journey-continues-facts { display: flex; align-items: center; gap: 96px; min-width: 0px; margin: 0px; }
.book-journey-continues-fact { min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.book-journey-continues-fact--first { flex: 0 0 147px; width: 147px; }
.book-journey-continues-fact--second { position: relative; flex: 0 0 246px; width: 246px; }
.book-journey-continues-fact--second::before { content: ""; position: absolute; width: 56px; height: 1px; left: -76px; top: 27.5px; background: url("../icons/book-journey-divider.svg") center / 56px 1px no-repeat; transform: rotate(90deg); }
.book-journey-continues-fact dt { color: var(--color-border); letter-spacing: -0.18px; }
.book-journey-continues-fact dd { margin: 0px; color: var(--color-surface); }
.book-journey-continues-media { order: -1; flex: 0 0 616px; width: 616px; height: 408px; overflow: hidden; }
.book-journey-continues-media img { display: block; width: 100%; width: stretch; height: 100%; height: stretch; object-fit: cover; object-position: center; }

@media (max-width: 1399px) {
  .book-journey-continues { padding-block: 88px; }
  .book-journey-continues-layout { gap: 64px; }
  .book-journey-continues-media { flex-basis: 560px; width: 560px; height: 371px; }
}

@media (max-width: 1199px) {
  .book-journey-continues { padding-block: 72px; }
  .book-journey-continues-layout { gap: 40px; }
  .book-journey-continues-media { flex-basis: 430px; width: 430px; height: 285px; }
  .book-journey-continues-facts { gap: 64px; }
}

@media (max-width: 1024px) {
  .book-journey-continues { padding-block: 64px; }
  .book-journey-continues-layout { flex-direction: column; align-items: flex-start; gap: 40px; }
  .book-journey-continues-content { width: stretch; flex-basis: auto; align-self: stretch; }
  .book-journey-continues-heading,
  .book-journey-continues-intro { max-width: none; }
  .book-journey-continues-media { order: 0; flex-basis: auto; width: 100%; width: stretch; max-width: 616px; height: auto; }
  .book-journey-continues-media img { width: 100%; width: stretch; height: auto; max-width: 616px; }
}

@media (max-width: 767px) {
  .book-journey-continues { padding-block: 48px; }
  .book-journey-continues-layout { gap: 32px; }
  .book-journey-continues-content { gap: 28px; }
  .book-journey-continues-facts { gap: 48px; }
  .book-journey-continues-media,
  .book-journey-continues-media img { max-width: 560px; }
}

@media (max-width: 600px) {
  .book-journey-continues-facts { width: stretch; flex-direction: column; align-items: flex-start; gap: 40px; }
  .book-journey-continues-fact--first,
  .book-journey-continues-fact--second { width: stretch; flex-basis: auto; }
  .book-journey-continues-fact--second::before { left: 0px; top: -20px; transform: none; }
}

@media (max-width: 479px) {
  .book-journey-continues { padding-block: 40px; }
  .book-journey-continues-layout { gap: 24px; }
  .book-journey-continues-content { gap: 24px; }
  .book-journey-continues-header { gap: 12px; }
  .book-journey-continues-heading { gap: 10px; }
}

/* Book-only current-series feature from Figma 21839:2443. */
.book-current-series { height: 608px; padding-block: 100px; background: var(--color-surface); }
.book-current-series-layout { display: flex; align-items: center; justify-content: space-between; gap: 80px; }
.book-current-series-content { flex: 0 0 616px; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 32px; overflow-wrap: anywhere; }
.book-current-series-header { width: stretch; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.book-current-series-heading { width: stretch; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.book-current-series-heading h2 { max-width: 467px; color: var(--color-brand-hover); }
.book-current-series-copy { width: stretch; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; color: var(--color-text-secondary); letter-spacing: -0.18px; }
.book-current-series-tags { width: 504px; min-width: 0px; display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 10px; row-gap: 11px; margin: 0px; padding: 0px; list-style: none; color: var(--color-text-secondary); letter-spacing: -0.18px; }
.book-current-series-tags li { max-width: 100%; padding: 10px; background: var(--color-tag-surface); overflow-wrap: anywhere; }
.book-current-series-media { flex: 0 0 616px; width: 616px; height: 408px; overflow: hidden; }
.book-current-series-media img { display: block; width: 100%; width: stretch; height: 100%; height: stretch; object-fit: cover; object-position: center; }

@media (max-width: 1399px) {
  .book-current-series { height: auto; padding-block: 88px; }
  .book-current-series-layout { gap: 64px; }
  .book-current-series-content { flex: 1 1 0px; }
  .book-current-series-media { flex-basis: 560px; width: 560px; height: 371px; }
}

@media (max-width: 1199px) {
  .book-current-series { padding-block: 72px; }
  .book-current-series-layout { gap: 40px; }
  .book-current-series-media { flex-basis: 430px; width: 430px; height: 285px; }
}

@media (max-width: 1024px) {
  .book-current-series { padding-block: 64px; }
  .book-current-series-layout { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 40px; }
  .book-current-series-content { width: stretch; flex-basis: auto; align-self: stretch; }
  .book-current-series-heading h2 { max-width: none; }
  .book-current-series-media { flex-basis: auto; width: 100%; width: stretch; max-width: 616px; height: auto; }
  .book-current-series-media img { width: 100%; width: stretch; height: auto; max-width: 616px; }
}

@media (max-width: 767px) {
  .book-current-series { padding-block: 48px; }
  .book-current-series-layout { gap: 32px; }
  .book-current-series-content { gap: 28px; }
  .book-current-series-tags { width: 100%; width: stretch; }
  .book-current-series-media,
  .book-current-series-media img { max-width: 560px; }
}

@media (max-width: 479px) {
  .book-current-series { padding-block: 40px; }
  .book-current-series-layout { gap: 24px; }
  .book-current-series-content { gap: 24px; }
  .book-current-series-header { gap: 12px; }
  .book-current-series-heading { gap: 10px; }
}

/* Book-only series roadmap from Figma 21839:2396. */
.book-coming-next { height: 969px; padding-block: 100px; background: var(--color-background); }
.book-coming-next-layout { display: flex; flex-direction: column; align-items: center; gap: 48px; }
.book-coming-next-header { flex: 0 0 209px; width: stretch; height: 209px; display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; overflow-wrap: anywhere; }
.book-coming-next-heading { width: stretch; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.book-coming-next-heading h2 { width: stretch; max-width: 591px; color: var(--color-brand-hover); }
.book-coming-next-intro { width: stretch; max-width: 710px; color: var(--color-text-secondary); letter-spacing: -0.18px; }
.book-coming-next-body { display: flex; flex-direction: column; align-items: center; gap: 32px; }
.book-coming-next-cards { max-width: 1312px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 56px; margin: 0px; padding: 0px; list-style: none; }
.book-coming-next-card { flex: 0 0 207px; width: 207px; min-width: 0px; }
.book-coming-next-card figure { display: flex; flex-direction: column; align-items: center; gap: 18px; margin: 0px; }
.book-coming-next-cover { position: relative; width: 207px; height: 309px; overflow: hidden; box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.15); }
.book-coming-next-cover img { position: absolute; display: block; max-width: none; }
.book-coming-next-card figcaption { display: flex; flex-direction: column; align-items: center; gap: 4px; color: var(--color-text-secondary); text-align: center; }
.book-coming-next-card h3 { color: var(--color-brand-hover); white-space: nowrap; }
.book-coming-next-card p { letter-spacing: -0.18px; }
.book-coming-next-card--two .book-coming-next-cover img { width: 319.463px; height: 359.831px; left: -58.084px; top: -21.29px; }
.book-coming-next-card--current { flex-basis: 236px; width: 236px; }
.book-coming-next-card--current .book-coming-next-cover { width: 236px; height: 353px; }
.book-coming-next-card--current .book-coming-next-cover img { width: 452.648px; height: 386.853px; left: -29.028px; top: -18.391px; }
.book-coming-next-card--three .book-coming-next-cover img { width: 271.004px; height: 328.436px; left: -35.024px; top: -10.784px; }

@media (max-width: 1399px) {
  .book-coming-next { height: auto; padding-block: 88px; }
  .book-coming-next-header { flex-basis: auto; height: auto; }
  .book-coming-next-layout { gap: 44px; }
}

@media (max-width: 1199px) {
  .book-coming-next { padding-block: 72px; }
  .book-coming-next-layout { gap: 40px; }
}

@media (max-width: 900px) {
  .book-coming-next { padding-block: 64px; }
  .book-coming-next-cards { gap: 28px; }
  .book-coming-next-card { flex-basis: 180px; width: 180px; }
  .book-coming-next-cover { width: 180px; height: 269px; }
  .book-coming-next-card--two .book-coming-next-cover img { width: 277.794px; height: 312.898px; left: -50.508px; top: -18.513px; }
  .book-coming-next-card--current { flex-basis: 205px; width: 205px; }
  .book-coming-next-card--current .book-coming-next-cover { width: 205px; height: 307px; }
  .book-coming-next-card--current .book-coming-next-cover img { width: 393.014px; height: 336.046px; left: -25.217px; top: -15.977px; }
  .book-coming-next-card--three .book-coming-next-cover img { width: 235.656px; height: 285.571px; left: -30.456px; top: -9.378px; }
}

@media (max-width: 767px) {
  .book-coming-next { padding-block: 48px; }
  .book-coming-next-layout { gap: 32px; }
  .book-coming-next-header { gap: 14px; }
  .book-coming-next-body { gap: 28px; }
  .book-coming-next-cards { gap: 16px; }
  .book-coming-next-card { flex-basis: 170px; width: 170px; }
  .book-coming-next-cover { width: 170px; height: 254px; }
  .book-coming-next-card--two .book-coming-next-cover img { width: 262.461px; height: 295.491px; left: -47.688px; top: -17.48px; }
  .book-coming-next-card--current { flex-basis: 190px; width: 190px; }
  .book-coming-next-card--current .book-coming-next-cover { width: 190px; height: 284px; }
  .book-coming-next-card--current .book-coming-next-cover img { width: 364.38px; height: 311.45px; left: -23.37px; top: -14.81px; }
  .book-coming-next-card--three .book-coming-next-cover img { width: 222.564px; height: 269.72px; left: -28.78px; top: -8.855px; }
}

@media (max-width: 600px) {
  .book-coming-next-cards { flex-direction: column; gap: 32px; }
}

@media (max-width: 479px) {
  .book-coming-next { padding-block: 40px; }
  .book-coming-next-layout { gap: 24px; }
  .book-coming-next-header { gap: 12px; }
  .book-coming-next-heading { gap: 10px; }
  .book-coming-next-body { gap: 24px; }
  .book-coming-next-cards { gap: 24px; }
}

/* Book-only approach summary from Figma 21839:2486. */
.book-from-ideas { height: 626px; padding-block: 100px; background: var(--color-surface); }
.book-from-ideas-layout { display: flex; flex-direction: column; align-items: center; gap: 48px; }
.book-from-ideas-header { flex: 0 0 209px; width: stretch; height: 209px; display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; overflow-wrap: anywhere; }
.book-from-ideas-heading { width: stretch; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.book-from-ideas-heading h2 { width: stretch; max-width: 456px; color: var(--color-brand-hover); }
.book-from-ideas-intro { width: stretch; max-width: 710px; color: var(--color-text-secondary); letter-spacing: -0.18px; }
.book-from-ideas-cards { width: 100%; width: stretch; display: flex; align-items: stretch; gap: 28px; margin: 0px; padding: 0px; list-style: none; }
.book-from-ideas-card { flex: 1 1 0px; min-width: 0px; min-height: 169px; display: flex; align-items: center; justify-content: center; padding: 32px 24px; border: 1px solid var(--color-border); background: var(--color-background); text-align: center; overflow-wrap: anywhere; }
.book-from-ideas-card-text { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.book-from-ideas-card h3 { color: var(--color-brand-hover); }
.book-from-ideas-card p { color: var(--color-text-secondary); letter-spacing: -0.18px; }
.book-from-ideas-card--books .book-from-ideas-card-text { width: 243px; }
.book-from-ideas-card--optimization .book-from-ideas-card-text { width: 326px; }
.book-from-ideas-card--transformation .book-from-ideas-card-text { width: 333px; }
.book-from-ideas-card--transformation p { width: 243px; }

@media (max-width: 1399px) {
  .book-from-ideas { height: auto; padding-block: 88px; }
  .book-from-ideas-header { flex-basis: auto; height: auto; }
  .book-from-ideas-layout { gap: 44px; }
}

@media (max-width: 1199px) {
  .book-from-ideas { padding-block: 72px; }
  .book-from-ideas-layout { gap: 40px; }
  .book-from-ideas-cards { gap: 20px; }
  .book-from-ideas-card { padding: 28px 20px; }
  .book-from-ideas-card--books .book-from-ideas-card-text,
  .book-from-ideas-card--optimization .book-from-ideas-card-text,
  .book-from-ideas-card--transformation .book-from-ideas-card-text,
  .book-from-ideas-card--transformation p { width: 100%; width: stretch; }
}

@media (max-width: 900px) {
  .book-from-ideas { padding-block: 64px; }
  .book-from-ideas-cards { flex-wrap: wrap; }
  .book-from-ideas-card { flex-basis: 300px; }
}

@media (max-width: 767px) {
  .book-from-ideas { padding-block: 48px; }
  .book-from-ideas-layout { gap: 32px; }
  .book-from-ideas-header { gap: 14px; }
  .book-from-ideas-card { min-height: 0px; padding: 28px 20px; }
}

@media (max-width: 600px) {
  .book-from-ideas-cards { flex-direction: column; }
  .book-from-ideas-card { width: 100%; width: stretch; flex-basis: auto; }
}

@media (max-width: 479px) {
  .book-from-ideas { padding-block: 40px; }
  .book-from-ideas-layout { gap: 24px; }
  .book-from-ideas-header { gap: 12px; }
  .book-from-ideas-heading { gap: 10px; }
  .book-from-ideas-cards { gap: 16px; }
  .book-from-ideas-card { padding: 24px 16px; }
}

/* Book-only photographic crop and text measures for Figma 21839:2384. */
.prefooter--book .prefooter-photo { inset: 0px; width: -moz-available; width: stretch; height: 100%; height: stretch; justify-self: stretch; object-position: center; filter: none; translate: 0px 0px; }
.prefooter--book h2 { max-width: 706px; margin-inline: auto; }
.prefooter--book .prefooter-copy { max-width: 406px; margin-inline: auto; }