{"id":14,"date":"2026-10-26T06:00:52","date_gmt":"2026-10-26T06:00:52","guid":{"rendered":"https:\/\/bookpublish.online\/victorcrocket\/?page_id=14"},"modified":"2026-10-26T08:39:03","modified_gmt":"2026-10-26T08:39:03","slug":"home","status":"publish","type":"page","link":"https:\/\/bookpublish.online\/victorcrocket\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6af34bd e-con-full e-flex e-con e-parent\" data-id=\"6af34bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ec6edf elementor-widget elementor-widget-html\" data-id=\"7ec6edf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=EB+Garamond:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style id=\"bt-hero-css\">\r\n\/* =====================================================================\r\n   Beyond Tranquillity \u00b7 cinematic hero (#bt-hero)\r\n   Paste in an HTML widget inside a full-width container.\r\n   ===================================================================== *\/\r\n:root{\r\n  --bt-paper:#f9f6ea;            \/* the cream inside the film *\/\r\n  --bt-ink:#0e0c0a;\r\n  --bt-rust:#ae4721;\r\n  --bt-rust-2:#d0703c;\r\n  --bt-serif:\"EB Garamond\",Georgia,\"Times New Roman\",serif;\r\n  --bt-display:\"Cormorant Garamond\",\"EB Garamond\",Georgia,serif;\r\n  --bt-mono:\"IBM Plex Mono\",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;\r\n  --bt-ease:cubic-bezier(.22,.61,.36,1);\r\n  --bt-out:cubic-bezier(.16,1,.3,1);\r\n  --bt-pad:clamp(16px,3vw,40px);\r\n  --bt-head:115px;               \/* height of the fixed header *\/\r\n}\r\n\r\n\/* Elementor: let the hero run edge to edge *\/\r\n.e-con:has(> .elementor-widget-html #bt-hero),\r\n.e-con:has(> .e-con-inner > .elementor-widget-html #bt-hero){padding:0!important;gap:0!important;max-width:none!important}\r\n.e-con:has(> .e-con-inner > .elementor-widget-html #bt-hero) > .e-con-inner{max-width:none!important;padding:0!important;gap:0!important}\r\n.elementor-widget-html:has(#bt-hero){width:100%!important;max-width:100%!important;margin:0!important}\r\n\r\n\/* ---------- stage ---------- *\/\r\n#bt-hero{\r\n  --bt-y:0px;\r\n  --bt-p:0;\r\n  --bt-px:0;\r\n  --bt-py:0;\r\n  position:relative;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n  display:grid;\r\n  align-content:center;\r\n  width:100%;\r\n  min-height:100vh;\r\n  min-height:100svh;\r\n  margin:0;\r\n  padding:var(--bt-head) max(var(--bt-pad),calc((100% - 1400px) \/ 2 + var(--bt-pad))) 108px;\r\n  background:var(--bt-paper);\r\n  color:var(--bt-ink);\r\n  font-family:var(--bt-serif);\r\n  -webkit-font-smoothing:antialiased;\r\n  text-rendering:optimizeLegibility;\r\n}\r\n#bt-hero *,#bt-hero *::before,#bt-hero *::after{box-sizing:border-box}\r\n#bt-hero ::selection{background:var(--bt-rust);color:var(--bt-paper)}\r\n\r\n\/* film *\/\r\n#bt-hero .bt-hero__media{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-3;\r\n  overflow:hidden;\r\n  transform-origin:72% 50%;\r\n  animation:btZoom 3.6s var(--bt-out) both;\r\n}\r\n#bt-hero .bt-hero__parallax{\r\n  position:absolute;\r\n  inset:0;\r\n  background:var(--bt-paper) url(\"https:\/\/bookpublish.online\/victorcrocket\/wp-content\/uploads\/2026\/10\/6bc835bd-afa2-4a63-91fe-5717ac73bb7b.webp\") no-repeat 0% 50%\/cover;\r\n  transform:scale(1.06);\r\n  transform-origin:0% 50%;\r\n  translate:calc(var(--bt-px) * -14px) calc(var(--bt-y) * .28 + var(--bt-py) * -10px);\r\n}\r\n#bt-hero .bt-hero__video{\r\n  position:absolute;\r\n  inset:0;\r\n  display:block;\r\n  width:100%;\r\n  height:100%;\r\n  max-width:none;\r\n  object-fit:cover;\r\n  object-position:0% 50%;\r\n  opacity:0;\r\n  transition:opacity 1.4s var(--bt-ease);\r\n}\r\n#bt-hero.is-ready .bt-hero__video{opacity:1}\r\n\r\n\/* cream haze that keeps the words clear of the planet *\/\r\n#bt-hero .bt-hero__fog{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-2;\r\n  pointer-events:none;\r\n  background:linear-gradient(90deg,var(--bt-paper) 0%,rgba(249,246,234,.9) 24%,rgba(249,246,234,0) 50%);\r\n}\r\n\r\n\/* film grain *\/\r\n#bt-hero .bt-hero__grain{\r\n  position:absolute;\r\n  inset:-100%;\r\n  z-index:-1;\r\n  pointer-events:none;\r\n  opacity:.07;\r\n  background:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n  animation:btGrain 1s steps(6) infinite;\r\n}\r\n\r\n\/* ---------- words ---------- *\/\r\n#bt-hero .bt-hero__copy{\r\n  position:relative;\r\n  z-index:1;\r\n  width:min(46vw,640px);\r\n  translate:calc(var(--bt-px) * 6px) calc(var(--bt-y) * -.12);\r\n  opacity:calc(1 - var(--bt-p) * 1.25);\r\n}\r\n#bt-hero .bt-eyebrow{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:16px;\r\n  margin:0 0 clamp(18px,3vh,30px);\r\n  font-family:var(--bt-serif);\r\n  font-size:12px;\r\n  font-weight:500;\r\n  line-height:1;\r\n  letter-spacing:.34em;\r\n  text-transform:uppercase;\r\n  color:rgba(14,12,10,.7);\r\n  animation:btFade 1s .25s var(--bt-out) both;\r\n}\r\n#bt-hero .bt-eyebrow::before{\r\n  content:\"\";\r\n  flex:0 0 auto;\r\n  width:48px;\r\n  height:1px;\r\n  background:var(--bt-rust);\r\n  transform-origin:0 50%;\r\n  animation:btDraw 1.2s .2s var(--bt-out) both;\r\n}\r\n#bt-hero .bt-title{\r\n  margin:0;\r\n  padding:0;\r\n  font-family:var(--bt-display);\r\n  font-size:clamp(54px,min(8.6vw,14vh),136px);\r\n  font-weight:500;\r\n  line-height:.9;\r\n  letter-spacing:-.015em;\r\n  text-transform:none;\r\n  color:var(--bt-ink);\r\n}\r\n#bt-hero .bt-line{display:block;overflow:hidden;padding:.06em 0 .16em;margin:-.06em 0 -.16em}\r\n#bt-hero .bt-line > span{display:block;animation:btRise 1.4s var(--bt-out) both}\r\n#bt-hero .bt-line:nth-child(1) > span{animation-delay:.35s}\r\n#bt-hero .bt-line:nth-child(2) > span{animation-delay:.5s}\r\n#bt-hero .bt-sub{\r\n  margin:clamp(12px,2vh,20px) 0 0;\r\n  font-family:var(--bt-display);\r\n  font-size:clamp(26px,min(2.7vw,4.6vh),42px);\r\n  font-style:italic;\r\n  font-weight:500;\r\n  line-height:1.1;\r\n  color:var(--bt-rust);\r\n  animation:btUp 1.1s .85s var(--bt-out) both;\r\n}\r\n#bt-hero .bt-tag{\r\n  max-width:30ch;\r\n  margin:clamp(16px,2.6vh,26px) 0 0;\r\n  font-family:var(--bt-serif);\r\n  font-size:clamp(17px,1.3vw,20px);\r\n  line-height:1.55;\r\n  color:rgba(14,12,10,.78);\r\n  animation:btUp 1.1s 1s var(--bt-out) both;\r\n}\r\n\r\n\/* buttons *\/\r\n#bt-hero .bt-cta{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n  gap:14px;\r\n  margin-top:clamp(24px,4vh,38px);\r\n  animation:btUp 1.1s 1.15s var(--bt-out) both;\r\n}\r\n#bt-hero .bt-btn{\r\n  position:relative;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:14px;\r\n  height:54px;\r\n  padding:0 26px;\r\n  border:1px solid transparent;\r\n  border-radius:0;\r\n  font-family:var(--bt-serif);\r\n  font-size:16px;\r\n  font-weight:500;\r\n  line-height:1;\r\n  letter-spacing:.04em;\r\n  text-decoration:none;\r\n  white-space:nowrap;\r\n  transition:color .45s var(--bt-ease),border-color .45s var(--bt-ease);\r\n}\r\n#bt-hero .bt-btn::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-1;\r\n  transform:scaleX(0);\r\n  transform-origin:100% 50%;\r\n  transition:transform .6s var(--bt-ease);\r\n}\r\n#bt-hero .bt-btn:hover,#bt-hero .bt-btn:focus{text-decoration:none}\r\n#bt-hero .bt-btn:hover::before,#bt-hero .bt-btn:focus-visible::before{transform:scaleX(1);transform-origin:0 50%}\r\n#bt-hero .bt-btn svg{flex:0 0 auto;width:18px;height:18px;transition:transform .45s var(--bt-ease)}\r\n#bt-hero .bt-btn:hover svg{transform:translateX(5px)}\r\n#bt-hero .bt-btn--solid,#bt-hero .bt-btn--solid:hover{color:var(--bt-paper)}\r\n#bt-hero .bt-btn--solid{background:var(--bt-rust);box-shadow:0 18px 34px -18px rgba(174,71,33,.75)}\r\n#bt-hero .bt-btn--solid::before{background:var(--bt-ink)}\r\n#bt-hero .bt-btn--ghost{background:transparent;color:var(--bt-ink);border-color:rgba(14,12,10,.32)}\r\n#bt-hero .bt-btn--ghost::before{background:var(--bt-ink)}\r\n#bt-hero .bt-btn--ghost:hover,#bt-hero .bt-btn--ghost:focus-visible{color:var(--bt-paper);border-color:var(--bt-ink)}\r\n\r\n\/* themes *\/\r\n#bt-hero .bt-themes{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n  gap:10px 22px;\r\n  margin:clamp(28px,5vh,52px) 0 0;\r\n  padding:0;\r\n  list-style:none;\r\n  font-family:var(--bt-serif);\r\n  font-size:11.5px;\r\n  font-weight:500;\r\n  line-height:1;\r\n  letter-spacing:.3em;\r\n  text-transform:uppercase;\r\n  color:rgba(14,12,10,.58);\r\n  animation:btFade 1.2s 1.35s var(--bt-out) both;\r\n}\r\n#bt-hero .bt-themes li{position:relative;margin:0;padding:0}\r\n#bt-hero .bt-themes li + li::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:-13px;\r\n  top:50%;\r\n  width:4px;\r\n  height:4px;\r\n  margin-top:-2px;\r\n  background:var(--bt-rust);\r\n  transform:rotate(45deg);\r\n}\r\n\r\n\/* scroll cue *\/\r\n#bt-hero .bt-scroll{\r\n  position:absolute;\r\n  z-index:1;\r\n  left:max(var(--bt-pad),calc((100% - 1400px) \/ 2 + var(--bt-pad)));\r\n  bottom:30px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  font-family:var(--bt-mono);\r\n  font-size:10.5px;\r\n  letter-spacing:.24em;\r\n  text-transform:uppercase;\r\n  text-decoration:none;\r\n  color:rgba(14,12,10,.55);\r\n  transition:color .3s var(--bt-ease);\r\n  animation:btFade 1s 1.6s both;\r\n}\r\n#bt-hero .bt-scroll:hover{color:var(--bt-ink);text-decoration:none}\r\n#bt-hero .bt-scroll::before{\r\n  content:\"\";\r\n  width:1px;\r\n  height:46px;\r\n  background:linear-gradient(var(--bt-rust),var(--bt-rust)) 0 0\/1px 38% no-repeat,rgba(14,12,10,.16);\r\n  animation:btDrip 2.4s var(--bt-ease) infinite;\r\n}\r\n\r\n\/* date on the right edge *\/\r\n#bt-hero .bt-side{\r\n  position:absolute;\r\n  z-index:1;\r\n  right:14px;\r\n  top:50%;\r\n  margin:0;\r\n  writing-mode:vertical-rl;\r\n  transform:translateY(-50%) rotate(180deg);\r\n  font-family:var(--bt-mono);\r\n  font-size:10px;\r\n  letter-spacing:.32em;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n  color:rgba(249,246,234,.55);\r\n  animation:btFade 1.4s 1.8s both;\r\n}\r\n\r\n\/* ---------- mission log ---------- *\/\r\n#bt-hero .bt-console{\r\n  position:absolute;\r\n  z-index:2;\r\n  right:max(var(--bt-pad),calc((100% - 1400px) \/ 2 + var(--bt-pad)));\r\n  bottom:30px;\r\n  width:300px;\r\n  padding:16px 18px 14px;\r\n  font-family:var(--bt-mono);\r\n  font-size:10.5px;\r\n  line-height:1.35;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n  color:rgba(249,246,234,.88);\r\n  background:rgba(12,9,7,.42);\r\n  -webkit-backdrop-filter:blur(12px) saturate(1.2);\r\n  backdrop-filter:blur(12px) saturate(1.2);\r\n  border:1px solid rgba(249,246,234,.14);\r\n  translate:calc(var(--bt-px) * 10px) calc(var(--bt-py) * 6px + var(--bt-y) * -.05);\r\n  animation:btSlide 1.2s 1.45s var(--bt-out) both;\r\n}\r\n#bt-hero .bt-console::before,\r\n#bt-hero .bt-console::after{content:\"\";position:absolute;width:12px;height:12px;border:1px solid var(--bt-rust-2);pointer-events:none}\r\n#bt-hero .bt-console::before{top:-1px;left:-1px;border-right:0;border-bottom:0}\r\n#bt-hero .bt-console::after{right:-1px;bottom:-1px;border-left:0;border-top:0}\r\n#bt-hero .bt-console__head{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  margin-bottom:4px;\r\n  padding-bottom:10px;\r\n  border-bottom:1px solid rgba(249,246,234,.18);\r\n  color:rgba(249,246,234,.6);\r\n}\r\n#bt-hero .bt-live{display:inline-flex;align-items:center;gap:7px;color:var(--bt-rust-2)}\r\n#bt-hero .bt-live::before{content:\"\";width:6px;height:6px;border-radius:50%;background:currentColor;animation:btPulse 1.8s infinite}\r\n#bt-hero .bt-console__log{margin:0;padding:0}\r\n#bt-hero .bt-console__log > div{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:12px;\r\n  padding:8px 0;\r\n  border-bottom:1px dashed rgba(249,246,234,.12);\r\n  animation:btFade .8s both;\r\n}\r\n#bt-hero .bt-console__log > div:nth-child(1){animation-delay:1.7s}\r\n#bt-hero .bt-console__log > div:nth-child(2){animation-delay:1.82s}\r\n#bt-hero .bt-console__log > div:nth-child(3){animation-delay:1.94s}\r\n#bt-hero .bt-console__log > div:nth-child(4){animation-delay:2.06s}\r\n#bt-hero .bt-console__log dt{margin:0;font-weight:400;white-space:nowrap;color:rgba(249,246,234,.5)}\r\n#bt-hero .bt-console__log dd{margin:0;font-weight:500;text-align:right;white-space:nowrap;color:var(--bt-paper);font-variant-numeric:tabular-nums}\r\n\r\n\/* play \/ pause, with the loop drawn around it *\/\r\n#bt-hero .bt-film{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  width:100%;\r\n  margin:12px 0 0;\r\n  padding:0;\r\n  border:0;\r\n  border-radius:0;\r\n  background:none;\r\n  color:inherit;\r\n  font:inherit;\r\n  letter-spacing:inherit;\r\n  text-transform:inherit;\r\n  text-align:left;\r\n  cursor:pointer;\r\n}\r\n#bt-hero .bt-film__dial{position:relative;flex:0 0 auto;width:40px;height:40px}\r\n#bt-hero .bt-film__ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}\r\n#bt-hero .bt-film__track{fill:rgba(249,246,234,.06);stroke:rgba(249,246,234,.25);stroke-width:1;transition:stroke .3s}\r\n#bt-hero .bt-film__fill{fill:none;stroke:var(--bt-rust-2);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:125.66px;stroke-dashoffset:calc(125.66px * (1 - var(--bt-loop,0)))}\r\n#bt-hero .bt-film__icon{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;fill:var(--bt-paper)}\r\n#bt-hero.is-playing .bt-film__icon--play,\r\n#bt-hero:not(.is-playing) .bt-film__icon--pause{display:none}\r\n#bt-hero .bt-film:hover .bt-film__track{stroke:rgba(249,246,234,.6)}\r\n\r\n\/* focus *\/\r\n#bt-hero a:focus-visible{outline:2px solid var(--bt-rust);outline-offset:4px}\r\n#bt-hero .bt-film:focus-visible{outline:2px solid var(--bt-rust-2);outline-offset:4px}\r\n\r\n\/* ---------- motion ---------- *\/\r\n@keyframes btZoom{from{transform:scale(1.12)}to{transform:none}}\r\n@keyframes btRise{from{transform:translateY(108%)}to{transform:none}}\r\n@keyframes btUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}\r\n@keyframes btFade{from{opacity:0}to{opacity:1}}\r\n@keyframes btDraw{from{transform:scaleX(0)}to{transform:scaleX(1)}}\r\n@keyframes btSlide{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}\r\n@keyframes btDrip{0%{background-position:0 -120%,0 0}100%{background-position:0 220%,0 0}}\r\n@keyframes btPulse{0%{box-shadow:0 0 0 0 rgba(208,112,60,.6)}70%{box-shadow:0 0 0 7px rgba(208,112,60,0)}100%{box-shadow:0 0 0 0 rgba(208,112,60,0)}}\r\n@keyframes btGrain{\r\n  0%,100%{transform:translate(0,0)}\r\n  20%{transform:translate(-3%,2%)}\r\n  40%{transform:translate(2%,-3%)}\r\n  60%{transform:translate(-2%,-1%)}\r\n  80%{transform:translate(3%,3%)}\r\n}\r\n\r\n\/* ---------- breakpoints ---------- *\/\r\n@media (max-width:1280px){\r\n  #bt-hero .bt-console{width:280px}\r\n}\r\n@media (max-width:1024px){\r\n  :root{--bt-head:103px}\r\n  #bt-hero .bt-hero__copy{width:min(50vw,560px)}\r\n  #bt-hero .bt-side{display:none}\r\n  #bt-hero .bt-console{width:264px;font-size:10px;letter-spacing:.08em}\r\n}\r\n\r\n\/* phones, and tablets held upright: words on top, the planet below *\/\r\n@media (max-width:767px),(max-width:1024px) and (orientation:portrait){\r\n  #bt-hero{display:flex;flex-direction:column;align-content:normal;padding:0}\r\n  #bt-hero .bt-hero__copy{\r\n    order:1;\r\n    width:auto;\r\n    padding:calc(var(--bt-head) + 24px) var(--bt-pad) 0;\r\n    translate:none;\r\n    opacity:1;\r\n  }\r\n  #bt-hero .bt-title{font-size:clamp(46px,12.5vw,112px)}\r\n  #bt-hero .bt-sub{font-size:clamp(24px,5.6vw,40px)}\r\n  #bt-hero .bt-tag{max-width:34ch}\r\n  #bt-hero .bt-cta{margin-top:26px}\r\n  #bt-hero .bt-themes{margin-top:28px}\r\n  #bt-hero .bt-hero__media{\r\n    order:2;\r\n    position:relative;\r\n    inset:auto;\r\n    flex:1 0 auto;\r\n    min-height:max(300px,38vh);\r\n    margin-top:-12px;\r\n    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24%);\r\n    mask-image:linear-gradient(to bottom,transparent 0,#000 24%);\r\n  }\r\n  #bt-hero .bt-hero__parallax{transform:none;translate:none;background-position:60% 50%}\r\n  #bt-hero .bt-hero__video{object-position:60% 50%}\r\n  #bt-hero .bt-hero__fog,\r\n  #bt-hero .bt-scroll,\r\n  #bt-hero .bt-side{display:none}\r\n  #bt-hero .bt-console{\r\n    left:var(--bt-pad);\r\n    right:var(--bt-pad);\r\n    bottom:16px;\r\n    width:auto;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    padding:10px 12px;\r\n    translate:none;\r\n  }\r\n  #bt-hero .bt-console__head,\r\n  #bt-hero .bt-console__log > div:not(.bt-console__clock){display:none}\r\n  #bt-hero .bt-console__log{flex:1 1 auto;min-width:0}\r\n  #bt-hero .bt-console__log > .bt-console__clock{flex-direction:column;align-items:flex-start;gap:5px;padding:0;border:0}\r\n  #bt-hero .bt-console__clock dd{text-align:left}\r\n  #bt-hero .bt-film{width:auto;margin:0}\r\n  #bt-hero .bt-film__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}\r\n}\r\n@media (max-width:767px){\r\n  :root{--bt-head:91px}\r\n  #bt-hero .bt-eyebrow{gap:12px;font-size:10.5px;letter-spacing:.28em}\r\n  #bt-hero .bt-eyebrow::before{width:32px}\r\n  #bt-hero .bt-tag{font-size:17px}\r\n  #bt-hero .bt-cta{gap:12px 22px}\r\n  #bt-hero .bt-btn{height:50px;padding:0 20px;font-size:15px}\r\n  #bt-hero .bt-themes{gap:8px 18px;margin-top:26px;font-size:10px;letter-spacing:.22em}\r\n  #bt-hero .bt-themes li + li::before{left:-11px}\r\n}\r\n@media (max-width:480px){\r\n  \/* the second action becomes a quiet text link *\/\r\n  #bt-hero .bt-btn--ghost{height:auto;padding:6px 0;border:0}\r\n  #bt-hero .bt-btn--ghost::before{inset:auto 0 0 0;height:1px;background:currentColor;opacity:.35;transform:none}\r\n  #bt-hero .bt-btn--ghost:hover,\r\n  #bt-hero .bt-btn--ghost:focus-visible{color:var(--bt-rust)}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  #bt-hero *,\r\n  #bt-hero *::before,\r\n  #bt-hero *::after{animation:none!important;transition:none!important}\r\n  #bt-hero .bt-hero__parallax,\r\n  #bt-hero .bt-hero__copy,\r\n  #bt-hero .bt-console{translate:none!important}\r\n}\r\n<\/style>\r\n\r\n<section id=\"bt-hero\" class=\"bt-hero\" aria-labelledby=\"bt-hero-title\">\r\n  <div class=\"bt-hero__media\" aria-hidden=\"true\">\r\n    <div class=\"bt-hero__parallax\">\r\n      <video class=\"bt-hero__video\" muted loop playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture disableremoteplayback tabindex=\"-1\"\r\n             poster=\"https:\/\/bookpublish.online\/victorcrocket\/wp-content\/uploads\/2026\/10\/6bc835bd-afa2-4a63-91fe-5717ac73bb7b.webp\">\r\n        <source src=\"http:\/\/bookpublish.online\/victorcrocket\/wp-content\/uploads\/2026\/10\/Animate_spaceship_and_astronauts\u2026_20261026000129.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"bt-hero__fog\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bt-hero__grain\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"bt-hero__copy\">\r\n    <p class=\"bt-eyebrow\">A novel by Victor Crockett<\/p>\r\n    <h1 class=\"bt-title\" id=\"bt-hero-title\">\r\n      <span class=\"bt-line\"><span>Beyond<\/span><\/span>\r\n      <span class=\"bt-line\"><span>Tranquillity<\/span><\/span>\r\n    <\/h1>\r\n    <p class=\"bt-sub\">A Martian Odyssey<\/p>\r\n    <p class=\"bt-tag\">The greatest distance is not always measured in miles.<\/p>\r\n    <div class=\"bt-cta\">\r\n      <a class=\"bt-btn bt-btn--solid\" href=\"#bt-intro\">Buy the book\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12h15M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\r\n      <\/a>\r\n      <a class=\"bt-btn bt-btn--ghost\" href=\"#bt-excerpt\">About the author<\/a>\r\n    <\/div>\r\n    <ul class=\"bt-themes\" aria-label=\"Themes of the novel\">\r\n      <li>Discovery<\/li>\r\n      <li>Human Ambition<\/li>\r\n      <li>Survival<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <a class=\"bt-scroll\" href=\"#bt-intro\">Scroll<\/a>\r\n  <p class=\"bt-side\" aria-hidden=\"true\">27 &middot; 12 &middot; 2075 &mdash; Humanity sets foot on Mars<\/p>\r\n\r\n  <div class=\"bt-console\">\r\n    <div class=\"bt-console__head\" aria-hidden=\"true\"><span>Mission log<\/span><span class=\"bt-live\">Live<\/span><\/div>\r\n    <dl class=\"bt-console__log\" aria-hidden=\"true\">\r\n      <div><dt>Vessel<\/dt><dd>Pegasus<\/dd><\/div>\r\n      <div><dt>Transit<\/dt><dd>Earth &rarr; Mars &middot; 30 days<\/dd><\/div>\r\n      <div><dt>Landfall<\/dt><dd>70&deg; E &middot; 30&deg; S<\/dd><\/div>\r\n      <div class=\"bt-console__clock\"><dt>Mars time<\/dt><dd><span data-bt-sol>Sol<\/span> &middot; <span data-bt-mtc>--:--:--<\/span><\/dd><\/div>\r\n    <\/dl>\r\n    <button class=\"bt-film\" type=\"button\" aria-label=\"Play the background film\">\r\n      <span class=\"bt-film__dial\" aria-hidden=\"true\">\r\n        <svg class=\"bt-film__ring\" viewBox=\"0 0 44 44\"><circle class=\"bt-film__track\" cx=\"22\" cy=\"22\" r=\"20\"\/><circle class=\"bt-film__fill\" cx=\"22\" cy=\"22\" r=\"20\"\/><\/svg>\r\n        <svg class=\"bt-film__icon bt-film__icon--pause\" viewBox=\"0 0 24 24\"><path d=\"M7 5h3.5v14H7zM13.5 5H17v14h-3.5z\"\/><\/svg>\r\n        <svg class=\"bt-film__icon bt-film__icon--play\" viewBox=\"0 0 24 24\"><path d=\"M8 5l11 7-11 7z\"\/><\/svg>\r\n      <\/span>\r\n      <span class=\"bt-film__label\">Play film<\/span>\r\n    <\/button>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var win = window;\r\n  var doc = document;\r\n  if (typeof win.__btHeroCleanup === 'function') win.__btHeroCleanup();\r\n\r\n  var hero = doc.getElementById('bt-hero');\r\n  if (!hero) return;\r\n\r\n  var video = hero.querySelector('.bt-hero__video');\r\n  var film = hero.querySelector('.bt-film');\r\n  var filmLabel = hero.querySelector('.bt-film__label');\r\n  var solEl = hero.querySelector('[data-bt-sol]');\r\n  var mtcEl = hero.querySelector('[data-bt-mtc]');\r\n  var reduce = win.matchMedia('(prefers-reduced-motion: reduce)');\r\n  var stacked = win.matchMedia('(max-width: 767px), (max-width: 1024px) and (orientation: portrait)');\r\n  var finePointer = win.matchMedia('(hover: hover) and (pointer: fine)');\r\n\r\n  var userPaused = reduce.matches;   \/\/ with reduced motion the film waits for the play button\r\n  var inView = true;\r\n  var frame = 0;\r\n  var target = { x: 0, y: 0 };\r\n  var pointer = { x: 0, y: 0 };\r\n  var last = {};\r\n\r\n  function setVar(el, name, value) {\r\n    if (last[name] === value) return;\r\n    last[name] = value;\r\n    if (value === null) el.style.removeProperty(name);\r\n    else el.style.setProperty(name, value);\r\n  }\r\n\r\n  \/\/ ---- film ----\r\n  function showPlaying(playing) {\r\n    hero.classList.toggle('is-playing', playing);\r\n    filmLabel.textContent = playing ? 'Pause film' : 'Play film';\r\n    film.setAttribute('aria-label', playing ? 'Pause the background film' : 'Play the background film');\r\n  }\r\n  function play() {\r\n    if (userPaused || !inView || doc.hidden) return;\r\n    video.muted = true;\r\n    video.preload = 'auto';\r\n    var attempt = video.play();\r\n    if (attempt && typeof attempt.catch === 'function') attempt.catch(function () { showPlaying(false); });\r\n  }\r\n  function onPlaying() {\r\n    hero.classList.add('is-ready');\r\n    showPlaying(true);\r\n    schedule();\r\n  }\r\n  function onPause() { showPlaying(false); }\r\n  function onFilm() {\r\n    if (video.paused) {\r\n      userPaused = false;\r\n      play();\r\n    } else {\r\n      userPaused = true;\r\n      video.pause();\r\n    }\r\n  }\r\n\r\n  \/\/ ---- parallax + loop ring ----\r\n  function motionOn() { return !reduce.matches && !stacked.matches; }\r\n\r\n  function tick() {\r\n    frame = 0;\r\n    var again = false;\r\n\r\n    if (!video.paused && video.duration) {\r\n      setVar(film, '--bt-loop', (video.currentTime \/ video.duration).toFixed(3));\r\n      again = true;\r\n    }\r\n\r\n    if (motionOn()) {\r\n      var r = hero.getBoundingClientRect();\r\n      var h = r.height || 1;\r\n      var y = Math.min(Math.max(-r.top, 0), h);\r\n      pointer.x += (target.x - pointer.x) * 0.08;\r\n      pointer.y += (target.y - pointer.y) * 0.08;\r\n      if (Math.abs(target.x - pointer.x) > 0.002 || Math.abs(target.y - pointer.y) > 0.002) again = true;\r\n      setVar(hero, '--bt-y', y.toFixed(0) + 'px');\r\n      setVar(hero, '--bt-p', (y \/ h).toFixed(3));\r\n      setVar(hero, '--bt-px', pointer.x.toFixed(3));\r\n      setVar(hero, '--bt-py', pointer.y.toFixed(3));\r\n    } else {\r\n      setVar(hero, '--bt-y', null);\r\n      setVar(hero, '--bt-p', null);\r\n      setVar(hero, '--bt-px', null);\r\n      setVar(hero, '--bt-py', null);\r\n    }\r\n\r\n    if (again && inView) schedule();\r\n  }\r\n  function schedule() {\r\n    if (!frame) frame = win.requestAnimationFrame(tick);\r\n  }\r\n  function onPointer(e) {\r\n    if (!finePointer.matches) return;\r\n    var r = hero.getBoundingClientRect();\r\n    target.x = ((e.clientX - r.left) \/ r.width - 0.5) * 2;\r\n    target.y = ((e.clientY - r.top) \/ r.height - 0.5) * 2;\r\n    schedule();\r\n  }\r\n  function onLeave() {\r\n    target.x = 0;\r\n    target.y = 0;\r\n    schedule();\r\n  }\r\n\r\n  \/\/ ---- Mars Coordinated Time, from the Mars24 formula ----\r\n  function pad(n) { return (n < 10 ? '0' : '') + n; }\r\n  function marsClock() {\r\n    var jdTT = 2440587.5 + Date.now() \/ 864e5 + 69.184 \/ 86400;\r\n    var msd = (jdTT - 2405522.0028779) \/ 1.0274912517;\r\n    var hours = (msd - Math.floor(msd)) * 24;\r\n    var h = Math.floor(hours);\r\n    var m = Math.floor((hours - h) * 60);\r\n    var s = Math.floor(((hours - h) * 60 - m) * 60);\r\n    solEl.textContent = 'Sol ' + Math.floor(msd).toLocaleString('en-US');\r\n    mtcEl.textContent = pad(h) + ':' + pad(m) + ':' + pad(s);\r\n  }\r\n  var clock = win.setInterval(marsClock, 1000);\r\n  marsClock();\r\n\r\n  \/\/ ---- only run the film while it can be seen ----\r\n  var io = 'IntersectionObserver' in win ? new win.IntersectionObserver(function (entries) {\r\n    inView = entries[entries.length - 1].isIntersecting;\r\n    if (inView) {\r\n      play();\r\n      schedule();\r\n    } else if (!video.paused) {\r\n      video.pause();\r\n    }\r\n  }) : null;\r\n  if (io) io.observe(hero);\r\n\r\n  function onVisibility() {\r\n    if (doc.hidden) {\r\n      if (!video.paused) video.pause();\r\n    } else {\r\n      play();\r\n    }\r\n  }\r\n  function onReduceChange() {\r\n    if (reduce.matches) {\r\n      userPaused = true;\r\n      video.pause();\r\n    }\r\n    schedule();\r\n  }\r\n  function listen(mql, fn, on) {\r\n    if (mql.addEventListener) mql[on ? 'addEventListener' : 'removeEventListener']('change', fn);\r\n    else mql[on ? 'addListener' : 'removeListener'](fn);\r\n  }\r\n\r\n  video.addEventListener('playing', onPlaying);\r\n  video.addEventListener('pause', onPause);\r\n  film.addEventListener('click', onFilm);\r\n  hero.addEventListener('pointermove', onPointer);\r\n  hero.addEventListener('pointerleave', onLeave);\r\n  win.addEventListener('scroll', schedule, { passive: true });\r\n  win.addEventListener('resize', schedule);\r\n  doc.addEventListener('visibilitychange', onVisibility);\r\n  listen(reduce, onReduceChange, true);\r\n  listen(stacked, schedule, true);\r\n\r\n  showPlaying(false);\r\n  play();\r\n  schedule();\r\n\r\n  win.__btHeroCleanup = function () {\r\n    if (frame) win.cancelAnimationFrame(frame);\r\n    win.clearInterval(clock);\r\n    if (io) io.disconnect();\r\n    video.removeEventListener('playing', onPlaying);\r\n    video.removeEventListener('pause', onPause);\r\n    film.removeEventListener('click', onFilm);\r\n    hero.removeEventListener('pointermove', onPointer);\r\n    hero.removeEventListener('pointerleave', onLeave);\r\n    win.removeEventListener('scroll', schedule);\r\n    win.removeEventListener('resize', schedule);\r\n    doc.removeEventListener('visibilitychange', onVisibility);\r\n    listen(reduce, onReduceChange, false);\r\n    listen(stacked, schedule, false);\r\n    win.__btHeroCleanup = null;\r\n  };\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04afb27 e-con-full e-flex e-con e-parent\" data-id=\"04afb27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f0f2e3 elementor-widget elementor-widget-html\" data-id=\"5f0f2e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=EB+Garamond:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style id=\"bt-intro-css\">\n\/* =====================================================================\n   Beyond Tranquillity \u00b7 section 2 \u00b7 \"A new frontier. An old danger.\" (#bt-intro)\n   Paste in an HTML widget inside a full-width container, under the hero.\n   ===================================================================== *\/\n:root{\n  --bt-paper:#f9f6ea;\n  --bt-ink:#0e0c0a;\n  --bt-rust:#ae4721;\n  --bt-rust-2:#d0703c;\n  --bt-serif:\"EB Garamond\",Georgia,\"Times New Roman\",serif;\n  --bt-display:\"Cormorant Garamond\",\"EB Garamond\",Georgia,serif;\n  --bt-mono:\"IBM Plex Mono\",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;\n  --bt-ease:cubic-bezier(.22,.61,.36,1);\n  --bt-out:cubic-bezier(.16,1,.3,1);\n  --bt-pad:clamp(16px,3vw,40px);\n}\n\n\/* Elementor: edge to edge *\/\n.e-con:has(> .elementor-widget-html #bt-intro),\n.e-con:has(> .e-con-inner > .elementor-widget-html #bt-intro){padding:0!important;gap:0!important;max-width:none!important}\n.e-con:has(> .e-con-inner > .elementor-widget-html #bt-intro) > .e-con-inner{max-width:none!important;padding:0!important;gap:0!important}\n.elementor-widget-html:has(#bt-intro){width:100%!important;max-width:100%!important;margin:0!important}\n\n\/* the hero's \"Begin the Journey\" glides here *\/\n@media (prefers-reduced-motion:no-preference){\n  html:has(#bt-intro){scroll-behavior:smooth}\n}\n\n\/* ---------- section ---------- *\/\n#bt-intro{\n  position:relative;\n  isolation:isolate;\n  overflow:hidden;\n  margin:0;\n  padding:clamp(96px,11vw,176px) max(var(--bt-pad),calc((100% - 1400px) \/ 2 + var(--bt-pad))) clamp(80px,9vw,140px);\n  background:var(--bt-paper);\n  color:var(--bt-ink);\n  font-family:var(--bt-serif);\n  -webkit-font-smoothing:antialiased;\n  text-rendering:optimizeLegibility;\n}\n#bt-intro *,#bt-intro *::before,#bt-intro *::after{box-sizing:border-box}\n#bt-intro ::selection{background:var(--bt-rust);color:var(--bt-paper)}\n\n\/* paper grain, still *\/\n#bt-intro::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:-2;\n  pointer-events:none;\n  opacity:.05;\n  background:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n}\n\n\/* an orbit drifting behind the headline, with PEGASUS riding it *\/\n#bt-intro .bt-intro__orbit{\n  --size:clamp(440px,54vw,880px);\n  position:absolute;\n  z-index:-1;\n  left:calc(var(--size) * -.46);\n  top:clamp(-120px,-6vw,-40px);\n  width:var(--size);\n  height:var(--size);\n  pointer-events:none;\n  animation:btSpin 120s linear infinite;\n}\n#bt-intro .bt-intro__orbit svg{display:block;width:100%;height:100%;overflow:visible}\n#bt-intro .bt-intro__orbit .o1{fill:none;stroke:rgba(174,71,33,.32);stroke-width:1;stroke-dasharray:2 7;vector-effect:non-scaling-stroke}\n#bt-intro .bt-intro__orbit .o2{fill:none;stroke:rgba(14,12,10,.06);stroke-width:1;vector-effect:non-scaling-stroke}\n#bt-intro .bt-intro__sat{\n  position:absolute;\n  left:50%;\n  top:0;\n  width:8px;\n  height:8px;\n  margin:-4px 0 0 -4px;\n  border-radius:50%;\n  background:var(--bt-rust);\n  box-shadow:0 0 0 4px rgba(174,71,33,.14),0 0 18px 2px rgba(208,112,60,.55);\n}\n\n\/* ---------- headline | rule | story ---------- *\/\n#bt-intro .bt-intro__grid{\n  display:grid;\n  grid-template-columns:minmax(0,6fr) 1px minmax(0,5fr);\n  gap:clamp(40px,6vw,96px);\n  align-items:start;\n}\n#bt-intro .bt-intro__kicker{\n  display:flex;\n  align-items:center;\n  gap:14px;\n  margin:0 0 clamp(22px,2.4vw,32px);\n  font-family:var(--bt-serif);\n  font-size:12px;\n  font-weight:500;\n  line-height:1;\n  letter-spacing:.34em;\n  text-transform:uppercase;\n  color:rgba(14,12,10,.65);\n}\n#bt-intro .bt-intro__kicker span{font-family:var(--bt-mono);letter-spacing:.08em;color:var(--bt-rust)}\n#bt-intro .bt-intro__kicker i{display:block;width:44px;height:1px;background:var(--bt-rust);transform-origin:0 50%}\n#bt-intro .bt-intro__title{\n  margin:0;\n  padding:0;\n  font-family:var(--bt-display);\n  font-size:clamp(46px,6.2vw,100px);\n  font-weight:500;\n  line-height:.95;\n  letter-spacing:-.015em;\n  text-transform:none;\n  color:var(--bt-ink);\n}\n#bt-intro .bt-intro__line{display:block;overflow:hidden;padding:.06em 0 .14em;margin:-.06em 0 -.14em}\n#bt-intro .bt-intro__line > span{display:block}\n#bt-intro .bt-intro__title em{font-style:italic;color:var(--bt-rust)}\n\n\/* the rule fills with rust as you read *\/\n#bt-intro .bt-intro__rule{position:relative;align-self:stretch;width:1px;background:rgba(14,12,10,.12)}\n#bt-intro .bt-intro__fill{position:absolute;inset:0;background:var(--bt-rust);transform-origin:50% 0;transform:scaleY(var(--bt-rule,1))}\n#bt-intro .bt-intro__tip{\n  position:absolute;\n  left:50%;\n  top:calc(var(--bt-rule,1) * 100%);\n  width:7px;\n  height:7px;\n  margin:-3.5px 0 0 -3.5px;\n  background:var(--bt-rust);\n  transform:rotate(45deg);\n}\n\n#bt-intro .bt-intro__body{padding-top:clamp(8px,3.2vw,52px)}\n#bt-intro .bt-intro__lede{\n  margin:0;\n  font-family:var(--bt-serif);\n  font-size:clamp(21px,1.85vw,28px);\n  font-weight:400;\n  line-height:1.45;\n  color:var(--bt-ink);\n}\n#bt-intro .bt-intro__lede strong{font-weight:500;letter-spacing:.08em;color:var(--bt-rust)}\n#bt-intro .bt-intro__note{\n  max-width:46ch;\n  margin:28px 0 0;\n  font-size:17px;\n  line-height:1.65;\n  color:rgba(14,12,10,.66);\n}\n#bt-intro .bt-intro__link{\n  display:inline-flex;\n  align-items:center;\n  gap:12px;\n  margin-top:32px;\n  padding-bottom:8px;\n  font-family:var(--bt-serif);\n  font-size:14px;\n  font-weight:500;\n  line-height:1;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  text-decoration:none;\n  color:var(--bt-ink);\n  background:linear-gradient(currentColor,currentColor) 0 100%\/100% 1px no-repeat;\n  transition:color .3s var(--bt-ease);\n}\n#bt-intro .bt-intro__link:hover,\n#bt-intro .bt-intro__link:focus-visible{color:var(--bt-rust);text-decoration:none}\n#bt-intro .bt-intro__link svg{width:18px;height:18px;transition:transform .45s var(--bt-ease)}\n#bt-intro .bt-intro__link:hover svg{transform:translateX(5px)}\n#bt-intro .bt-intro__link:focus-visible{outline:2px solid var(--bt-rust);outline-offset:4px}\n\n\/* ---------- numbers from the book ---------- *\/\n#bt-intro .bt-intro__stats{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  margin:clamp(72px,9vw,140px) 0 0;\n  padding:0;\n  list-style:none;\n  border-top:1px solid rgba(14,12,10,.14);\n}\n#bt-intro .bt-stat{\n  position:relative;\n  margin:0;\n  padding:clamp(24px,2.6vw,36px) clamp(16px,2vw,32px) 0;\n  border-left:1px solid rgba(14,12,10,.1);\n}\n#bt-intro .bt-stat:first-child{padding-left:0;border-left:0}\n#bt-intro .bt-stat::before{content:\"\";position:absolute;top:-1px;left:0;width:40px;height:2px;background:var(--bt-rust)}\n#bt-intro .bt-stat:not(:first-child)::before{left:-1px}\n#bt-intro .bt-stat__value{\n  display:flex;\n  align-items:baseline;\n  gap:8px;\n  margin:0;\n  font-family:var(--bt-display);\n  font-size:clamp(42px,4.6vw,72px);\n  font-weight:600;\n  line-height:1;\n  letter-spacing:-.01em;\n  color:var(--bt-ink);\n  font-variant-numeric:lining-nums;\n}\n#bt-intro .bt-stat__unit{\n  font-family:var(--bt-mono);\n  font-size:12px;\n  font-weight:500;\n  letter-spacing:.16em;\n  text-transform:uppercase;\n  color:rgba(14,12,10,.55);\n}\n#bt-intro .bt-stat__label{\n  margin:18px 0 0;\n  font-family:var(--bt-mono);\n  font-size:11px;\n  font-weight:500;\n  line-height:1.3;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  color:var(--bt-rust);\n}\n#bt-intro .bt-stat__text{max-width:28ch;margin:10px 0 0;font-size:16px;line-height:1.55;color:rgba(14,12,10,.66)}\n#bt-intro .bt-stat--loss .bt-stat__value{color:var(--bt-rust)}\n\n\/* ---------- scroll reveals (only when the script is running) ---------- *\/\n#bt-intro.bt-js .bt-intro__kicker{opacity:0;transition:opacity 1s var(--bt-out)}\n#bt-intro.bt-js .bt-intro__kicker i{transform:scaleX(0);transition:transform 1.2s .1s var(--bt-out)}\n#bt-intro.bt-js .bt-intro__line > span{transform:translateY(108%);transition:transform 1.3s var(--bt-out)}\n#bt-intro.bt-js .bt-intro__line:nth-child(2) > span{transition-delay:.12s}\n#bt-intro.bt-js .is-in .bt-intro__kicker{opacity:1}\n#bt-intro.bt-js .is-in .bt-intro__kicker i{transform:none}\n#bt-intro.bt-js .is-in .bt-intro__line > span{transform:none}\n\n#bt-intro.bt-js .bt-w{color:rgba(14,12,10,.16);transition:color .5s var(--bt-ease)}\n#bt-intro.bt-js .bt-w.is-lit{color:var(--bt-ink)}\n#bt-intro.bt-js strong.bt-w.is-lit{color:var(--bt-rust)}\n\n#bt-intro.bt-js .bt-intro__note,\n#bt-intro.bt-js .bt-intro__link{opacity:0;transform:translateY(16px);transition:opacity 1s var(--bt-out),transform 1s var(--bt-out),color .3s var(--bt-ease)}\n#bt-intro.bt-js .bt-intro__link{transition-delay:.12s,.12s,0s}\n#bt-intro.bt-js .is-in .bt-intro__note,\n#bt-intro.bt-js .is-in .bt-intro__link{opacity:1;transform:none}\n\n#bt-intro.bt-js .bt-stat{opacity:0;transform:translateY(22px);transition:opacity 1s var(--bt-out),transform 1s var(--bt-out)}\n#bt-intro.bt-js .bt-stat:nth-child(2){transition-delay:.1s}\n#bt-intro.bt-js .bt-stat:nth-child(3){transition-delay:.2s}\n#bt-intro.bt-js .bt-stat:nth-child(4){transition-delay:.3s}\n#bt-intro.bt-js .is-in .bt-stat{opacity:1;transform:none}\n\n@keyframes btSpin{to{transform:rotate(360deg)}}\n\n\/* ---------- breakpoints ---------- *\/\n@media (max-width:1024px){\n  #bt-intro .bt-intro__grid{grid-template-columns:minmax(0,1fr);gap:0}\n  #bt-intro .bt-intro__rule{width:56px;height:1px;margin:36px 0 34px;align-self:auto}\n  #bt-intro .bt-intro__fill{transform:none}\n  #bt-intro .bt-intro__tip{display:none}\n  #bt-intro .bt-intro__body{padding-top:0}\n  #bt-intro .bt-intro__lede{font-size:clamp(21px,3.2vw,28px)}\n  #bt-intro .bt-intro__stats{grid-template-columns:repeat(2,minmax(0,1fr))}\n  #bt-intro .bt-stat:nth-child(3){padding-left:0;border-left:0}\n  #bt-intro .bt-stat:nth-child(3)::before{left:0}\n  #bt-intro .bt-stat:nth-child(n+3){margin-top:30px;border-top:1px solid rgba(14,12,10,.1)}\n}\n@media (max-width:767px){\n  #bt-intro .bt-intro__orbit{--size:118vw;left:-64vw;top:-40px}\n  #bt-intro .bt-intro__kicker{gap:12px;font-size:10.5px;letter-spacing:.28em}\n  #bt-intro .bt-intro__kicker i{width:32px}\n  #bt-intro .bt-intro__note{font-size:16px}\n  #bt-intro .bt-stat{padding:22px 0 0 14px}\n  #bt-intro .bt-stat:nth-child(odd){padding-left:0}\n  #bt-intro .bt-stat__value{gap:6px;font-size:clamp(36px,10.5vw,56px)}\n  #bt-intro .bt-stat__unit{font-size:10px;letter-spacing:.1em}\n  #bt-intro .bt-stat__label{margin-top:14px;font-size:10px;letter-spacing:.14em}\n  #bt-intro .bt-stat__text{font-size:14.5px}\n}\n\n@media (prefers-reduced-motion:reduce){\n  #bt-intro .bt-intro__orbit{animation:none}\n}\n<\/style>\n\n<section id=\"bt-intro\" class=\"bt-intro\" aria-labelledby=\"bt-intro-title\">\n  <div class=\"bt-intro__orbit\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 100 100\"><circle class=\"o1\" cx=\"50\" cy=\"50\" r=\"50\"\/><circle class=\"o2\" cx=\"50\" cy=\"50\" r=\"36\"\/><\/svg>\n    <span class=\"bt-intro__sat\"><\/span>\n  <\/div>\n\n  <div class=\"bt-intro__grid\">\n    <header class=\"bt-intro__head\" data-bt-reveal>\n      <p class=\"bt-intro__kicker\"><span>01<\/span><i aria-hidden=\"true\"><\/i>The premise<\/p>\n      <h2 class=\"bt-intro__title\" id=\"bt-intro-title\">\n        <span class=\"bt-intro__line\"><span>A new frontier.<\/span><\/span>\n        <span class=\"bt-intro__line\"><span><em>An old danger.<\/em><\/span><\/span>\n      <\/h2>\n    <\/header>\n\n    <div class=\"bt-intro__rule\" aria-hidden=\"true\"><span class=\"bt-intro__fill\"><\/span><span class=\"bt-intro__tip\"><\/span><\/div>\n\n    <div class=\"bt-intro__body\" data-bt-reveal>\n      <p class=\"bt-intro__lede\" data-bt-words>A space elevator opens the way to Mars. Aboard <strong>PEGASUS<\/strong>, an immense crew begins an extraordinary expedition. But a hostile planet is only part of the challenge. Back on Earth, powerful opponents are determined that the mission will never return.<\/p>\n      <p class=\"bt-intro__note\">Two crews have already been lost between the planets. Daniel Winstanley has spent forty-five years building a ship that will not fail, but on Earth there are those who believe mankind was never meant to leave it, and they are determined that PEGASUS will.<\/p>\n      <!--<a class=\"bt-intro__link\" href=\"#bt-pegasus\">Step aboard Pegasus-->\n      <!--  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12h15M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>-->\n      <!--<\/a>-->\n    <\/div>\n  <\/div>\n\n  <ul class=\"bt-intro__stats\" data-bt-reveal data-bt-stats>\n    <li class=\"bt-stat\">\n      <p class=\"bt-stat__value\"><span data-bt-count=\"50000\">50,000<\/span><span class=\"bt-stat__unit\">km<\/span><\/p>\n      <p class=\"bt-stat__label\">Space elevator<\/p>\n      <p class=\"bt-stat__text\">Of carbon-nanotube thread, tethering Earth to a counterweight beyond geostationary orbit.<\/p>\n    <\/li>\n    <li class=\"bt-stat\">\n      <p class=\"bt-stat__value\"><span data-bt-count=\"2\">2<\/span><span class=\"bt-stat__unit\">km+<\/span><\/p>\n      <p class=\"bt-stat__label\">Drive train<\/p>\n      <p class=\"bt-stat__text\">A braced linear accelerator running the length of PEGASUS.<\/p>\n    <\/li>\n    <li class=\"bt-stat\">\n      <p class=\"bt-stat__value\"><span data-bt-count=\"30\">30<\/span><span class=\"bt-stat__unit\">days<\/span><\/p>\n      <p class=\"bt-stat__label\">Earth to Mars<\/p>\n      <p class=\"bt-stat__text\">At one hundredth of a G, not the 330 days of a conventional ship.<\/p>\n    <\/li>\n    <li class=\"bt-stat bt-stat--loss\">\n      <p class=\"bt-stat__value\"><span data-bt-count=\"2\">2<\/span><span class=\"bt-stat__unit\">crews<\/span><\/p>\n      <p class=\"bt-stat__label\">Lost before her<\/p>\n      <p class=\"bt-stat__text\">EAGLE and CONDOR set out for Mars. Neither crew came home.<\/p>\n    <\/li>\n  <\/ul>\n<\/section>\n\n<script>\n(function () {\n  var win = window;\n  var doc = document;\n  if (typeof win.__btIntroCleanup === 'function') win.__btIntroCleanup();\n\n  var root = doc.getElementById('bt-intro');\n  if (!root) return;\n  var reduce = win.matchMedia('(prefers-reduced-motion: reduce)');\n  \/\/ without motion everything simply stays visible\n  if (reduce.matches) return;\n\n  var lede = root.querySelector('[data-bt-words]');\n  var rule = root.querySelector('.bt-intro__rule');\n  var counts = root.querySelectorAll('[data-bt-count]');\n  var pending = Array.prototype.filter.call(root.querySelectorAll('[data-bt-reveal]'), function (el) {\n    return !el.classList.contains('is-in');\n  });\n  var frame = 0;\n  var timers = [];\n  var lit = -1;\n\n  \/\/ wrap each word of the lede so it can light up as it is read\n  function splitWords(p) {\n    if (p.hasAttribute('data-bt-split')) return Array.prototype.slice.call(p.querySelectorAll('.bt-w'));\n    var out = [];\n    Array.prototype.slice.call(p.childNodes).forEach(function (node) {\n      if (node.nodeType === 1) {\n        node.classList.add('bt-w');\n        out.push(node);\n        return;\n      }\n      if (node.nodeType !== 3) return;\n      var frag = doc.createDocumentFragment();\n      node.textContent.split(\/(\\s+)\/).forEach(function (part) {\n        if (!part) return;\n        if (\/^\\s+$\/.test(part)) {\n          frag.appendChild(doc.createTextNode(part));\n        } else {\n          var span = doc.createElement('span');\n          span.className = 'bt-w';\n          span.textContent = part;\n          frag.appendChild(span);\n          out.push(span);\n        }\n      });\n      p.replaceChild(frag, node);\n    });\n    p.setAttribute('data-bt-split', '');\n    return out;\n  }\n  var words = splitWords(lede);\n\n  function countUp(el) {\n    var to = parseFloat(el.getAttribute('data-bt-count'));\n    var start = 0;\n    function step(now) {\n      if (!start) start = now;\n      var k = Math.min(1, (now - start) \/ 1800);\n      el.textContent = Math.round(to * (1 - Math.pow(1 - k, 3))).toLocaleString('en-US');\n      if (k < 1) timers.push(win.requestAnimationFrame(step));\n    }\n    timers.push(win.requestAnimationFrame(step));\n  }\n\n  function tick() {\n    frame = 0;\n    var vh = win.innerHeight;\n    var box = root.getBoundingClientRect();\n    if (box.bottom < -vh * 0.2 || box.top > vh * 1.2) return;\n\n    pending = pending.filter(function (el) {\n      var b = el.getBoundingClientRect();\n      if (b.top > vh * 0.9 || b.bottom < 0) return true;\n      el.classList.add('is-in');\n      if (el.hasAttribute('data-bt-stats')) Array.prototype.forEach.call(counts, countUp);\n      return false;\n    });\n\n    var r = lede.getBoundingClientRect();\n    var p = (vh * 0.85 - r.top) \/ (vh * 0.4 + r.height);\n    var n = Math.round(Math.min(1, Math.max(0, p)) * words.length);\n    if (n !== lit) {\n      for (var i = 0; i < words.length; i++) words[i].classList.toggle('is-lit', i < n);\n      lit = n;\n    }\n\n    var rr = rule.getBoundingClientRect();\n    var q = rr.height > 1 ? (vh * 0.7 - rr.top) \/ rr.height : 1;\n    rule.style.setProperty('--bt-rule', Math.min(1, Math.max(0, q)).toFixed(3));\n  }\n  function schedule() {\n    if (!frame) frame = win.requestAnimationFrame(tick);\n  }\n\n  root.classList.add('bt-js');\n  Array.prototype.forEach.call(counts, function (el) {\n    if (!el.closest('.is-in')) el.textContent = '0';\n  });\n  win.addEventListener('scroll', schedule, { passive: true });\n  win.addEventListener('resize', schedule);\n  schedule();\n\n  win.__btIntroCleanup = function () {\n    if (frame) win.cancelAnimationFrame(frame);\n    timers.forEach(function (t) { win.cancelAnimationFrame(t); });\n    win.removeEventListener('scroll', schedule);\n    win.removeEventListener('resize', schedule);\n    win.__btIntroCleanup = null;\n  };\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67c4c0b e-con-full e-flex e-con e-parent\" data-id=\"67c4c0b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0290327 elementor-widget elementor-widget-html\" data-id=\"0290327\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=EB+Garamond:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style id=\"bt-pegasus-css\">\n\/* =====================================================================\n   Beyond Tranquillity \u00b7 section 3 \u00b7 \"Welcome aboard PEGASUS.\" (#bt-pegasus)\n   Paste in an HTML widget inside a full-width container, under section 2.\n   ===================================================================== *\/\n:root{\n  --bt-paper:#f9f6ea;\n  --bt-ink:#0e0c0a;\n  --bt-rust:#ae4721;\n  --bt-rust-2:#d0703c;\n  --bt-serif:\"EB Garamond\",Georgia,\"Times New Roman\",serif;\n  --bt-display:\"Cormorant Garamond\",\"EB Garamond\",Georgia,serif;\n  --bt-mono:\"IBM Plex Mono\",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;\n  --bt-ease:cubic-bezier(.22,.61,.36,1);\n  --bt-out:cubic-bezier(.16,1,.3,1);\n  --bt-pad:clamp(16px,3vw,40px);\n}\n\n\/* Elementor: edge to edge *\/\n.e-con:has(> .elementor-widget-html #bt-pegasus),\n.e-con:has(> .e-con-inner > .elementor-widget-html #bt-pegasus){padding:0!important;gap:0!important;max-width:none!important}\n.e-con:has(> .e-con-inner > .elementor-widget-html #bt-pegasus) > .e-con-inner{max-width:none!important;padding:0!important;gap:0!important}\n.elementor-widget-html:has(#bt-pegasus){width:100%!important;max-width:100%!important;margin:0!important}\n\n#bt-pegasus{\n  --bt-open:1;\n  --bt-gutter:max(var(--bt-pad),calc((100% - 1400px) \/ 2 + var(--bt-pad)));\n  position:relative;\n  margin:0;\n  padding:0;\n  background:var(--bt-ink);\n  color:var(--bt-paper);\n  font-family:var(--bt-serif);\n  -webkit-font-smoothing:antialiased;\n  text-rendering:optimizeLegibility;\n  overflow:hidden;\n  overflow:clip;               \/* clip, not hidden, so the pinned film can stick *\/\n}\n#bt-pegasus *,#bt-pegasus *::before,#bt-pegasus *::after{box-sizing:border-box}\n#bt-pegasus ::selection{background:var(--bt-rust);color:var(--bt-paper)}\n\/* the theme gives every <p> its own font; keep ours *\/\n#bt-pegasus p,#bt-pegasus li,#bt-pegasus figcaption,#bt-pegasus blockquote,#bt-pegasus footer{font-family:var(--bt-serif)}\n\n\/* =========================================================\n   1 \u00b7 the window: a framed picture that opens to fill the screen\n   ========================================================= *\/\n#bt-pegasus .bt-peg__pin{position:relative;background:var(--bt-paper)}\n#bt-pegasus.bt-js .bt-peg__pin{height:200vh}\n#bt-pegasus .bt-peg__stage{\n  position:sticky;\n  top:0;\n  height:100vh;\n  height:100svh;\n  min-height:560px;\n  overflow:hidden;\n  isolation:isolate;\n  background:var(--bt-ink);\n  clip-path:inset(calc((1 - var(--bt-open)) * 9vh) calc((1 - var(--bt-open)) * 9vw) round calc((1 - var(--bt-open)) * 22px));\n}\n#bt-pegasus .bt-peg__img{\n  position:absolute;\n  inset:0;\n  z-index:-2;\n  display:block;\n  width:100%;\n  height:100%;\n  max-width:none;\n  object-fit:cover;\n  object-position:56% 50%;\n  transform:scale(calc(1 + (1 - var(--bt-open)) * .18));\n  transform-origin:62% 55%;\n}\n\/* light from the windows, and the floor sinking into the dark below *\/\n#bt-pegasus .bt-peg__shade{\n  position:absolute;\n  inset:0;\n  z-index:-1;\n  pointer-events:none;\n  background:\n    linear-gradient(180deg,rgba(14,12,10,.55) 0%,rgba(14,12,10,0) 22%,rgba(14,12,10,0) 52%,rgba(14,12,10,.7) 82%,var(--bt-ink) 100%),\n    linear-gradient(90deg,rgba(14,12,10,.55) 0%,rgba(14,12,10,0) 45%);\n}\n\n#bt-pegasus .bt-peg__caption{\n  position:absolute;\n  left:var(--bt-gutter);\n  right:var(--bt-gutter);\n  bottom:clamp(36px,7vh,80px);\n}\n#bt-pegasus .bt-peg__kicker{\n  display:flex;\n  align-items:center;\n  gap:14px;\n  margin:0 0 22px;\n  font-size:12px;\n  font-weight:500;\n  line-height:1;\n  letter-spacing:.34em;\n  text-transform:uppercase;\n  color:rgba(249,246,234,.72);\n}\n#bt-pegasus .bt-peg__kicker span{font-family:var(--bt-mono);letter-spacing:.08em;color:var(--bt-rust-2)}\n#bt-pegasus .bt-peg__kicker i{display:block;width:44px;height:1px;background:var(--bt-rust-2);transform-origin:0 50%}\n#bt-pegasus .bt-peg__title{margin:0;padding:0;font-family:var(--bt-display);font-weight:500;line-height:.9;color:var(--bt-paper);text-transform:none}\n#bt-pegasus .bt-peg__line{display:block;overflow:hidden;padding:.06em 0 .14em;margin:-.06em 0 -.14em}\n#bt-pegasus .bt-peg__line > span{display:block}\n#bt-pegasus .bt-peg__welcome{font-size:clamp(30px,3.6vw,56px);font-style:italic;color:rgba(249,246,234,.86)}\n#bt-pegasus .bt-peg__name{\n  font-size:clamp(58px,9.6vw,160px);\n  font-weight:600;\n  letter-spacing:.05em;\n  text-transform:uppercase;\n  text-shadow:0 10px 50px rgba(0,0,0,.45);\n}\n#bt-pegasus .bt-peg__name b{font-weight:600;color:var(--bt-rust-2)}\n#bt-pegasus .bt-peg__sub{\n  margin:20px 0 0;\n  font-family:var(--bt-mono);\n  font-size:11px;\n  letter-spacing:.22em;\n  text-transform:uppercase;\n  color:rgba(249,246,234,.62);\n}\n\n\/* the exchange on the eve of departure, up in the dark of the ceiling *\/\n#bt-pegasus .bt-peg__talk{\n  position:absolute;\n  top:clamp(84px,10.5vh,120px);\n  right:var(--bt-gutter);\n  max-width:330px;\n  margin:0;\n  padding:0;\n}\n#bt-pegasus .bt-peg__talk::before{\n  content:\"\";\n  position:absolute;\n  inset:-50px -70px;\n  z-index:-1;\n  pointer-events:none;\n  background:radial-gradient(closest-side,rgba(14,12,10,.62),rgba(14,12,10,0));\n}\n#bt-pegasus .bt-peg__talk p,\n#bt-pegasus .bt-peg__talk footer{text-shadow:0 1px 14px rgba(0,0,0,.7)}\n#bt-pegasus .bt-peg__talk blockquote{margin:0;padding:0 0 0 18px;border:0;border-left:1px solid rgba(208,112,60,.6)}\n#bt-pegasus .bt-peg__talk blockquote + blockquote{margin-top:18px}\n#bt-pegasus .bt-peg__talk p{\n  margin:0;\n  font-family:var(--bt-display);\n  font-size:clamp(20px,1.7vw,26px);\n  font-style:italic;\n  font-weight:500;\n  line-height:1.25;\n  color:var(--bt-paper);\n}\n#bt-pegasus .bt-peg__talk footer{\n  margin-top:8px;\n  font-family:var(--bt-mono);\n  font-size:10px;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  color:rgba(249,246,234,.55);\n}\n\n\/* reveals tied to the window opening (only when the script is running) *\/\n#bt-pegasus.bt-js .bt-peg__kicker,\n#bt-pegasus.bt-js .bt-peg__sub{opacity:0;transition:opacity .9s var(--bt-out)}\n#bt-pegasus.bt-js .bt-peg__kicker i{transform:scaleX(0);transition:transform 1.1s .1s var(--bt-out)}\n#bt-pegasus.bt-js .bt-peg__line > span{transform:translateY(108%);transition:transform 1.2s var(--bt-out)}\n#bt-pegasus.bt-js .bt-peg__line + .bt-peg__line > span{transition-delay:.1s}\n#bt-pegasus.bt-js .bt-peg__sub{transition-delay:.3s}\n#bt-pegasus.bt-js.is-titled .bt-peg__kicker,\n#bt-pegasus.bt-js.is-titled .bt-peg__sub{opacity:1}\n#bt-pegasus.bt-js.is-titled .bt-peg__kicker i,\n#bt-pegasus.bt-js.is-titled .bt-peg__line > span{transform:none}\n#bt-pegasus.bt-js .bt-peg__talk blockquote{opacity:0;transform:translateY(14px);transition:opacity .9s var(--bt-out),transform .9s var(--bt-out)}\n#bt-pegasus.bt-js .bt-peg__talk blockquote + blockquote{transition-delay:.5s}\n#bt-pegasus.bt-js.is-told .bt-peg__talk blockquote{opacity:1;transform:none}\n\n\/* =========================================================\n   2 \u00b7 ship's particulars: a blueprint of PEGASUS\n   ========================================================= *\/\n#bt-pegasus .bt-peg__ship{padding:clamp(72px,8vw,128px) var(--bt-gutter) clamp(80px,9vw,140px)}\n#bt-pegasus .bt-peg__head{\n  display:grid;\n  grid-template-columns:minmax(0,6fr) minmax(0,5fr);\n  gap:clamp(32px,6vw,96px);\n  align-items:end;\n}\n#bt-pegasus .bt-peg__h3{\n  margin:0;\n  padding:0;\n  font-family:var(--bt-display);\n  font-size:clamp(40px,4.6vw,74px);\n  font-weight:500;\n  line-height:1;\n  letter-spacing:-.01em;\n  color:var(--bt-paper);\n  text-transform:none;\n}\n#bt-pegasus .bt-peg__h3 em{font-style:italic;color:var(--bt-rust-2)}\n#bt-pegasus .bt-peg__lede{\n  max-width:44ch;\n  margin:0;\n  font-size:clamp(17px,1.35vw,20px);\n  line-height:1.6;\n  color:rgba(249,246,234,.72);\n}\n\n\/* drawing board *\/\n#bt-pegasus .bt-peg__board{\n  position:relative;\n  margin:clamp(48px,6vw,84px) 0 0;\n  padding:clamp(18px,2vw,28px);\n  border:1px solid rgba(249,246,234,.12);\n  background:\n    linear-gradient(rgba(249,246,234,.035) 1px,transparent 1px) 0 0\/28px 28px,\n    linear-gradient(90deg,rgba(249,246,234,.035) 1px,transparent 1px) 0 0\/28px 28px,\n    radial-gradient(120% 120% at 50% 0%,rgba(174,71,33,.12),rgba(174,71,33,0) 60%);\n}\n#bt-pegasus .bt-peg__board::before,\n#bt-pegasus .bt-peg__board::after{content:\"\";position:absolute;width:16px;height:16px;border:1px solid var(--bt-rust-2);pointer-events:none}\n#bt-pegasus .bt-peg__board::before{top:-1px;left:-1px;border-right:0;border-bottom:0}\n#bt-pegasus .bt-peg__board::after{right:-1px;bottom:-1px;border-left:0;border-top:0}\n#bt-pegasus .bt-peg__titleblock{\n  display:flex;\n  justify-content:space-between;\n  gap:16px;\n  margin:0 0 10px;\n  font-family:var(--bt-mono);\n  font-size:10.5px;\n  letter-spacing:.2em;\n  text-transform:uppercase;\n  color:rgba(249,246,234,.5);\n}\n#bt-pegasus .bt-peg__titleblock span:first-child{color:var(--bt-rust-2)}\n#bt-pegasus .bt-peg__scroll{position:relative}\n#bt-pegasus .bt-peg__svg{display:block;width:100%;height:auto;overflow:visible}\n#bt-pegasus .bt-peg__swipe{display:none}\n\n\/* schematic strokes *\/\n#bt-pegasus .bt-part{\n  fill:none;\n  stroke:rgba(249,246,234,.78);\n  stroke-width:1.4;\n  stroke-linejoin:round;\n  stroke-linecap:round;\n  transition:stroke .35s var(--bt-ease),opacity .35s var(--bt-ease);\n}\n#bt-pegasus .bt-part *{pointer-events:all}\n#bt-pegasus .bt-thin{stroke-width:.8;opacity:.7}\n#bt-pegasus .bt-dash{stroke-dasharray:.012 .02;stroke-width:1}\n#bt-pegasus .bt-efflux{fill:none;stroke:var(--bt-rust-2);stroke-width:2;stroke-dasharray:6 10;stroke-linecap:round;animation:btFlow 1.1s linear infinite}\n#bt-pegasus .bt-glow{fill:var(--bt-rust-2);opacity:.5;filter:blur(6px)}\n#bt-pegasus .bt-dim{fill:none;stroke:rgba(249,246,234,.35);stroke-width:1}\n#bt-pegasus .bt-peg__svg text{font-family:var(--bt-mono);font-size:13px;letter-spacing:.18em;fill:rgba(249,246,234,.6)}\n#bt-pegasus .bt-mark circle{fill:var(--bt-ink);stroke:var(--bt-rust-2);stroke-width:1.2}\n#bt-pegasus .bt-mark line{stroke:rgba(208,112,60,.6);stroke-width:1;stroke-dasharray:2 3}\n#bt-pegasus .bt-peg__svg .bt-mark text{font-size:12px;letter-spacing:.04em;fill:var(--bt-paper);text-anchor:middle;dominant-baseline:central}\n\n\/* hovering a part or its note lights up both *\/\n#bt-pegasus .bt-peg__svg:has(.bt-part:hover) .bt-part{opacity:.35}\n#bt-pegasus .bt-peg__svg .bt-part:hover{opacity:1;stroke:var(--bt-rust-2)}\n#bt-pegasus:has(.bt-spec:hover) .bt-part{opacity:.35}\n#bt-pegasus:has(.bt-spec[data-part=\"1\"]:hover) .bt-part--1,\n#bt-pegasus:has(.bt-spec[data-part=\"2\"]:hover) .bt-part--2,\n#bt-pegasus:has(.bt-spec[data-part=\"3\"]:hover) .bt-part--3,\n#bt-pegasus:has(.bt-spec[data-part=\"4\"]:hover) .bt-part--4,\n#bt-pegasus:has(.bt-spec[data-part=\"5\"]:hover) .bt-part--5{opacity:1;stroke:var(--bt-rust-2)}\n#bt-pegasus:has(.bt-part--1:hover) .bt-spec[data-part=\"1\"],\n#bt-pegasus:has(.bt-part--2:hover) .bt-spec[data-part=\"2\"],\n#bt-pegasus:has(.bt-part--3:hover) .bt-spec[data-part=\"3\"],\n#bt-pegasus:has(.bt-part--4:hover) .bt-spec[data-part=\"4\"],\n#bt-pegasus:has(.bt-part--5:hover) .bt-spec[data-part=\"5\"]{border-top-color:var(--bt-rust-2);background:rgba(208,112,60,.07)}\n\n\/* the ship's particulars *\/\n#bt-pegasus .bt-peg__specs{\n  display:grid;\n  grid-template-columns:repeat(5,minmax(0,1fr));\n  gap:0 clamp(16px,1.6vw,28px);\n  margin:clamp(36px,4vw,56px) 0 0;\n  padding:0;\n  list-style:none;\n}\n#bt-pegasus .bt-spec{\n  margin:0;\n  padding:22px 12px 8px 0;\n  border-top:1px solid rgba(249,246,234,.16);\n  transition:border-color .35s var(--bt-ease),background-color .35s var(--bt-ease);\n}\n#bt-pegasus .bt-spec:hover{border-top-color:var(--bt-rust-2)}\n#bt-pegasus .bt-spec__no{margin:0;font-family:var(--bt-mono);font-size:11px;letter-spacing:.12em;color:var(--bt-rust-2)}\n#bt-pegasus .bt-spec__name{margin:12px 0 0;font-family:var(--bt-display);font-size:clamp(22px,1.8vw,28px);font-weight:500;line-height:1.1;color:var(--bt-paper)}\n#bt-pegasus .bt-spec__fig{margin:8px 0 0;font-family:var(--bt-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(249,246,234,.6)}\n#bt-pegasus .bt-spec__text{margin:12px 0 0;font-size:15.5px;line-height:1.55;color:rgba(249,246,234,.66)}\n\n\/* draw the ship when it comes into view *\/\n#bt-pegasus.bt-js .bt-draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s var(--bt-out)}\n#bt-pegasus.bt-js .bt-part--3 .bt-draw{transition-delay:.25s}\n#bt-pegasus.bt-js .bt-part--2 .bt-draw{transition-delay:.45s}\n#bt-pegasus.bt-js .bt-part--4 .bt-draw{transition-delay:.65s}\n#bt-pegasus.bt-js .bt-part--1 .bt-draw{transition-delay:.8s}\n#bt-pegasus.bt-js .is-in .bt-draw{stroke-dashoffset:0}\n#bt-pegasus.bt-js .bt-late{opacity:0;transition:opacity .9s 1.2s var(--bt-out)}\n#bt-pegasus.bt-js .is-in .bt-late{opacity:1}\n#bt-pegasus.bt-js .bt-mark,\n#bt-pegasus.bt-js .bt-efflux,\n#bt-pegasus.bt-js .bt-glow,\n#bt-pegasus.bt-js .bt-dimension{opacity:0;transition:opacity .9s 1.6s var(--bt-out)}\n#bt-pegasus.bt-js .is-in .bt-mark,\n#bt-pegasus.bt-js .is-in .bt-dimension,\n#bt-pegasus.bt-js .is-in .bt-efflux{opacity:1}\n#bt-pegasus.bt-js .is-in .bt-glow{opacity:.5}\n\n#bt-pegasus.bt-js .bt-peg__head > *,\n#bt-pegasus.bt-js .bt-spec{opacity:0;transform:translateY(18px);transition:opacity 1s var(--bt-out),transform 1s var(--bt-out),border-color .35s var(--bt-ease),background-color .35s var(--bt-ease)}\n#bt-pegasus.bt-js .bt-peg__head > :nth-child(2){transition-delay:.12s,.12s,0s,0s}\n#bt-pegasus.bt-js .bt-spec:nth-child(2){transition-delay:.08s,.08s,0s,0s}\n#bt-pegasus.bt-js .bt-spec:nth-child(3){transition-delay:.16s,.16s,0s,0s}\n#bt-pegasus.bt-js .bt-spec:nth-child(4){transition-delay:.24s,.24s,0s,0s}\n#bt-pegasus.bt-js .bt-spec:nth-child(5){transition-delay:.32s,.32s,0s,0s}\n#bt-pegasus.bt-js .is-in > *,\n#bt-pegasus.bt-js .is-in .bt-spec{opacity:1;transform:none}\n\n@keyframes btFlow{to{stroke-dashoffset:-32}}\n\n\/* ---------- breakpoints ---------- *\/\n@media (max-width:1180px){\n  #bt-pegasus .bt-peg__specs{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}\n}\n@media (max-width:1024px){\n  #bt-pegasus .bt-peg__head{grid-template-columns:minmax(0,1fr);gap:22px}\n}\n@media (max-width:767px){\n  #bt-pegasus.bt-js .bt-peg__pin{height:170vh}\n  #bt-pegasus .bt-peg__img{object-position:78% 50%;transform-origin:72% 55%}\n  #bt-pegasus .bt-peg__shade{\n    background:linear-gradient(180deg,rgba(14,12,10,.45) 0%,rgba(14,12,10,0) 22%,rgba(14,12,10,.15) 40%,rgba(14,12,10,.82) 70%,var(--bt-ink) 100%);\n  }\n  #bt-pegasus .bt-peg__caption{bottom:28px}\n  #bt-pegasus .bt-peg__talk{top:104px;left:var(--bt-gutter);right:var(--bt-gutter);max-width:none}\n  #bt-pegasus .bt-peg__kicker{gap:12px;margin-bottom:16px;font-size:10.5px;letter-spacing:.28em}\n  #bt-pegasus .bt-peg__kicker i{width:32px}\n  #bt-pegasus .bt-peg__name{font-size:clamp(46px,14.5vw,96px);letter-spacing:.03em}\n  #bt-pegasus .bt-peg__sub{margin-top:14px;font-size:10px;letter-spacing:.16em;line-height:1.6}\n  #bt-pegasus .bt-peg__talk p{font-size:19px}\n  #bt-pegasus .bt-peg__talk blockquote + blockquote{margin-top:12px}\n  \/* the drawing scrolls sideways inside its board *\/\n  #bt-pegasus .bt-peg__board{padding:14px 0 14px 14px}\n  #bt-pegasus .bt-peg__titleblock{padding-right:14px;font-size:9.5px;letter-spacing:.14em}\n  #bt-pegasus .bt-peg__scroll{\n    overflow-x:auto;\n    overscroll-behavior-x:contain;\n    -webkit-overflow-scrolling:touch;\n    scrollbar-width:none;\n    -webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);\n    mask-image:linear-gradient(90deg,#000 82%,transparent);\n  }\n  #bt-pegasus .bt-peg__scroll::-webkit-scrollbar{display:none}\n  #bt-pegasus .bt-peg__svg{width:760px;max-width:none;padding-right:40px}\n  #bt-pegasus .bt-peg__swipe{\n    display:flex;\n    align-items:center;\n    gap:10px;\n    margin:12px 0 0;\n    font-family:var(--bt-mono);\n    font-size:10px;\n    letter-spacing:.18em;\n    text-transform:uppercase;\n    color:rgba(249,246,234,.5);\n  }\n  #bt-pegasus .bt-peg__swipe::after{content:\"\\2192\";font-size:14px;color:var(--bt-rust-2);animation:btNudge 1.6s var(--bt-ease) infinite}\n  #bt-pegasus .bt-peg__specs{grid-template-columns:minmax(0,1fr);row-gap:0}\n  #bt-pegasus .bt-spec{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:8px;padding:20px 0 14px}\n  #bt-pegasus .bt-spec__no{grid-row:span 3;padding-top:6px}\n  #bt-pegasus .bt-spec > :not(.bt-spec__no){grid-column:2}\n  #bt-pegasus .bt-spec__name{margin:0}\n}\n@keyframes btNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}\n\n@media (prefers-reduced-motion:reduce){\n  #bt-pegasus *,\n  #bt-pegasus *::before,\n  #bt-pegasus *::after{animation:none!important;transition:none!important}\n}\n<\/style>\n\n<section id=\"bt-pegasus\" class=\"bt-peg\" aria-labelledby=\"bt-peg-title\">\n  <div class=\"bt-peg__pin\">\n    <div class=\"bt-peg__stage\">\n      <img fetchpriority=\"high\" class=\"bt-peg__img\" src=\"https:\/\/bookpublish.online\/victorcrocket\/wp-content\/uploads\/2026\/10\/95803542-4b02-438d-b8d3-4a9ae68308fc.webp\"\n           width=\"1672\" height=\"941\" decoding=\"async\"\n           alt=\"Two crew members stand in silhouette on the observation deck of PEGASUS, looking out at Mars through a wall of curved windows.\">\n      <div class=\"bt-peg__shade\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"bt-peg__caption\">\n        <div class=\"bt-peg__words\">\n          <p class=\"bt-peg__kicker\"><span>02<\/span><i aria-hidden=\"true\"><\/i>On board<\/p>\n          <h2 class=\"bt-peg__title\" id=\"bt-peg-title\">\n            <span class=\"bt-peg__line bt-peg__welcome\"><span>Welcome aboard<\/span><\/span>\n            <span class=\"bt-peg__line bt-peg__name\"><span>Pegasus<b>.<\/b><\/span><\/span>\n          <\/h2>\n          <p class=\"bt-peg__sub\">Two carousels &middot; one full gravity &middot; thirty days to Mars<\/p>\n        <\/div>\n      <\/div>\n\n      <figure class=\"bt-peg__talk\">\n        <blockquote><p>&ldquo;Not a thing of beauty.&rdquo;<\/p><footer>Bill, commandant of GSS3<\/footer><\/blockquote>\n        <blockquote><p>&ldquo;No, Bill, not a thing of beauty.&rdquo;<\/p><footer>Captain Richard Lewis<\/footer><\/blockquote>\n      <\/figure>\n    <\/div>\n  <\/div>\n\n  <div class=\"bt-peg__ship\">\n    <header class=\"bt-peg__head\" data-bt-reveal>\n      <h3 class=\"bt-peg__h3\">Not built for beauty.<br><em>Built to arrive.<\/em><\/h3>\n      <p class=\"bt-peg__lede\">Daniel Winstanley spent forty-five years on her: over two kilometres of braced linear accelerator, nuclear power and contra-rotating carousels, built to carry hundreds to Mars in thirty days, and bring them home.<\/p>\n    <\/header>\n\n    <div class=\"bt-peg__board\" data-bt-reveal>\n      <p class=\"bt-peg__titleblock\" aria-hidden=\"true\"><span>PEGASUS &middot; General arrangement<\/span><span>Side elevation &middot; not to scale<\/span><\/p>\n      <div class=\"bt-peg__scroll\">\n        <svg class=\"bt-peg__svg\" viewBox=\"0 0 1260 340\" role=\"img\" aria-label=\"Side view of PEGASUS: the cyclotron stage at the bow, two nuclear power complexes with radiator vanes either side of the pressure vessel and its two carousels, the Mars excursion vehicles at the aft air locks, and the two-kilometre drive train running the full length of the ship.\">\n          <defs>\n            <marker id=\"bt-peg-arrow\" viewBox=\"0 0 10 10\" refX=\"6\" refY=\"5\" markerWidth=\"7\" markerHeight=\"7\" orient=\"auto-start-reverse\">\n              <path d=\"M0 0 10 5 0 10z\" fill=\"rgba(249,246,234,.78)\"\/>\n            <\/marker>\n          <\/defs>\n\n          <!-- 05 drive train: a braced linear accelerator, bow to stern -->\n          <g class=\"bt-part bt-part--5\">\n            <path class=\"bt-draw\" pathLength=\"1\" d=\"M150 152H1130M150 168H1130\"\/>\n            <path class=\"bt-draw bt-thin\" pathLength=\"1\" d=\"M150 168 L170 152 L190 168 L210 152 L230 168 L250 152 L270 168 L290 152 L310 168 L330 152 L350 168 L370 152 L390 168 L410 152 L430 168 L450 152 L470 168 L490 152 L510 168 L530 152 L550 168 L570 152 L590 168 L610 152 L630 168 L650 152 L670 168 L690 152 L710 168 L730 152 L750 168 L770 152 L790 168 L810 152 L830 168 L850 152 L870 168 L890 152 L910 168 L930 152 L950 168 L970 152 L990 168 L1010 152 L1030 168 L1050 152 L1070 168 L1090 152 L1110 168 L1130 152\"\/>\n            <path class=\"bt-draw\" pathLength=\"1\" d=\"M1130 146L1170 134V186L1130 174Z\"\/>\n          <\/g>\n          <ellipse class=\"bt-glow\" cx=\"1186\" cy=\"160\" rx=\"14\" ry=\"10\"\/>\n          <path class=\"bt-efflux\" d=\"M1176 160H1250\"\/>\n\n          <!-- 01 cyclotron stage and reaction mass tank, at the bow -->\n          <g class=\"bt-part bt-part--1\">\n            <rect class=\"bt-draw\" pathLength=\"1\" x=\"24\" y=\"138\" width=\"58\" height=\"44\" rx=\"16\"\/>\n            <path class=\"bt-draw\" pathLength=\"1\" d=\"M82 160H150\"\/>\n            <circle class=\"bt-draw\" pathLength=\"1\" cx=\"116\" cy=\"104\" r=\"48\"\/>\n            <circle class=\"bt-draw\" pathLength=\"1\" cx=\"116\" cy=\"216\" r=\"48\"\/>\n            <circle class=\"bt-late bt-dash\" pathLength=\"1\" cx=\"116\" cy=\"104\" r=\"30\"\/>\n            <circle class=\"bt-late bt-dash\" pathLength=\"1\" cx=\"116\" cy=\"216\" r=\"30\"\/>\n            <ellipse class=\"bt-draw\" pathLength=\"1\" cx=\"116\" cy=\"160\" rx=\"7\" ry=\"100\"\/>\n          <\/g>\n\n          <!-- 02 nuclear power complexes with radiator vanes, fore and aft -->\n          <g class=\"bt-part bt-part--2\">\n            <circle class=\"bt-draw\" pathLength=\"1\" cx=\"370\" cy=\"160\" r=\"16\"\/>\n            <path class=\"bt-draw\" pathLength=\"1\" d=\"M362 146 336 64 350 60 368 144ZM368 144 362 50H378L372 144ZM374 144 390 60 404 64 378 146ZM362 174 336 256 350 260 368 176ZM368 176 362 270H378L372 176ZM374 176 390 260 404 256 378 174Z\"\/>\n            <circle class=\"bt-draw\" pathLength=\"1\" cx=\"890\" cy=\"160\" r=\"16\"\/>\n            <path class=\"bt-draw\" pathLength=\"1\" d=\"M882 146 856 64 870 60 888 144ZM888 144 882 50H898L892 144ZM894 144 910 60 924 64 898 146ZM882 174 856 256 870 260 888 176ZM888 176 882 270H898L892 176ZM894 176 910 260 924 256 898 174Z\"\/>\n          <\/g>\n\n          <!-- 03 pressure vessel with its two contra-rotating carousels -->\n          <g class=\"bt-part bt-part--3\">\n            <rect class=\"bt-draw\" pathLength=\"1\" x=\"470\" y=\"84\" width=\"320\" height=\"152\" rx=\"70\"\/>\n            <ellipse class=\"bt-draw\" pathLength=\"1\" cx=\"560\" cy=\"160\" rx=\"20\" ry=\"66\"\/>\n            <ellipse class=\"bt-draw\" pathLength=\"1\" cx=\"700\" cy=\"160\" rx=\"20\" ry=\"66\"\/>\n            <path class=\"bt-late bt-dash\" pathLength=\"1\" d=\"M612 104V216M648 104V216\"\/>\n            <path class=\"bt-late bt-thin\" d=\"M538 72A26 10 0 0 1 582 72\" marker-end=\"url(#bt-peg-arrow)\"\/>\n            <path class=\"bt-late bt-thin\" d=\"M722 72A26 10 0 0 0 678 72\" marker-end=\"url(#bt-peg-arrow)\"\/>\n          <\/g>\n\n          <!-- 04 Mars excursion vehicles on the aft air locks -->\n          <g class=\"bt-part bt-part--4\">\n            <path class=\"bt-draw\" pathLength=\"1\" d=\"M786 112H800M786 208H800\"\/>\n            <path class=\"bt-draw\" pathLength=\"1\" d=\"M800 104 846 92 838 112 800 118ZM800 202 846 214 838 232 800 216Z\"\/>\n            <path class=\"bt-draw bt-thin\" pathLength=\"1\" d=\"M806 90 836 82 832 92ZM806 230 836 238 832 228Z\"\/>\n          <\/g>\n\n          <!-- numbered call-outs -->\n          <g class=\"bt-mark\"><line x1=\"116\" y1=\"38\" x2=\"116\" y2=\"56\"\/><circle cx=\"116\" cy=\"24\" r=\"14\"\/><text x=\"116\" y=\"24\">01<\/text><\/g>\n          <g class=\"bt-mark\"><line x1=\"370\" y1=\"38\" x2=\"370\" y2=\"50\"\/><circle cx=\"370\" cy=\"24\" r=\"14\"\/><text x=\"370\" y=\"24\">02<\/text><\/g>\n          <g class=\"bt-mark\"><line x1=\"630\" y1=\"38\" x2=\"630\" y2=\"84\"\/><circle cx=\"630\" cy=\"24\" r=\"14\"\/><text x=\"630\" y=\"24\">03<\/text><\/g>\n          <g class=\"bt-mark\"><line x1=\"822\" y1=\"38\" x2=\"822\" y2=\"80\"\/><circle cx=\"822\" cy=\"24\" r=\"14\"\/><text x=\"822\" y=\"24\">04<\/text><\/g>\n          <g class=\"bt-mark\"><line x1=\"1040\" y1=\"38\" x2=\"1040\" y2=\"152\"\/><circle cx=\"1040\" cy=\"24\" r=\"14\"\/><text x=\"1040\" y=\"24\">05<\/text><\/g>\n\n          <!-- length of the drive train -->\n          <g class=\"bt-dimension\">\n            <path class=\"bt-dim\" d=\"M150 292V308M1130 292V308M150 300H1130\"\/>\n            <text x=\"640\" y=\"330\" text-anchor=\"middle\">2 KM+ &middot; DRIVE TRAIN<\/text>\n          <\/g>\n        <\/svg>\n      <\/div>\n      <p class=\"bt-peg__swipe\" aria-hidden=\"true\">Swipe to walk the ship<\/p>\n    <\/div>\n\n    <ul class=\"bt-peg__specs\" data-bt-reveal>\n      <li class=\"bt-spec\" data-part=\"1\">\n        <p class=\"bt-spec__no\">01<\/p>\n        <p class=\"bt-spec__name\">Cyclotron stage<\/p>\n        <p class=\"bt-spec__fig\">4 &times; 200 m<\/p>\n        <p class=\"bt-spec__text\">Four cyclotrons in a cruciform give the reaction mass its first push. Inside them, a toroidal tank of powdered iron.<\/p>\n      <\/li>\n      <li class=\"bt-spec\" data-part=\"2\">\n        <p class=\"bt-spec__no\">02<\/p>\n        <p class=\"bt-spec__name\">Power complexes<\/p>\n        <p class=\"bt-spec__fig\">2 &times; nuclear<\/p>\n        <p class=\"bt-spec__text\">Two nuclear generator complexes, contra-rotating, shed their waste heat as infra-red through vast radiator vanes.<\/p>\n      <\/li>\n      <li class=\"bt-spec\" data-part=\"3\">\n        <p class=\"bt-spec__no\">03<\/p>\n        <p class=\"bt-spec__name\">Pressure vessel<\/p>\n        <p class=\"bt-spec__fig\">2 &times; 400 m &middot; 1 g<\/p>\n        <p class=\"bt-spec__text\">Two carousels turn in opposite directions, pushing against each other to hold the crew at one full gravity.<\/p>\n      <\/li>\n      <li class=\"bt-spec\" data-part=\"4\">\n        <p class=\"bt-spec__no\">04<\/p>\n        <p class=\"bt-spec__name\">Excursion vehicles<\/p>\n        <p class=\"bt-spec__fig\">6 + 2 VTOL<\/p>\n        <p class=\"bt-spec__text\">Six conventional craft and two vertical take-off landers wait at the aft air locks to carry crews down to the surface.<\/p>\n      <\/li>\n      <li class=\"bt-spec\" data-part=\"5\">\n        <p class=\"bt-spec__no\">05<\/p>\n        <p class=\"bt-spec__name\">Drive train<\/p>\n        <p class=\"bt-spec__fig\">2 km+ &middot; 0.01 g<\/p>\n        <p class=\"bt-spec__text\">A braced linear accelerator. It manages only one hundredth of a G, but it never has to stop.<\/p>\n      <\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var win = window;\n  var doc = document;\n  if (typeof win.__btPegCleanup === 'function') win.__btPegCleanup();\n\n  var root = doc.getElementById('bt-pegasus');\n  if (!root) return;\n  \/\/ without motion the picture simply sits full-bleed and everything is visible\n  if (win.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n  var pin = root.querySelector('.bt-peg__pin');\n  var pending = Array.prototype.filter.call(root.querySelectorAll('[data-bt-reveal]'), function (el) {\n    return !el.classList.contains('is-in');\n  });\n  var frame = 0;\n  var lastOpen = '';\n\n  function tick() {\n    frame = 0;\n    var vh = win.innerHeight;\n    var box = root.getBoundingClientRect();\n    if (box.bottom < -vh * 0.2 || box.top > vh * 1.2) return;\n\n    \/\/ the window opens over the first part of the pinned stretch, then holds\n    var r = pin.getBoundingClientRect();\n    var span = r.height - vh;\n    var p = span > 0 ? -r.top \/ (span * 0.6) : 1;\n    p = Math.min(1, Math.max(0, p));\n    var open = (1 - Math.pow(1 - p, 3)).toFixed(3);\n    if (open !== lastOpen) {\n      root.style.setProperty('--bt-open', open);\n      lastOpen = open;\n    }\n    root.classList.toggle('is-titled', p > 0.35 || r.top < -span);\n    root.classList.toggle('is-told', p > 0.8 || r.top < -span);\n\n    pending = pending.filter(function (el) {\n      var b = el.getBoundingClientRect();\n      if (b.top > vh * 0.88 || b.bottom < 0) return true;\n      el.classList.add('is-in');\n      return false;\n    });\n  }\n  function schedule() {\n    if (!frame) frame = win.requestAnimationFrame(tick);\n  }\n\n  root.classList.add('bt-js');\n  win.addEventListener('scroll', schedule, { passive: true });\n  win.addEventListener('resize', schedule);\n  schedule();\n\n  win.__btPegCleanup = function () {\n    if (frame) win.cancelAnimationFrame(frame);\n    win.removeEventListener('scroll', schedule);\n    win.removeEventListener('resize', schedule);\n    win.__btPegCleanup = null;\n  };\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b438825 e-con-full e-flex e-con e-parent\" data-id=\"b438825\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f05207d elementor-widget elementor-widget-html\" data-id=\"f05207d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=EB+Garamond:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style id=\"bt-novel-css\">\r\n\/* =====================================================================\r\n   Beyond Tranquillity \u00b7 section 4 \u00b7 About the book + Buy (#bt-novel)\r\n   Paste in an HTML widget inside a full-width container, under section 3.\r\n   ===================================================================== *\/\r\n:root{\r\n  --bt-paper:#f9f6ea;\r\n  --bt-paper-2:#f1ebdc;\r\n  --bt-ink:#0e0c0a;\r\n  --bt-rust:#ae4721;\r\n  --bt-rust-2:#d0703c;\r\n  --bt-serif:\"EB Garamond\",Georgia,\"Times New Roman\",serif;\r\n  --bt-display:\"Cormorant Garamond\",\"EB Garamond\",Georgia,serif;\r\n  --bt-mono:\"IBM Plex Mono\",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;\r\n  --bt-ease:cubic-bezier(.22,.61,.36,1);\r\n  --bt-out:cubic-bezier(.16,1,.3,1);\r\n  --bt-pad:clamp(16px,3vw,40px);\r\n}\r\n\r\n\/* Elementor: edge to edge *\/\r\n.e-con:has(> .elementor-widget-html #bt-novel),\r\n.e-con:has(> .e-con-inner > .elementor-widget-html #bt-novel){padding:0!important;gap:0!important;max-width:none!important}\r\n.e-con:has(> .e-con-inner > .elementor-widget-html #bt-novel) > .e-con-inner{max-width:none!important;padding:0!important;gap:0!important}\r\n.elementor-widget-html:has(#bt-novel){width:100%!important;max-width:100%!important;margin:0!important}\r\n\r\n#bt-novel{\r\n  --bt-gutter:max(var(--bt-pad),calc((100% - 1400px) \/ 2 + var(--bt-pad)));\r\n  position:relative;\r\n  isolation:isolate;\r\n  margin:0;\r\n  padding:0;\r\n  background:var(--bt-paper);\r\n  color:var(--bt-ink);\r\n  font-family:var(--bt-serif);\r\n  -webkit-font-smoothing:antialiased;\r\n  text-rendering:optimizeLegibility;\r\n  overflow:hidden;\r\n  overflow:clip;               \/* clip, not hidden, so the book can stay in view *\/\r\n}\r\n#bt-novel *,#bt-novel *::before,#bt-novel *::after{box-sizing:border-box}\r\n#bt-novel ::selection{background:var(--bt-rust);color:var(--bt-paper)}\r\n\/* the theme gives every <p> its own font; keep ours *\/\r\n#bt-novel p,#bt-novel li,#bt-novel dt,#bt-novel dd,#bt-novel label{font-family:var(--bt-serif)}\r\n\r\n\/* paper grain, still *\/\r\n#bt-novel::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-2;\r\n  pointer-events:none;\r\n  opacity:.05;\r\n  background:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n#bt-novel .bt-novel__grid{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,5fr) minmax(0,6fr);\r\n  gap:clamp(40px,6vw,110px);\r\n  align-items:start;\r\n  padding:clamp(96px,10vw,160px) var(--bt-gutter) clamp(88px,9vw,140px);\r\n}\r\n\r\n\/* =========================================================\r\n   the book, held in the light\r\n   ========================================================= *\/\r\n#bt-novel .bt-novel__stage{\r\n  --rx:0deg;\r\n  --ry:0deg;\r\n  --gx:50%;\r\n  position:sticky;\r\n  top:clamp(90px,12vh,130px);\r\n  display:grid;\r\n  place-items:center;\r\n  padding:clamp(20px,3vw,48px) 0 clamp(40px,5vw,72px);\r\n}\r\n\/* a warm planet-glow and an orbit behind the book *\/\r\n#bt-novel .bt-novel__stage::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:50%;\r\n  top:46%;\r\n  z-index:-1;\r\n  width:118%;\r\n  aspect-ratio:1;\r\n  border-radius:50%;\r\n  transform:translate(-50%,-50%);\r\n  background:radial-gradient(circle,rgba(208,112,60,.28) 0%,rgba(174,71,33,.1) 38%,rgba(174,71,33,0) 66%);\r\n}\r\n#bt-novel .bt-novel__orbit{\r\n  position:absolute;\r\n  left:50%;\r\n  top:48%;\r\n  z-index:-1;\r\n  width:112%;\r\n  height:auto;\r\n  aspect-ratio:2.4;\r\n  overflow:visible;\r\n  transform:translate(-50%,-50%) rotate(-14deg);\r\n  pointer-events:none;\r\n}\r\n#bt-novel .bt-novel__orbit ellipse{fill:none;stroke:rgba(174,71,33,.45);stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}\r\n#bt-novel .bt-novel__orbit circle{fill:var(--bt-rust);filter:drop-shadow(0 0 4px rgba(208,112,60,.9))}\r\n#bt-novel .bt-novel__float{animation:btFloat 7s ease-in-out infinite}\r\n#bt-novel .bt-novel__book{\r\n  position:relative;\r\n  width:max(240px,min(30vw,460px,calc((100vh - 230px) \/ 1.5)));\r\n  transform:perspective(1300px) rotateX(var(--rx)) rotateY(var(--ry));\r\n  transform-style:preserve-3d;\r\n  transition:transform .5s var(--bt-ease);\r\n}\r\n#bt-novel .bt-novel__book img{\r\n  display:block;\r\n  width:100%;\r\n  height:auto;\r\n  max-width:none;\r\n  filter:drop-shadow(0 34px 34px rgba(14,12,10,.32)) drop-shadow(0 8px 10px rgba(14,12,10,.2));\r\n}\r\n\/* light that slides across the cover, cut to the shape of the book *\/\r\n#bt-novel .bt-novel__glare{\r\n  position:absolute;\r\n  inset:0;\r\n  pointer-events:none;\r\n  background:linear-gradient(105deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.34) 47%,rgba(255,255,255,0) 62%) var(--gx) 0\/260% 100% no-repeat;\r\n  mix-blend-mode:soft-light;\r\n  -webkit-mask:url(\"https:\/\/bookpublish.online\/victorcrocket\/wp-content\/uploads\/2026\/10\/8553a69e-9bba-4a59-bffe-b803afcab41d.webp\") center\/100% 100% no-repeat;\r\n  mask:url(\"https:\/\/bookpublish.online\/victorcrocket\/wp-content\/uploads\/2026\/10\/8553a69e-9bba-4a59-bffe-b803afcab41d.webp\") center\/100% 100% no-repeat;\r\n}\r\n#bt-novel .bt-novel__floor{\r\n  position:absolute;\r\n  left:50%;\r\n  bottom:clamp(14px,2vw,34px);\r\n  width:62%;\r\n  height:26px;\r\n  border-radius:50%;\r\n  transform:translateX(-50%);\r\n  background:radial-gradient(closest-side,rgba(14,12,10,.28),rgba(14,12,10,0));\r\n  animation:btFloor 7s ease-in-out infinite;\r\n}\r\n\r\n\/* a slowly turning seal *\/\r\n#bt-novel .bt-novel__seal{\r\n  position:absolute;\r\n  right:clamp(-10px,1vw,24px);\r\n  top:clamp(0px,2vw,30px);\r\n  width:clamp(96px,8.5vw,128px);\r\n  height:auto;\r\n  overflow:visible;\r\n}\r\n#bt-novel .bt-novel__seal .ring{animation:btSpin 28s linear infinite;transform-origin:60px 60px}\r\n#bt-novel .bt-novel__seal circle{fill:var(--bt-ink)}\r\n#bt-novel .bt-novel__seal text{font-family:var(--bt-mono);font-size:7.6px;letter-spacing:.14em;fill:var(--bt-paper)}\r\n#bt-novel .bt-novel__seal .yr{font-family:var(--bt-display);font-size:24px;font-weight:600;letter-spacing:0;fill:var(--bt-rust-2)}\r\n\r\n\/* =========================================================\r\n   the words\r\n   ========================================================= *\/\r\n#bt-novel .bt-novel__kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  margin:0 0 clamp(22px,2.4vw,30px);\r\n  font-size:12px;\r\n  font-weight:500;\r\n  line-height:1;\r\n  letter-spacing:.34em;\r\n  text-transform:uppercase;\r\n  color:rgba(14,12,10,.65);\r\n}\r\n#bt-novel .bt-novel__kicker span{font-family:var(--bt-mono);letter-spacing:.08em;color:var(--bt-rust)}\r\n#bt-novel .bt-novel__kicker i{display:block;width:44px;height:1px;background:var(--bt-rust)}\r\n#bt-novel .bt-novel__title{\r\n  margin:0;\r\n  padding:0;\r\n  font-family:var(--bt-display);\r\n  font-size:clamp(50px,6.6vw,108px);\r\n  font-weight:500;\r\n  line-height:.92;\r\n  letter-spacing:-.015em;\r\n  color:var(--bt-ink);\r\n  text-transform:none;\r\n}\r\n#bt-novel .bt-novel__title em{font-style:italic;color:var(--bt-rust)}\r\n#bt-novel .bt-novel__line{display:block;overflow:hidden;padding:.06em 0 .14em;margin:-.06em 0 -.14em}\r\n#bt-novel .bt-novel__line > span{display:block}\r\n#bt-novel .bt-novel__lede{\r\n  max-width:30ch;\r\n  margin:clamp(20px,2.4vw,30px) 0 0;\r\n  font-family:var(--bt-display);\r\n  font-size:clamp(24px,2.1vw,32px);\r\n  font-style:italic;\r\n  font-weight:500;\r\n  line-height:1.25;\r\n  color:rgba(14,12,10,.86);\r\n}\r\n#bt-novel .bt-novel__blurb{\r\n  max-width:56ch;\r\n  margin:24px 0 0;\r\n  font-size:clamp(17px,1.3vw,19px);\r\n  line-height:1.65;\r\n  color:rgba(14,12,10,.72);\r\n}\r\n#bt-novel .bt-novel__blurb::first-letter{\r\n  float:left;\r\n  margin:.06em .1em 0 0;\r\n  font-family:var(--bt-display);\r\n  font-size:3.6em;\r\n  font-weight:600;\r\n  line-height:.8;\r\n  color:var(--bt-rust);\r\n}\r\n\r\n\/* three reasons to read it *\/\r\n#bt-novel .bt-novel__pillars{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:clamp(18px,2vw,30px);\r\n  margin:clamp(36px,4vw,52px) 0 0;\r\n  padding:0;\r\n  list-style:none;\r\n}\r\n#bt-novel .bt-pillar{margin:0;padding:18px 0 0;border-top:1px solid rgba(14,12,10,.16)}\r\n#bt-novel .bt-pillar__no{margin:0;font-family:var(--bt-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--bt-rust)}\r\n#bt-novel .bt-pillar__name{margin:10px 0 0;font-family:var(--bt-display);font-size:clamp(22px,1.8vw,27px);font-weight:500;line-height:1.1;color:var(--bt-ink)}\r\n#bt-novel .bt-pillar__text{margin:8px 0 0;font-size:15px;line-height:1.55;color:rgba(14,12,10,.66)}\r\n\r\n\/* particulars *\/\r\n#bt-novel .bt-novel__facts{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:16px clamp(22px,2.6vw,40px);\r\n  margin:clamp(36px,4vw,52px) 0 0;\r\n  padding:22px 0 0;\r\n  border-top:1px solid rgba(14,12,10,.16);\r\n}\r\n#bt-novel .bt-novel__facts div{margin:0}\r\n#bt-novel .bt-novel__facts dt{margin:0;font-family:var(--bt-mono);font-size:10px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:rgba(14,12,10,.5)}\r\n#bt-novel .bt-novel__facts dd{margin:6px 0 0;font-size:16px;font-weight:500;line-height:1.3;color:var(--bt-ink)}\r\n#bt-novel .bt-novel__author{max-width:56ch;margin:18px 0 0;font-family:var(--bt-display);font-size:19px;font-style:italic;line-height:1.4;color:rgba(14,12,10,.66)}\r\n\r\n\/* =========================================================\r\n   buy the book\r\n   ========================================================= *\/\r\n#bt-novel .bt-buy{\r\n  position:relative;\r\n  margin:clamp(36px,4vw,52px) 0 0;\r\n  padding:clamp(22px,2.4vw,32px);\r\n  background:var(--bt-paper-2);\r\n  border:1px solid rgba(14,12,10,.12);\r\n  scroll-margin-top:120px;\r\n  container:btbuy \/ inline-size;\r\n}\r\n#bt-novel .bt-buy::before,\r\n#bt-novel .bt-buy::after{content:\"\";position:absolute;width:14px;height:14px;border:1px solid var(--bt-rust);pointer-events:none}\r\n#bt-novel .bt-buy::before{top:-1px;left:-1px;border-right:0;border-bottom:0}\r\n#bt-novel .bt-buy::after{right:-1px;bottom:-1px;border-left:0;border-top:0}\r\n#bt-novel .bt-buy__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}\r\n#bt-novel .bt-buy__title{margin:0;font-family:var(--bt-display);font-size:clamp(28px,2.4vw,36px);font-weight:500;line-height:1;color:var(--bt-ink)}\r\n#bt-novel .bt-buy__label{margin:0;font-family:var(--bt-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(14,12,10,.55)}\r\n\r\n\/* edition picker: four tiles, the audiobook is shown but can't be picked yet *\/\r\n#bt-novel .bt-buy__formats{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n  gap:10px;\r\n  margin:20px 0 0;\r\n  padding:0;\r\n}\r\n#bt-novel .bt-ed{\r\n  position:relative;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:flex-start;\r\n  gap:6px;\r\n  min-width:0;\r\n  margin:0;\r\n  padding:16px 14px 14px;\r\n  border:1px solid rgba(14,12,10,.18);\r\n  background:var(--bt-paper);\r\n  color:var(--bt-ink);\r\n  cursor:pointer;\r\n  transition:background-color .35s var(--bt-ease),border-color .35s var(--bt-ease),color .35s var(--bt-ease),transform .35s var(--bt-ease),box-shadow .35s var(--bt-ease);\r\n}\r\n#bt-novel .bt-ed input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}\r\n\/* the little radio mark, top right *\/\r\n#bt-novel .bt-ed::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:14px;\r\n  right:14px;\r\n  width:12px;\r\n  height:12px;\r\n  border:1px solid rgba(14,12,10,.35);\r\n  border-radius:50%;\r\n  transition:background-color .35s var(--bt-ease),border-color .35s var(--bt-ease),box-shadow .35s var(--bt-ease);\r\n}\r\n#bt-novel .bt-ed__icon{width:28px;height:28px;margin:0 0 6px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;color:var(--bt-rust);transition:color .35s var(--bt-ease)}\r\n#bt-novel .bt-ed__name{font-family:var(--bt-display);font-size:22px;font-weight:500;line-height:1}\r\n#bt-novel .bt-ed__meta{font-family:var(--bt-mono);font-size:9.5px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;opacity:.6}\r\n@media (hover:hover){\r\n  #bt-novel .bt-ed:not(.bt-ed--soon):hover{border-color:var(--bt-ink);transform:translateY(-2px)}\r\n}\r\n#bt-novel .bt-ed:has(input:checked){background:var(--bt-ink);border-color:var(--bt-ink);color:var(--bt-paper);box-shadow:0 18px 30px -20px rgba(14,12,10,.7)}\r\n#bt-novel .bt-ed:has(input:checked) .bt-ed__icon{color:var(--bt-rust-2)}\r\n#bt-novel .bt-ed:has(input:checked)::after{border-color:var(--bt-rust-2);background:var(--bt-rust-2);box-shadow:inset 0 0 0 2.5px var(--bt-ink)}\r\n#bt-novel .bt-ed:has(input:focus-visible){outline:2px solid var(--bt-rust);outline-offset:3px}\r\n\/* not out yet *\/\r\n#bt-novel .bt-ed--soon{\r\n  cursor:default;\r\n  border-style:dashed;\r\n  background:repeating-linear-gradient(135deg,transparent 0 7px,rgba(14,12,10,.04) 7px 8px);\r\n  color:rgba(14,12,10,.5);\r\n}\r\n#bt-novel .bt-ed--soon::after{display:none}\r\n#bt-novel .bt-ed--soon .bt-ed__icon{color:rgba(14,12,10,.38)}\r\n#bt-novel .bt-ed--soon .bt-ed__meta{padding:3px 7px;border:1px solid var(--bt-rust);border-radius:999px;color:var(--bt-rust);opacity:1;letter-spacing:.1em;white-space:nowrap}\r\n@container btbuy (max-width:540px){\r\n  #bt-novel .bt-buy__formats{grid-template-columns:repeat(2,minmax(0,1fr))}\r\n}\r\n\r\n\/* one button; its shop link follows the edition picked *\/\r\n#bt-novel .bt-buy__actions{display:flex;margin:18px 0 0}\r\n#bt-novel:has(.bt-buy__formats input:checked:not([value=\"ebook\"])) .bt-buy__go[data-format=\"ebook\"],\r\n#bt-novel:has(.bt-buy__formats input:checked:not([value=\"paperback\"])) .bt-buy__go[data-format=\"paperback\"],\r\n#bt-novel:has(.bt-buy__formats input:checked:not([value=\"hardcover\"])) .bt-buy__go[data-format=\"hardcover\"]{display:none}\r\n#bt-novel .bt-buy__go small{padding-left:14px;border-left:1px solid rgba(249,246,234,.35);font-family:var(--bt-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.8}\r\n\r\n#bt-novel .bt-btn{\r\n  position:relative;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:14px;\r\n  height:56px;\r\n  padding:0 28px;\r\n  border:1px solid transparent;\r\n  border-radius:0;\r\n  font-family:var(--bt-serif);\r\n  font-size:16px;\r\n  font-weight:500;\r\n  line-height:1;\r\n  letter-spacing:.04em;\r\n  text-decoration:none;\r\n  white-space:nowrap;\r\n  transition:color .45s var(--bt-ease),border-color .45s var(--bt-ease);\r\n}\r\n#bt-novel .bt-btn::before{content:\"\";position:absolute;inset:0;z-index:-1;background:var(--bt-ink);transform:scaleX(0);transform-origin:100% 50%;transition:transform .6s var(--bt-ease)}\r\n#bt-novel .bt-btn:hover,#bt-novel .bt-btn:focus{text-decoration:none}\r\n#bt-novel .bt-btn:hover::before,#bt-novel .bt-btn:focus-visible::before{transform:scaleX(1);transform-origin:0 50%}\r\n#bt-novel .bt-btn svg{flex:0 0 auto;width:18px;height:18px;transition:transform .45s var(--bt-ease)}\r\n#bt-novel .bt-btn:hover svg{transform:translateX(5px)}\r\n#bt-novel .bt-btn:focus-visible{outline:2px solid var(--bt-rust);outline-offset:4px}\r\n#bt-novel .bt-btn--solid,#bt-novel .bt-btn--solid:hover{color:var(--bt-paper)}\r\n#bt-novel .bt-btn--solid{flex:1 1 auto;background:var(--bt-rust);box-shadow:0 18px 34px -18px rgba(174,71,33,.75)}\r\n#bt-novel .bt-buy__note{margin:16px 0 0;font-family:var(--bt-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(14,12,10,.5)}\r\n\r\n\/* =========================================================\r\n   the mission log, running past\r\n   ========================================================= *\/\r\n#bt-novel .bt-log{\r\n  position:relative;\r\n  display:flex;\r\n  align-items:stretch;\r\n  background:var(--bt-ink);\r\n  color:var(--bt-paper);\r\n}\r\n#bt-novel .bt-log__tag{\r\n  position:relative;\r\n  z-index:2;\r\n  flex:0 0 auto;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin:0;\r\n  padding:0 clamp(18px,2.4vw,34px);\r\n  background:var(--bt-rust);\r\n  font-family:var(--bt-mono);\r\n  font-size:10.5px;\r\n  letter-spacing:.2em;\r\n  text-transform:uppercase;\r\n  color:var(--bt-paper);\r\n  white-space:nowrap;\r\n}\r\n#bt-novel .bt-log__tag::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  right:-12px;\r\n  top:0;\r\n  bottom:0;\r\n  width:12px;\r\n  background:linear-gradient(90deg,var(--bt-rust),rgba(174,71,33,0));\r\n}\r\n#bt-novel .bt-log__window{\r\n  flex:1 1 auto;\r\n  min-width:0;\r\n  overflow:hidden;\r\n  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);\r\n  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);\r\n}\r\n#bt-novel .bt-log__track{display:flex;width:max-content;animation:btMarquee 70s linear infinite}\r\n#bt-novel .bt-log:hover .bt-log__track{animation-play-state:paused}\r\n#bt-novel .bt-log__list{display:flex;margin:0;padding:0;list-style:none}\r\n#bt-novel .bt-log__list li{\r\n  display:flex;\r\n  align-items:baseline;\r\n  gap:12px;\r\n  margin:0;\r\n  padding:22px 34px 22px 0;\r\n  white-space:nowrap;\r\n}\r\n#bt-novel .bt-log__list li::after{content:\"\\2726\";margin-left:22px;font-size:11px;color:var(--bt-rust-2)}\r\n#bt-novel .bt-log__list time{font-family:var(--bt-mono);font-size:11px;letter-spacing:.14em;color:var(--bt-rust-2)}\r\n#bt-novel .bt-log__list span{font-family:var(--bt-display);font-size:clamp(20px,1.7vw,26px);font-style:italic;font-weight:500;color:var(--bt-paper)}\r\n\r\n\/* =========================================================\r\n   reveals (only when the script is running)\r\n   ========================================================= *\/\r\n#bt-novel.bt-js .bt-novel__book{opacity:0;transform:perspective(1300px) translateY(40px) rotateY(-24deg);transition:opacity 1.2s var(--bt-out),transform 1.6s var(--bt-out)}\r\n#bt-novel.bt-js .is-in .bt-novel__book{opacity:1;transform:perspective(1300px) rotateX(var(--rx)) rotateY(var(--ry))}\r\n#bt-novel.bt-js .is-in.is-settled .bt-novel__book{transition:transform .5s var(--bt-ease)}\r\n#bt-novel.bt-js .bt-novel__seal{opacity:0;transform:scale(.6) rotate(-40deg);transition:opacity .9s .6s var(--bt-out),transform 1.2s .6s var(--bt-out)}\r\n#bt-novel.bt-js .is-in .bt-novel__seal{opacity:1;transform:none}\r\n\r\n#bt-novel.bt-js .bt-novel__kicker{opacity:0;transition:opacity 1s var(--bt-out)}\r\n#bt-novel.bt-js .bt-novel__line > span{transform:translateY(108%);transition:transform 1.3s var(--bt-out)}\r\n#bt-novel.bt-js .bt-novel__line:nth-child(2) > span{transition-delay:.12s}\r\n#bt-novel.bt-js .is-in .bt-novel__kicker{opacity:1}\r\n#bt-novel.bt-js .is-in .bt-novel__line > span{transform:none}\r\n#bt-novel.bt-js [data-bt-rise]{opacity:0;transform:translateY(20px);transition:opacity 1s var(--bt-out),transform 1s var(--bt-out)}\r\n#bt-novel.bt-js [data-bt-rise].is-in{opacity:1;transform:none}\r\n\r\n@keyframes btFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}\r\n@keyframes btFloor{0%,100%{transform:translateX(-50%) scale(1);opacity:1}50%{transform:translateX(-50%) scale(.88);opacity:.7}}\r\n@keyframes btSpin{to{transform:rotate(360deg)}}\r\n@keyframes btMarquee{to{transform:translateX(-50%)}}\r\n\r\n\/* ---------- breakpoints ---------- *\/\r\n@media (max-width:1024px){\r\n  #bt-novel .bt-novel__grid{grid-template-columns:minmax(0,1fr);gap:clamp(24px,5vw,48px)}\r\n  #bt-novel .bt-novel__stage{position:relative;top:auto;padding-top:0}\r\n  #bt-novel .bt-novel__book{width:min(56vw,380px)}\r\n}\r\n@media (max-width:767px){\r\n  #bt-novel .bt-novel__grid{padding-top:72px}\r\n  #bt-novel .bt-novel__book{width:min(66vw,300px)}\r\n  #bt-novel .bt-novel__seal{width:88px;right:0;top:0}\r\n  #bt-novel .bt-novel__kicker{gap:12px;font-size:10.5px;letter-spacing:.28em}\r\n  #bt-novel .bt-novel__kicker i{width:32px}\r\n  #bt-novel .bt-novel__pillars{grid-template-columns:minmax(0,1fr);gap:0}\r\n  #bt-novel .bt-pillar{padding:16px 0}\r\n  #bt-novel .bt-novel__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}\r\n  #bt-novel .bt-buy{padding:20px 16px}\r\n  #bt-novel .bt-ed{padding:14px 12px 12px}\r\n  #bt-novel .bt-ed::after{top:12px;right:12px}\r\n  #bt-novel .bt-ed__name{font-size:20px}\r\n  #bt-novel .bt-btn{height:52px;padding:0 20px;font-size:15px}\r\n  #bt-novel .bt-log__tag{padding:0 14px;font-size:9.5px;letter-spacing:.14em}\r\n  #bt-novel .bt-log__tag b{display:none}\r\n  #bt-novel .bt-log__list li{padding:18px 26px 18px 0}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  #bt-novel *,\r\n  #bt-novel *::before,\r\n  #bt-novel *::after{animation:none!important;transition:none!important}\r\n  #bt-novel .bt-log__window{overflow-x:auto}\r\n}\r\n<\/style>\r\n\r\n<section id=\"bt-novel\" class=\"bt-novel\" aria-labelledby=\"bt-novel-title\">\r\n  <div class=\"bt-novel__grid\">\r\n\r\n    <div class=\"bt-novel__stage\" data-bt-reveal>\r\n      <svg class=\"bt-novel__orbit\" viewBox=\"0 0 240 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n        <ellipse cx=\"120\" cy=\"50\" rx=\"118\" ry=\"48\"\/>\r\n        <circle r=\"2.4\"><animateMotion dur=\"16s\" repeatCount=\"indefinite\" path=\"M2 50a118 48 0 1 0 236 0a118 48 0 1 0 -236 0\"\/><\/circle>\r\n      <\/svg>\r\n      <div class=\"bt-novel__float\">\r\n        <div class=\"bt-novel__book\">\r\n          <img src=\"https:\/\/bookpublish.online\/victorcrocket\/wp-content\/uploads\/2026\/10\/8553a69e-9bba-4a59-bffe-b803afcab41d.webp\"\r\n               width=\"1024\" height=\"1536\" decoding=\"async\"\r\n               alt=\"Beyond Tranquillity by Victor Crockett. The cover shows a vast starship hovering over a red Martian canyon as a line of explorers walks beneath it.\">\r\n          <span class=\"bt-novel__glare\" aria-hidden=\"true\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <span class=\"bt-novel__floor\" aria-hidden=\"true\"><\/span>\r\n      <svg class=\"bt-novel__seal\" viewBox=\"0 0 120 120\" aria-hidden=\"true\">\r\n        <defs><path id=\"bt-seal-path\" d=\"M60 60m-45 0a45 45 0 1 1 90 0a45 45 0 1 1 -90 0\"\/><\/defs>\r\n        <circle cx=\"60\" cy=\"60\" r=\"58\"\/>\r\n        <g class=\"ring\"><text><textPath href=\"#bt-seal-path\">A NOVEL BY VICTOR CROCKETT &#10022; A MARTIAN ODYSSEY &#10022;<\/textPath><\/text><\/g>\r\n        <text class=\"yr\" x=\"60\" y=\"68\" text-anchor=\"middle\">2026<\/text>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"bt-novel__words\">\r\n      <header data-bt-reveal>\r\n        <p class=\"bt-novel__kicker\"><span>03<\/span><i aria-hidden=\"true\"><\/i>The novel<\/p>\r\n        <h2 class=\"bt-novel__title\" id=\"bt-novel-title\">\r\n          <span class=\"bt-novel__line\"><span>Beyond<\/span><\/span>\r\n          <span class=\"bt-novel__line\"><span><em>the known.<\/em><\/span><\/span>\r\n        <\/h2>\r\n      <\/header>\r\n\r\n      <p class=\"bt-novel__lede\" data-bt-reveal data-bt-rise>An ambitious voyage into the science, courage and human cost of reaching another world.<\/p>\r\n      <p class=\"bt-novel__blurb\" data-bt-reveal data-bt-rise>Half a century after EAGLE and CONDOR were lost in the void, PEGASUS carries not a handful of astronauts but hundreds of explorers to the Red Planet. Told week by week across six months of 2075 and 2076, the story moves between the Martian wilderness and a manhunt on Earth for the preacher known only as the Prophet, a man determined that the mission will never return.<\/p>\r\n\r\n      <ul class=\"bt-novel__pillars\" data-bt-reveal data-bt-rise>\r\n        <li class=\"bt-pillar\">\r\n          <p class=\"bt-pillar__no\">01 &middot; The science<\/p>\r\n          <p class=\"bt-pillar__name\">Engineered, not imagined<\/p>\r\n          <p class=\"bt-pillar__text\">Space elevators, linear accelerators and contra-rotating carousels, worked out by an author who studied aeronautics and ship science.<\/p>\r\n        <\/li>\r\n        <li class=\"bt-pillar\">\r\n          <p class=\"bt-pillar__no\">02 &middot; The people<\/p>\r\n          <p class=\"bt-pillar__name\">Hundreds, far from home<\/p>\r\n          <p class=\"bt-pillar__text\">Half a year in each other's company, and the human frailties that doomed the missions before them.<\/p>\r\n        <\/li>\r\n        <li class=\"bt-pillar\">\r\n          <p class=\"bt-pillar__no\">03 &middot; The threat<\/p>\r\n          <p class=\"bt-pillar__name\">A hunt on Earth<\/p>\r\n          <p class=\"bt-pillar__text\">A fundamentalist preacher who believes mankind should never leave the Earth, and the search to find him in time.<\/p>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <div data-bt-reveal data-bt-rise>\r\n        <dl class=\"bt-novel__facts\">\r\n          <div><dt>Author<\/dt><dd>Victor Crockett<\/dd><\/div>\r\n          <div><dt>Publisher<\/dt><dd>UK Publishing House<\/dd><\/div>\r\n          <div><dt>Published<\/dt><dd>2026<\/dd><\/div>\r\n          <div><dt>Editions<\/dt><dd>eBook &middot; Paperback &middot; Hardcover<\/dd><\/div>\r\n          <div><dt>Genre<\/dt><dd>Science fiction<\/dd><\/div>\r\n        <\/dl>\r\n        <p class=\"bt-novel__author\">Written by an engineer who spent thirty years in the Royal Navy, from minesweepers to naval intelligence.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bt-buy\" id=\"bt-buy\" data-bt-reveal data-bt-rise>\r\n        <div class=\"bt-buy__head\">\r\n          <h3 class=\"bt-buy__title\">Buy the book<\/h3>\r\n          <p class=\"bt-buy__label\">Choose your edition<\/p>\r\n        <\/div>\r\n        <div class=\"bt-buy__formats\" role=\"radiogroup\" aria-label=\"Edition\">\r\n          <label class=\"bt-ed\">\r\n            <input type=\"radio\" name=\"bt-edition\" value=\"ebook\">\r\n            <svg class=\"bt-ed__icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\"><rect x=\"8\" y=\"3.5\" width=\"16\" height=\"25\" rx=\"2.5\"\/><path d=\"M12 9h8M12 13h8M12 17h5M14.5 24.5h3\"\/><\/svg>\r\n            <span class=\"bt-ed__name\">eBook<\/span>\r\n            <span class=\"bt-ed__meta\">Available<\/span>\r\n          <\/label>\r\n          <label class=\"bt-ed\">\r\n            <input type=\"radio\" name=\"bt-edition\" value=\"paperback\" checked>\r\n            <svg class=\"bt-ed__icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M16 9c-3.5-2.6-7.5-3-12-1.6v17c4.5-1.4 8.5-1 12 1.6 3.5-2.6 7.5-3 12-1.6v-17C23.5 6 19.5 6.4 16 9zM16 9v17\"\/><\/svg>\r\n            <span class=\"bt-ed__name\">Paperback<\/span>\r\n            <span class=\"bt-ed__meta\">Available<\/span>\r\n          <\/label>\r\n          <label class=\"bt-ed\">\r\n            <input type=\"radio\" name=\"bt-edition\" value=\"hardcover\">\r\n            <svg class=\"bt-ed__icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M9.5 3.5H25v21H9.5A2.5 2.5 0 0 0 7 27V6a2.5 2.5 0 0 1 2.5-2.5zM7 27a2.5 2.5 0 0 0 2.5 2.5H25v-5M12 9h8\"\/><\/svg>\r\n            <span class=\"bt-ed__name\">Hardcover<\/span>\r\n            <span class=\"bt-ed__meta\">Available<\/span>\r\n          <\/label>\r\n          <label class=\"bt-ed bt-ed--soon\">\r\n            <input type=\"radio\" name=\"bt-edition\" value=\"audiobook\" disabled>\r\n            <svg class=\"bt-ed__icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M6 21v-5a10 10 0 0 1 20 0v5\"\/><rect x=\"5\" y=\"19\" width=\"5.5\" height=\"9\" rx=\"1.5\"\/><rect x=\"21.5\" y=\"19\" width=\"5.5\" height=\"9\" rx=\"1.5\"\/><\/svg>\r\n            <span class=\"bt-ed__name\">Audiobook<\/span>\r\n            <span class=\"bt-ed__meta\">Coming soon<\/span>\r\n          <\/label>\r\n        <\/div>\r\n        <div class=\"bt-buy__actions\">\r\n          <!-- paste your eBook shop link in href below -->\r\n          <a class=\"bt-btn bt-btn--solid bt-buy__go\" data-format=\"ebook\" href=\"#bt-buy\">Buy the book <small>eBook<\/small>\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12h15M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\r\n          <\/a>\r\n          <!-- paste your paperback shop link in href below -->\r\n          <a class=\"bt-btn bt-btn--solid bt-buy__go\" data-format=\"paperback\" href=\"#bt-buy\">Buy the book <small>Paperback<\/small>\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12h15M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\r\n          <\/a>\r\n          <!-- paste your hardcover shop link in href below -->\r\n          <a class=\"bt-btn bt-btn--solid bt-buy__go\" data-format=\"hardcover\" href=\"#bt-buy\">Buy the book <small>Hardcover<\/small>\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12h15M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n        <p class=\"bt-buy__note\">Published by UK Publishing House<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"bt-log\">\r\n    <p class=\"bt-log__tag\"><b>From the<\/b> mission log<\/p>\r\n    <div class=\"bt-log__window\">\r\n      <div class=\"bt-log__track\">\r\n        <ul class=\"bt-log__list\">\r\n          <li><time>27&middot;11&middot;2075<\/time><span>Bon voyage<\/span><\/li>\r\n          <li><time>12&middot;12&middot;2075<\/time><span>A walk in the park<\/span><\/li>\r\n          <li><time>12&middot;12&middot;2075<\/time><span>Captain's dinner party<\/span><\/li>\r\n          <li><time>17&middot;12&middot;2075<\/time><span>Fire, fire, fire<\/span><\/li>\r\n          <li><time>26&middot;12&middot;2075<\/time><span>Arrival: Mars<\/span><\/li>\r\n          <li><time>27&middot;12&middot;2075<\/time><span>Landfall 70&deg; E, 30&deg; S<\/span><\/li>\r\n          <li><time>28&middot;12&middot;2075<\/time><span>Mars Base One<\/span><\/li>\r\n          <li><time>26&middot;01&middot;2076<\/time><span>South Pole<\/span><\/li>\r\n          <li><time>01&middot;02&middot;2076<\/time><span>Inca City<\/span><\/li>\r\n          <li><time>13&middot;03&middot;2076<\/time><span>Cydonia, Face of Mars<\/span><\/li>\r\n          <li><time>16&middot;03&middot;2076<\/time><span>Valles Marineris<\/span><\/li>\r\n          <li><time>26&middot;03&middot;2076<\/time><span>Olympus Mons<\/span><\/li>\r\n          <li><time>12&middot;04&middot;2076<\/time><span>Footsteps in the sand<\/span><\/li>\r\n          <li><time>25&middot;05&middot;2076<\/time><span>Parklands<\/span><\/li>\r\n        <\/ul>\r\n        <ul class=\"bt-log__list\" aria-hidden=\"true\">\r\n          <li><time>27&middot;11&middot;2075<\/time><span>Bon voyage<\/span><\/li>\r\n          <li><time>12&middot;12&middot;2075<\/time><span>A walk in the park<\/span><\/li>\r\n          <li><time>12&middot;12&middot;2075<\/time><span>Captain's dinner party<\/span><\/li>\r\n          <li><time>17&middot;12&middot;2075<\/time><span>Fire, fire, fire<\/span><\/li>\r\n          <li><time>26&middot;12&middot;2075<\/time><span>Arrival: Mars<\/span><\/li>\r\n          <li><time>27&middot;12&middot;2075<\/time><span>Landfall 70&deg; E, 30&deg; S<\/span><\/li>\r\n          <li><time>28&middot;12&middot;2075<\/time><span>Mars Base One<\/span><\/li>\r\n          <li><time>26&middot;01&middot;2076<\/time><span>South Pole<\/span><\/li>\r\n          <li><time>01&middot;02&middot;2076<\/time><span>Inca City<\/span><\/li>\r\n          <li><time>13&middot;03&middot;2076<\/time><span>Cydonia, Face of Mars<\/span><\/li>\r\n          <li><time>16&middot;03&middot;2076<\/time><span>Valles Marineris<\/span><\/li>\r\n          <li><time>26&middot;03&middot;2076<\/time><span>Olympus Mons<\/span><\/li>\r\n          <li><time>12&middot;04&middot;2076<\/time><span>Footsteps in the sand<\/span><\/li>\r\n          <li><time>25&middot;05&middot;2076<\/time><span>Parklands<\/span><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var win = window;\r\n  var doc = document;\r\n  if (typeof win.__btNovelCleanup === 'function') win.__btNovelCleanup();\r\n\r\n  var root = doc.getElementById('bt-novel');\r\n  if (!root) return;\r\n  \/\/ without motion the book and words simply sit still, and the orbit stops\r\n  if (win.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n    var orbit = root.querySelector('.bt-novel__orbit');\r\n    if (orbit && orbit.pauseAnimations) orbit.pauseAnimations();\r\n    return;\r\n  }\r\n\r\n  var stage = root.querySelector('.bt-novel__stage');\r\n  var finePointer = win.matchMedia('(hover: hover) and (pointer: fine)');\r\n  var pending = Array.prototype.filter.call(root.querySelectorAll('[data-bt-reveal]'), function (el) {\r\n    return !el.classList.contains('is-in');\r\n  });\r\n  var frame = 0;\r\n  var settleTimer = 0;\r\n\r\n  function tick() {\r\n    frame = 0;\r\n    var vh = win.innerHeight;\r\n    var box = root.getBoundingClientRect();\r\n    if (box.bottom < -vh * 0.2 || box.top > vh * 1.2) return;\r\n    pending = pending.filter(function (el) {\r\n      var b = el.getBoundingClientRect();\r\n      if (b.top > vh * 0.88 || b.bottom < 0) return true;\r\n      el.classList.add('is-in');\r\n      if (el === stage) settleTimer = win.setTimeout(function () { stage.classList.add('is-settled'); }, 1700);\r\n      return false;\r\n    });\r\n  }\r\n  function schedule() {\r\n    if (!frame) frame = win.requestAnimationFrame(tick);\r\n  }\r\n\r\n  \/\/ the book leans toward the pointer and catches the light\r\n  function onMove(e) {\r\n    if (!finePointer.matches || !stage.classList.contains('is-settled')) return;\r\n    var r = stage.getBoundingClientRect();\r\n    var x = (e.clientX - r.left) \/ r.width - 0.5;\r\n    var y = (e.clientY - r.top) \/ r.height - 0.5;\r\n    stage.style.setProperty('--ry', (x * 16).toFixed(2) + 'deg');\r\n    stage.style.setProperty('--rx', (y * -10).toFixed(2) + 'deg');\r\n    stage.style.setProperty('--gx', (100 - (x + 0.5) * 100).toFixed(1) + '%');\r\n  }\r\n  function onLeave() {\r\n    stage.style.setProperty('--ry', '0deg');\r\n    stage.style.setProperty('--rx', '0deg');\r\n    stage.style.setProperty('--gx', '50%');\r\n  }\r\n\r\n  root.classList.add('bt-js');\r\n  stage.addEventListener('pointermove', onMove);\r\n  stage.addEventListener('pointerleave', onLeave);\r\n  win.addEventListener('scroll', schedule, { passive: true });\r\n  win.addEventListener('resize', schedule);\r\n  schedule();\r\n\r\n  win.__btNovelCleanup = function () {\r\n    if (frame) win.cancelAnimationFrame(frame);\r\n    win.clearTimeout(settleTimer);\r\n    stage.removeEventListener('pointermove', onMove);\r\n    stage.removeEventListener('pointerleave', onLeave);\r\n    win.removeEventListener('scroll', schedule);\r\n    win.removeEventListener('resize', schedule);\r\n    win.__btNovelCleanup = null;\r\n  };\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5e0569 e-con-full e-flex e-con e-parent\" data-id=\"b5e0569\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a69b2a elementor-widget elementor-widget-html\" data-id=\"2a69b2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=EB+Garamond:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style id=\"bt-journey-css\">\n\/* =====================================================================\n   Beyond Tranquillity \u00b7 section 5 \u00b7 The journey, in three worlds (#bt-journey)\n   Paste in an HTML widget inside a full-width container, under section 4.\n   ===================================================================== *\/\n:root{\n  --bt-paper:#f9f6ea;\n  --bt-ink:#0e0c0a;\n  --bt-rust:#ae4721;\n  --bt-rust-2:#d0703c;\n  --bt-serif:\"EB Garamond\",Georgia,\"Times New Roman\",serif;\n  --bt-display:\"Cormorant Garamond\",\"EB Garamond\",Georgia,serif;\n  --bt-mono:\"IBM Plex Mono\",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;\n  --bt-ease:cubic-bezier(.22,.61,.36,1);\n  --bt-out:cubic-bezier(.16,1,.3,1);\n  --bt-pad:clamp(16px,3vw,40px);\n}\n\n\/* Elementor: edge to edge *\/\n.e-con:has(> .elementor-widget-html #bt-journey),\n.e-con:has(> .e-con-inner > .elementor-widget-html #bt-journey){padding:0!important;gap:0!important;max-width:none!important}\n.e-con:has(> .e-con-inner > .elementor-widget-html #bt-journey) > .e-con-inner{max-width:none!important;padding:0!important;gap:0!important}\n.elementor-widget-html:has(#bt-journey){width:100%!important;max-width:100%!important;margin:0!important}\n\n#bt-journey{\n  --bt-dwell:7s;               \/* how long each world stays open before the next *\/\n  position:relative;\n  display:flex;\n  gap:2px;\n  height:clamp(560px,84vh,800px);\n  margin:0;\n  padding:0;\n  background:var(--bt-ink);\n  color:var(--bt-paper);\n  font-family:var(--bt-serif);\n  -webkit-font-smoothing:antialiased;\n  text-rendering:optimizeLegibility;\n  overflow:hidden;\n}\n#bt-journey *,#bt-journey *::before,#bt-journey *::after{box-sizing:border-box}\n#bt-journey ::selection{background:var(--bt-paper);color:var(--bt-rust)}\n\/* the theme gives every <p> its own font; keep ours *\/\n#bt-journey p,#bt-journey dt,#bt-journey dd{font-family:var(--bt-serif)}\n\n\/* =========================================================\n   the rust title panel\n   ========================================================= *\/\n#bt-journey .bt-journey__intro{\n  position:relative;\n  isolation:isolate;\n  flex:0 0 clamp(280px,25vw,400px);\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  padding:clamp(40px,5vw,72px) clamp(24px,2.6vw,44px);\n  background:var(--bt-rust);\n  overflow:hidden;\n}\n\/* three orbits, one for each world *\/\n#bt-journey .bt-journey__intro::before{\n  content:\"\";\n  position:absolute;\n  right:-46%;\n  bottom:-30%;\n  z-index:-1;\n  width:120%;\n  aspect-ratio:1;\n  border-radius:50%;\n  border:1px solid rgba(249,246,234,.18);\n  box-shadow:0 0 0 46px rgba(174,71,33,0),0 0 0 47px rgba(249,246,234,.12),0 0 0 96px rgba(174,71,33,0),0 0 0 97px rgba(249,246,234,.08);\n}\n#bt-journey .bt-journey__kicker{\n  display:flex;\n  align-items:center;\n  gap:14px;\n  margin:0;\n  font-size:12px;\n  font-weight:500;\n  line-height:1;\n  letter-spacing:.34em;\n  text-transform:uppercase;\n  color:rgba(249,246,234,.82);\n}\n#bt-journey .bt-journey__kicker span{font-family:var(--bt-mono);letter-spacing:.08em;color:var(--bt-paper)}\n#bt-journey .bt-journey__kicker i{display:block;width:40px;height:1px;background:rgba(249,246,234,.7)}\n#bt-journey .bt-journey__title{\n  margin:0;\n  padding:0;\n  font-family:var(--bt-display);\n  font-size:clamp(46px,4.6vw,78px);\n  font-weight:500;\n  line-height:.95;\n  letter-spacing:-.01em;\n  color:var(--bt-paper);\n  text-transform:none;\n}\n#bt-journey .bt-journey__title em{font-style:italic}\n#bt-journey .bt-journey__line{display:block;overflow:hidden;padding:.06em 0 .14em;margin:-.06em 0 -.14em}\n#bt-journey .bt-journey__line > span{display:block}\n#bt-journey .bt-journey__lede{max-width:28ch;margin:22px 0 0;font-size:clamp(16px,1.2vw,18px);line-height:1.6;color:rgba(249,246,234,.86)}\n#bt-journey .bt-journey__route{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--bt-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(249,246,234,.8)}\n#bt-journey .bt-journey__route i{flex:1 1 auto;height:1px;background:linear-gradient(90deg,rgba(249,246,234,.7) 50%,transparent 50%) 0 0\/8px 1px repeat-x}\n\n\/* =========================================================\n   the three worlds\n   ========================================================= *\/\n#bt-journey .bt-journey__rail{flex:1 1 auto;display:flex;gap:2px;min-width:0;margin:0;padding:0;list-style:none}\n#bt-journey .bt-world{\n  position:relative;\n  isolation:isolate;\n  flex:1 1 0;\n  min-width:0;\n  margin:0;\n  overflow:hidden;\n  transition:flex-grow .9s var(--bt-out);\n}\n#bt-journey .bt-world.is-active{flex-grow:2.7}\n#bt-journey .bt-world__img{\n  position:absolute;\n  inset:0;\n  z-index:-2;\n  display:block;\n  width:100%;\n  height:100%;\n  max-width:none;\n  object-fit:cover;\n  filter:saturate(.55) brightness(.62);\n  transform:scale(1.08);\n  transition:filter .9s var(--bt-ease),transform 1.6s var(--bt-out);\n}\n#bt-journey .bt-world:hover .bt-world__img{filter:saturate(.8) brightness(.78)}\n#bt-journey .bt-world.is-active .bt-world__img{filter:none;transform:scale(1)}\n#bt-journey .bt-world::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:-1;\n  pointer-events:none;\n  background:linear-gradient(0deg,rgba(14,12,10,.94) 0%,rgba(14,12,10,.62) 34%,rgba(14,12,10,0) 64%),linear-gradient(180deg,rgba(14,12,10,.45) 0%,rgba(14,12,10,0) 24%);\n}\n\n\/* the whole panel is the button *\/\n#bt-journey .bt-world__tab{\n  position:absolute;\n  inset:0;\n  z-index:2;\n  display:flex;\n  flex-direction:column;\n  align-items:flex-start;\n  justify-content:flex-start;\n  width:100%;\n  height:100%;\n  margin:0;\n  padding:clamp(22px,2.2vw,32px);\n  border:0;\n  border-radius:0;\n  background:none;\n  color:var(--bt-paper);\n  font:inherit;\n  text-align:left;\n  cursor:pointer;\n}\n#bt-journey .bt-world__tab:focus-visible{outline:2px solid var(--bt-rust-2);outline-offset:-4px}\n#bt-journey .bt-world.is-active .bt-world__tab{cursor:default}\n#bt-journey .bt-world__no{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  font-family:var(--bt-mono);\n  font-size:11px;\n  letter-spacing:.16em;\n  text-transform:uppercase;\n  color:rgba(249,246,234,.86);\n}\n#bt-journey .bt-world__no b{font-weight:500;color:var(--bt-rust-2)}\n\/* the closed panels read sideways, like a book spine *\/\n#bt-journey .bt-world__spine{\n  position:absolute;\n  left:clamp(22px,2.2vw,32px);\n  bottom:clamp(26px,2.6vw,38px);\n  writing-mode:vertical-rl;\n  transform:rotate(180deg);\n  font-family:var(--bt-display);\n  font-size:clamp(30px,2.6vw,42px);\n  font-weight:500;\n  line-height:1;\n  white-space:nowrap;\n  color:var(--bt-paper);\n  transition:opacity .5s var(--bt-ease);\n}\n#bt-journey .bt-world.is-active .bt-world__spine{opacity:0}\n\n#bt-journey .bt-world__story{\n  position:absolute;\n  left:clamp(22px,2.2vw,32px);\n  right:clamp(22px,2.2vw,32px);\n  bottom:clamp(26px,2.6vw,38px);\n  z-index:1;\n  max-width:520px;\n  pointer-events:none;\n  opacity:0;\n  transform:translateY(20px);\n  transition:opacity .5s var(--bt-ease),transform .5s var(--bt-ease);\n}\n#bt-journey .bt-world.is-active .bt-world__story{opacity:1;transform:none;transition:opacity .9s .35s var(--bt-out),transform .9s .35s var(--bt-out)}\n#bt-journey .bt-world__eyebrow{margin:0;font-family:var(--bt-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bt-rust-2)}\n#bt-journey .bt-world__name{margin:10px 0 0;font-family:var(--bt-display);font-size:clamp(34px,3.2vw,52px);font-weight:500;line-height:1;color:var(--bt-paper)}\n#bt-journey .bt-world__text{margin:14px 0 0;font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.6;color:rgba(249,246,234,.82)}\n#bt-journey .bt-world__facts{display:flex;flex-wrap:wrap;gap:12px 28px;margin:20px 0 0;padding:16px 0 0;border-top:1px solid rgba(249,246,234,.18)}\n#bt-journey .bt-world__facts div{margin:0}\n#bt-journey .bt-world__facts dt{margin:0;font-family:var(--bt-mono);font-size:9.5px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:rgba(249,246,234,.55)}\n#bt-journey .bt-world__facts dd{margin:5px 0 0;font-size:15px;font-weight:500;color:var(--bt-paper)}\n\n\/* the next world comes round on its own, unless someone has chosen one *\/\n#bt-journey .bt-world__timer{position:absolute;left:0;right:0;top:0;z-index:3;height:2px;background:rgba(249,246,234,.12);opacity:0}\n#bt-journey .bt-world__timer::after{content:\"\";position:absolute;inset:0;background:var(--bt-rust-2);transform:scaleX(0);transform-origin:0 50%}\n#bt-journey.is-auto .bt-world.is-active .bt-world__timer{opacity:1}\n#bt-journey.is-auto .bt-world.is-active .bt-world__timer::after{animation:btDwell var(--bt-dwell) linear forwards;animation-play-state:paused}\n#bt-journey.is-auto.is-running:not(:hover):not(:focus-within) .bt-world.is-active .bt-world__timer::after{animation-play-state:running}\n\n\/* framing for each picture *\/\n#bt-journey .bt-world:nth-child(1) .bt-world__img{object-position:50% 40%}\n#bt-journey .bt-world:nth-child(2) .bt-world__img{object-position:42% 60%}\n#bt-journey .bt-world:nth-child(3) .bt-world__img{object-position:66% 50%}\n\n\/* =========================================================\n   reveals (only when the script is running)\n   ========================================================= *\/\n#bt-journey.bt-js .bt-journey__line > span{transform:translateY(108%);transition:transform 1.3s var(--bt-out)}\n#bt-journey.bt-js .bt-journey__line:nth-child(2) > span{transition-delay:.1s}\n#bt-journey.bt-js .bt-journey__line:nth-child(3) > span{transition-delay:.2s}\n#bt-journey.bt-js .bt-world{clip-path:inset(100% 0 0 0);transition:flex-grow .9s var(--bt-out),clip-path 1.3s var(--bt-out)}\n#bt-journey.bt-js .bt-world:nth-child(2){transition-delay:0s,.12s}\n#bt-journey.bt-js .bt-world:nth-child(3){transition-delay:0s,.24s}\n#bt-journey.bt-js.is-in .bt-journey__line > span{transform:none}\n#bt-journey.bt-js.is-in .bt-world{clip-path:inset(0 0 0 0)}\n\n@keyframes btDwell{to{transform:scaleX(1)}}\n\n\/* ---------- breakpoints ---------- *\/\n@media (max-width:1180px){\n  #bt-journey .bt-world.is-active{flex-grow:3.4}\n  #bt-journey .bt-world__facts{gap:10px 20px}\n}\n\/* tablets and phones: the worlds become cards you swipe through *\/\n@media (max-width:1024px){\n  #bt-journey{display:block;height:auto;padding:0 0 clamp(40px,7vw,64px)}\n  #bt-journey .bt-journey__intro{flex:none;min-height:0;gap:36px;padding:clamp(56px,9vw,80px) var(--bt-pad) clamp(40px,6vw,56px)}\n  #bt-journey .bt-journey__intro::before{right:-30%;bottom:-60%;width:90%}\n  #bt-journey .bt-journey__title{font-size:clamp(44px,9vw,76px)}\n  #bt-journey .bt-journey__lede{max-width:40ch}\n  #bt-journey .bt-journey__rail{\n    gap:12px;\n    margin-top:clamp(28px,5vw,44px);\n    padding:0 var(--bt-pad);\n    overflow-x:auto;\n    scroll-snap-type:x mandatory;\n    scroll-padding-left:var(--bt-pad);\n    overscroll-behavior-x:contain;\n    -webkit-overflow-scrolling:touch;\n    scrollbar-width:none;\n  }\n  #bt-journey .bt-journey__rail::-webkit-scrollbar{display:none}\n  #bt-journey .bt-world,\n  #bt-journey .bt-world.is-active{flex:0 0 min(80vw,440px);aspect-ratio:4\/5.2;scroll-snap-align:start}\n  #bt-journey .bt-world__img,\n  #bt-journey .bt-world:hover .bt-world__img{filter:none;transform:none}\n  #bt-journey .bt-world__tab{cursor:default}\n  #bt-journey .bt-world__spine,\n  #bt-journey .bt-world__timer{display:none}\n  #bt-journey .bt-world__story{opacity:1;transform:none;transition:none}\n  #bt-journey .bt-world__facts{gap:10px 20px}\n  #bt-journey .bt-journey__swipe{\n    display:flex;\n    align-items:center;\n    gap:10px;\n    margin:18px var(--bt-pad) 0;\n    font-family:var(--bt-mono);\n    font-size:10px;\n    letter-spacing:.18em;\n    text-transform:uppercase;\n    color:rgba(249,246,234,.5);\n  }\n  #bt-journey .bt-journey__swipe::after{content:\"\\2192\";font-size:14px;color:var(--bt-rust-2);animation:btNudge 1.6s var(--bt-ease) infinite}\n}\n@media (min-width:1025px){\n  #bt-journey .bt-journey__swipe{display:none}\n}\n@media (max-width:767px){\n  #bt-journey .bt-journey__kicker{gap:12px;font-size:10.5px;letter-spacing:.28em}\n  #bt-journey .bt-journey__kicker i{width:32px}\n  #bt-journey .bt-world,\n  #bt-journey .bt-world.is-active{flex-basis:84vw;aspect-ratio:4\/5.6}\n  #bt-journey .bt-world__name{font-size:34px}\n  #bt-journey .bt-world__text{font-size:15px;line-height:1.55}\n}\n@keyframes btNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}\n\n@media (prefers-reduced-motion:reduce){\n  #bt-journey *,\n  #bt-journey *::before,\n  #bt-journey *::after{animation:none!important;transition:none!important}\n}\n<\/style>\n\n<section id=\"bt-journey\" class=\"bt-journey\" aria-labelledby=\"bt-journey-title\">\n  <div class=\"bt-journey__intro\">\n    <p class=\"bt-journey__kicker\"><span>04<\/span><i aria-hidden=\"true\"><\/i>The journey<\/p>\n    <div>\n      <h2 class=\"bt-journey__title\" id=\"bt-journey-title\">\n        <span class=\"bt-journey__line\"><span>The journey,<\/span><\/span>\n        <span class=\"bt-journey__line\"><span><em>in three<\/em><\/span><\/span>\n        <span class=\"bt-journey__line\"><span><em>worlds.<\/em><\/span><\/span>\n      <\/h2>\n      <p class=\"bt-journey__lede\">Earth, where it begins. Mars, where it is going. And the danger that follows it all the way.<\/p>\n    <\/div>\n    <p class=\"bt-journey__route\" aria-hidden=\"true\">Earth <i><\/i> Mars <i><\/i> Earth<\/p>\n  <\/div>\n\n  <ul class=\"bt-journey__rail\">\n    <li class=\"bt-world is-active\">\n      <img class=\"bt-world__img\" src=\"https:\/\/bookpublish.online\/victorcrocket\/wp-content\/uploads\/2026\/10\/c24f3c8a-d5ff-4250-af46-60f5aa23916d.webp\"\n           width=\"1122\" height=\"1402\" decoding=\"async\"\n           alt=\"A space elevator tether rising from the Earth, with a ring-shaped station partway up, above clouds and ocean.\">\n      <span class=\"bt-world__timer\" aria-hidden=\"true\"><\/span>\n      <button class=\"bt-world__tab\" type=\"button\" aria-expanded=\"true\" aria-controls=\"bt-world-1\">\n        <span class=\"bt-world__no\"><b>01<\/b> \/ Earth<\/span>\n        <span class=\"bt-world__spine\" aria-hidden=\"true\">Earth<\/span>\n      <\/button>\n      <div class=\"bt-world__story\" id=\"bt-world-1\">\n        <p class=\"bt-world__eyebrow\">Where it begins<\/p>\n        <h3 class=\"bt-world__name\">A thread to the stars<\/h3>\n        <p class=\"bt-world__text\">A carbon-nanotube thread fifty thousand kilometres long climbs from a ground station on the equator to a counterweight beyond geostationary orbit. From Easter Island, mission control watches every step.<\/p>\n        <dl class=\"bt-world__facts\">\n          <div><dt>Ground station<\/dt><dd>The equator<\/dd><\/div>\n          <div><dt>Mission control<\/dt><dd>Easter Island<\/dd><\/div>\n        <\/dl>\n      <\/div>\n    <\/li>\n\n    <li class=\"bt-world\">\n      <img loading=\"lazy\" class=\"bt-world__img\" src=\"https:\/\/bookpublish.online\/victorcrocket\/wp-content\/uploads\/2026\/10\/1f565c00-c7ee-428a-a461-fe757fee20b0.webp\"\n           width=\"1122\" height=\"1402\" decoding=\"async\"\n           alt=\"A six-wheeled exploration rover on the rust-red Martian surface, with tall canyon cliffs behind it.\">\n      <span class=\"bt-world__timer\" aria-hidden=\"true\"><\/span>\n      <button class=\"bt-world__tab\" type=\"button\" aria-expanded=\"false\" aria-controls=\"bt-world-2\">\n        <span class=\"bt-world__no\"><b>02<\/b> \/ Mars<\/span>\n        <span class=\"bt-world__spine\" aria-hidden=\"true\">Mars<\/span>\n      <\/button>\n      <div class=\"bt-world__story\" id=\"bt-world-2\">\n        <p class=\"bt-world__eyebrow\">Where it is going<\/p>\n        <h3 class=\"bt-world__name\">Out from Mars Base One<\/h3>\n        <p class=\"bt-world__text\">From the edge of the Hellas Basin, rover crews push out across the planet: the South Pole, Valles Marineris, the Face of Mars at Cydonia, and the slopes of Olympus Mons.<\/p>\n        <dl class=\"bt-world__facts\">\n          <div><dt>Mars Base One<\/dt><dd>42.4&deg; S &middot; 70.5&deg; E<\/dd><\/div>\n          <div><dt>Rovers<\/dt><dd>12<\/dd><\/div>\n          <div><dt>Excursions<\/dt><dd>17<\/dd><\/div>\n        <\/dl>\n      <\/div>\n    <\/li>\n\n    <li class=\"bt-world\">\n      <img loading=\"lazy\" class=\"bt-world__img\" src=\"https:\/\/bookpublish.online\/victorcrocket\/wp-content\/uploads\/2026\/10\/a80125bd-3035-466d-836e-f32c5cc566c7.webp\"\n           width=\"1122\" height=\"1402\" decoding=\"async\"\n           alt=\"A man in silhouette stands at a tall window at dusk, looking out at a lit capitol dome across the city.\">\n      <span class=\"bt-world__timer\" aria-hidden=\"true\"><\/span>\n      <button class=\"bt-world__tab\" type=\"button\" aria-expanded=\"false\" aria-controls=\"bt-world-3\">\n        <span class=\"bt-world__no\"><b>03<\/b> \/ The threat within<\/span>\n        <span class=\"bt-world__spine\" aria-hidden=\"true\">The threat within<\/span>\n      <\/button>\n      <div class=\"bt-world__story\" id=\"bt-world-3\">\n        <p class=\"bt-world__eyebrow\">What follows it<\/p>\n        <h3 class=\"bt-world__name\">A war of belief<\/h3>\n        <p class=\"bt-world__text\">Not every danger lies in space. A preacher known as the Prophet believes mankind was never meant to leave the Earth, and his followers will go to almost any length to see PEGASUS fail.<\/p>\n        <dl class=\"bt-world__facts\">\n          <div><dt>The Prophet<\/dt><dd>Missouri<\/dd><\/div>\n          <div><dt>The search<\/dt><dd>Who among them?<\/dd><\/div>\n        <\/dl>\n      <\/div>\n    <\/li>\n  <\/ul>\n  <p class=\"bt-journey__swipe\" aria-hidden=\"true\">Swipe through the three worlds<\/p>\n<\/section>\n\n<script>\n(function () {\n  var win = window;\n  var doc = document;\n  if (typeof win.__btJourneyCleanup === 'function') win.__btJourneyCleanup();\n\n  var root = doc.getElementById('bt-journey');\n  if (!root) return;\n  var reduce = win.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var worlds = Array.prototype.slice.call(root.querySelectorAll('.bt-world'));\n  var frame = 0;\n\n  function open(i) {\n    worlds.forEach(function (w, n) {\n      var on = n === i;\n      w.classList.toggle('is-active', on);\n      w.querySelector('.bt-world__tab').setAttribute('aria-expanded', on ? 'true' : 'false');\n    });\n  }\n  function current() {\n    for (var i = 0; i < worlds.length; i++) if (worlds[i].classList.contains('is-active')) return i;\n    return 0;\n  }\n\n  \/\/ choosing a world stops the slideshow\n  function onClick(e) {\n    var tab = e.target.closest('.bt-world__tab');\n    if (!tab) return;\n    root.classList.remove('is-auto');\n    open(worlds.indexOf(tab.closest('.bt-world')));\n  }\n  \/\/ when a world's timer runs out, the next one opens\n  function onDwellEnd(e) {\n    if (e.animationName !== 'btDwell') return;\n    open((current() + 1) % worlds.length);\n  }\n\n  function tick() {\n    frame = 0;\n    var vh = win.innerHeight;\n    var r = root.getBoundingClientRect();\n    var visible = r.top < vh * 0.85 && r.bottom > vh * 0.15;\n    if (visible) root.classList.add('is-in');\n    root.classList.toggle('is-running', visible);\n  }\n  function schedule() {\n    if (!frame) frame = win.requestAnimationFrame(tick);\n  }\n\n  root.addEventListener('click', onClick);\n  if (!reduce) {\n    root.classList.add('bt-js', 'is-auto');\n    root.addEventListener('animationend', onDwellEnd);\n    win.addEventListener('scroll', schedule, { passive: true });\n    win.addEventListener('resize', schedule);\n    schedule();\n  }\n\n  win.__btJourneyCleanup = function () {\n    if (frame) win.cancelAnimationFrame(frame);\n    root.removeEventListener('click', onClick);\n    root.removeEventListener('animationend', onDwellEnd);\n    win.removeEventListener('scroll', schedule);\n    win.removeEventListener('resize', schedule);\n    win.__btJourneyCleanup = null;\n  };\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9882bff e-con-full e-flex e-con e-parent\" data-id=\"9882bff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c996779 elementor-widget elementor-widget-html\" data-id=\"c996779\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=EB+Garamond:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style id=\"bt-meet-css\">\r\n\/* =====================================================================\r\n   Beyond Tranquillity \u00b7 Meet the author (#bt-meet)\r\n   Paste in an HTML widget inside a full-width container.\r\n   ===================================================================== *\/\r\n:root{\r\n  --bt-paper:#f9f6ea;\r\n  --bt-ink:#0e0c0a;\r\n  --bt-rust:#ae4721;\r\n  --bt-serif:\"EB Garamond\",Georgia,\"Times New Roman\",serif;\r\n  --bt-display:\"Cormorant Garamond\",\"EB Garamond\",Georgia,serif;\r\n  --bt-mono:\"IBM Plex Mono\",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;\r\n  --bt-ease:cubic-bezier(.22,.61,.36,1);\r\n  --bt-out:cubic-bezier(.16,1,.3,1);\r\n  --bt-pad:clamp(16px,3vw,40px);\r\n}\r\n\r\n\/* Elementor: edge to edge *\/\r\n.e-con:has(> .elementor-widget-html #bt-meet),\r\n.e-con:has(> .e-con-inner > .elementor-widget-html #bt-meet){padding:0!important;gap:0!important;max-width:none!important}\r\n.e-con:has(> .e-con-inner > .elementor-widget-html #bt-meet) > .e-con-inner{max-width:none!important;padding:0!important;gap:0!important}\r\n.elementor-widget-html:has(#bt-meet){width:100%!important;max-width:100%!important;margin:0!important}\r\n\r\n#bt-meet{\r\n  margin:0;\r\n  padding:clamp(80px,9vw,140px) max(var(--bt-pad),calc((100% - 1200px) \/ 2 + var(--bt-pad)));\r\n  background:var(--bt-paper);\r\n  color:var(--bt-ink);\r\n  font-family:var(--bt-serif);\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n#bt-meet *,#bt-meet *::before,#bt-meet *::after{box-sizing:border-box}\r\n\/* the theme gives every <p> its own font; keep ours *\/\r\n#bt-meet p{font-family:var(--bt-serif)}\r\n\r\n#bt-meet .bt-meet__grid{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,380px) minmax(0,1fr);\r\n  gap:clamp(48px,7vw,110px);\r\n  align-items:center;\r\n}\r\n\r\n\/* photo, with a rust frame set just behind it *\/\r\n#bt-meet .bt-meet__photo{position:relative;margin:0 14px 14px 0}\r\n#bt-meet .bt-meet__photo::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:14px -14px -14px 14px;\r\n  border:1px solid var(--bt-rust);\r\n  transition:transform .6s var(--bt-out);\r\n}\r\n#bt-meet .bt-meet__photo:hover::before{transform:translate(-6px,-6px)}\r\n#bt-meet .bt-meet__photo img{\r\n  position:relative;\r\n  display:block;\r\n  width:100%;\r\n  max-width:380px;\r\n  height:auto;\r\n  aspect-ratio:1;\r\n  object-fit:cover;\r\n  box-shadow:0 30px 50px -34px rgba(14,12,10,.55);\r\n}\r\n\r\n\/* words *\/\r\n#bt-meet .bt-meet__kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  margin:0 0 20px;\r\n  font-size:12px;\r\n  font-weight:500;\r\n  line-height:1;\r\n  letter-spacing:.34em;\r\n  text-transform:uppercase;\r\n  color:rgba(14,12,10,.65);\r\n}\r\n#bt-meet .bt-meet__kicker::before{content:\"\";width:44px;height:1px;background:var(--bt-rust)}\r\n#bt-meet .bt-meet__name{\r\n  margin:0;\r\n  padding:0;\r\n  font-family:var(--bt-display);\r\n  font-size:clamp(46px,5.6vw,84px);\r\n  font-weight:500;\r\n  line-height:.95;\r\n  letter-spacing:-.01em;\r\n  color:var(--bt-ink);\r\n  text-transform:none;\r\n}\r\n#bt-meet .bt-meet__role{\r\n  margin:16px 0 0;\r\n  font-family:var(--bt-mono);\r\n  font-size:11px;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n  color:var(--bt-rust);\r\n}\r\n#bt-meet .bt-meet__text{\r\n  max-width:56ch;\r\n  margin:22px 0 0;\r\n  font-size:clamp(17px,1.3vw,19px);\r\n  line-height:1.7;\r\n  color:rgba(14,12,10,.74);\r\n}\r\n#bt-meet .bt-meet__text + .bt-meet__text{margin-top:14px}\r\n\r\n#bt-meet .bt-meet__more{\r\n  position:relative;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  height:54px;\r\n  margin-top:34px;\r\n  padding:0 28px;\r\n  background:var(--bt-rust);\r\n  color:var(--bt-paper);\r\n  font-family:var(--bt-serif);\r\n  font-size:16px;\r\n  font-weight:500;\r\n  letter-spacing:.04em;\r\n  text-decoration:none;\r\n  transition:color .45s var(--bt-ease);\r\n}\r\n#bt-meet .bt-meet__more::before{content:\"\";position:absolute;inset:0;z-index:-1;background:var(--bt-ink);transform:scaleX(0);transform-origin:100% 50%;transition:transform .6s var(--bt-ease)}\r\n#bt-meet .bt-meet__more:hover,#bt-meet .bt-meet__more:focus{color:var(--bt-paper);text-decoration:none}\r\n#bt-meet .bt-meet__more:hover::before,#bt-meet .bt-meet__more:focus-visible::before{transform:scaleX(1);transform-origin:0 50%}\r\n#bt-meet .bt-meet__more svg{width:18px;height:18px;transition:transform .45s var(--bt-ease)}\r\n#bt-meet .bt-meet__more:hover svg{transform:translateX(5px)}\r\n#bt-meet .bt-meet__more:focus-visible{outline:2px solid var(--bt-rust);outline-offset:4px}\r\n\r\n\/* gentle fade-up when it scrolls into view (only when the script is running) *\/\r\n#bt-meet.bt-js .bt-meet__photo,\r\n#bt-meet.bt-js .bt-meet__words{opacity:0;transform:translateY(24px);transition:opacity 1s var(--bt-out),transform 1s var(--bt-out)}\r\n#bt-meet.bt-js .bt-meet__words{transition-delay:.15s}\r\n#bt-meet.bt-js.is-in .bt-meet__photo,\r\n#bt-meet.bt-js.is-in .bt-meet__words{opacity:1;transform:none}\r\n\r\n@media (max-width:767px){\r\n  #bt-meet .bt-meet__grid{grid-template-columns:minmax(0,1fr);gap:48px}\r\n  #bt-meet .bt-meet__photo{max-width:320px}\r\n  #bt-meet .bt-meet__kicker{gap:12px;font-size:10.5px;letter-spacing:.28em}\r\n  #bt-meet .bt-meet__kicker::before{width:32px}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  #bt-meet *,\r\n  #bt-meet *::before,\r\n  #bt-meet *::after{transition:none!important}\r\n}\r\n<\/style>\r\n\r\n<section id=\"bt-meet\" class=\"bt-meet\" aria-labelledby=\"bt-meet-name\">\r\n  <div class=\"bt-meet__grid\">\r\n    <figure class=\"bt-meet__photo\">\r\n      <img loading=\"lazy\" src=\"https:\/\/bookpublish.online\/victorcrocket\/wp-content\/uploads\/2026\/10\/1517456982765-3.webp\"\r\n           width=\"400\" height=\"400\" decoding=\"async\" alt=\"Victor Crockett, author of Beyond Tranquillity\">\r\n    <\/figure>\r\n\r\n    <div class=\"bt-meet__words\">\r\n      <p class=\"bt-meet__kicker\">Meet the author<\/p>\r\n      <h2 class=\"bt-meet__name\" id=\"bt-meet-name\">Victor Crockett<\/h2>\r\n      <p class=\"bt-meet__role\">Engineer &middot; Royal Navy, 30 years &middot; Essex<\/p>\r\n      <p class=\"bt-meet__text\">Victor Crockett studied Ship Science at the University of Southampton and spent thirty years in the Royal Navy, from commanding a fast patrol boat to working in naval intelligence, alongside a career as a professional engineer.<\/p>\r\n      <p class=\"bt-meet__text\">Beyond Tranquillity brings that engineering mind and life at sea to the voyage to Mars. He lives in Essex with his wife, Pauline, and has many more books already drafted.<\/p>\r\n      <!-- paste your About the Author page link in href below -->\r\n      <a class=\"bt-meet__more\" href=\"#\">Read more\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12h15M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var win = window;\r\n  if (typeof win.__btMeetCleanup === 'function') win.__btMeetCleanup();\r\n  var root = document.getElementById('bt-meet');\r\n  if (!root || win.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n\r\n  var frame = 0;\r\n  function tick() {\r\n    frame = 0;\r\n    if (root.getBoundingClientRect().top < win.innerHeight * 0.85) {\r\n      root.classList.add('is-in');\r\n      win.__btMeetCleanup();\r\n    }\r\n  }\r\n  function schedule() {\r\n    if (!frame) frame = win.requestAnimationFrame(tick);\r\n  }\r\n\r\n  root.classList.add('bt-js');\r\n  win.addEventListener('scroll', schedule, { passive: true });\r\n  win.addEventListener('resize', schedule);\r\n  schedule();\r\n\r\n  win.__btMeetCleanup = function () {\r\n    if (frame) win.cancelAnimationFrame(frame);\r\n    win.removeEventListener('scroll', schedule);\r\n    win.removeEventListener('resize', schedule);\r\n    win.__btMeetCleanup = null;\r\n  };\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04bd921 contact120 e-flex e-con-boxed e-con e-parent\" data-id=\"04bd921\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f16fad7 e-con-full e-flex e-con e-child\" data-id=\"f16fad7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c242af elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"0c242af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-mail-bulk\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M160 448c-25.6 0-51.2-22.4-64-32-64-44.8-83.2-60.8-96-70.4V480c0 17.67 14.33 32 32 32h256c17.67 0 32-14.33 32-32V345.6c-12.8 9.6-32 25.6-96 70.4-12.8 9.6-38.4 32-64 32zm128-192H32c-17.67 0-32 14.33-32 32v16c25.6 19.2 22.4 19.2 115.2 86.4 9.6 6.4 28.8 25.6 44.8 25.6s35.2-19.2 44.8-22.4c92.8-67.2 89.6-67.2 115.2-86.4V288c0-17.67-14.33-32-32-32zm256-96H224c-17.67 0-32 14.33-32 32v32h96c33.21 0 60.59 25.42 63.71 57.82l.29-.22V416h192c17.67 0 32-14.33 32-32V192c0-17.67-14.33-32-32-32zm-32 128h-64v-64h64v64zm-352-96c0-35.29 28.71-64 64-64h224V32c0-17.67-14.33-32-32-32H96C78.33 0 64 14.33 64 32v192h96v-32z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63d1a09 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"63d1a09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Join My Mailing List<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b00ad56 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"b00ad56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tBe the first to know about new books, updates and special giveaways.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-805df6c e-con-full e-flex e-con e-child\" data-id=\"805df6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ce40b0 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"1ce40b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;button_width&quot;:&quot;33&quot;,&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"14\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"1ce40b0\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"14\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-33\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-33 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-33 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A novel by Victor Crockett Beyond Tranquillity A Martian Odyssey The greatest distance is not always measured in miles. Buy the book About the author Discovery Human Ambition Survival Scroll 27 &middot; 12 &middot; 2075 &mdash; Humanity sets foot on Mars Mission logLive Vessel Pegasus Transit Earth &rarr; Mars &middot; 30 days Landfall 70&deg; E [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bookpublish.online\/victorcrocket\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bookpublish.online\/victorcrocket\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bookpublish.online\/victorcrocket\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bookpublish.online\/victorcrocket\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bookpublish.online\/victorcrocket\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":61,"href":"https:\/\/bookpublish.online\/victorcrocket\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":120,"href":"https:\/\/bookpublish.online\/victorcrocket\/wp-json\/wp\/v2\/pages\/14\/revisions\/120"}],"wp:attachment":[{"href":"https:\/\/bookpublish.online\/victorcrocket\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}