.rt-books-page { overflow: hidden; background: var(--rt-ivory); }
.rt-books-page.e-con, .rt-books-page .e-con { max-width: none; --container-max-width: 100%; }
.rt-books-page > .e-con-inner, .rt-books-page .e-con > .e-con-inner { max-width: none; width: 100%; }
.rt-books-page.elementor-element, .rt-books-hero.elementor-element, .rt-order-overview.elementor-element, .rt-charted-books.elementor-element, .rt-horizon.elementor-element, .rt-new-reader.elementor-element { width: 100%; }

.rt-books-hero { min-height: 680px; align-items: center; color: var(--rt-ivory); overflow: hidden; padding: 130px max(24px,9vw) 95px; position: relative; background: radial-gradient(circle at 76% 42%,rgba(47,107,110,.65),transparent 22%),linear-gradient(105deg,#091923 5%,#163042 58%,#285d62 100%); }
.rt-books-hero:before { content: ""; inset: 0; opacity: .28; position: absolute; background: repeating-radial-gradient(ellipse at 75% 40%,transparent 0 42px,rgba(184,138,74,.23) 43px 44px,transparent 45px 75px); }
.rt-books-hero-copy { max-width: 760px; position: relative; z-index: 2; }
.rt-books-hero-title .elementor-heading-title { color: var(--rt-ivory); font-family: var(--rt-serif); font-size: clamp(60px,8vw,104px); font-weight: 500; letter-spacing: -.035em; line-height: .84; }
.rt-books-hero-title em { color: #b6cdc5; font-weight: 500; }
.rt-books-hero-lead { color: #d3dfda; font-family: var(--rt-serif); font-size: 22px; line-height: 1.55; max-width: 600px; }
.rt-chart-compass { align-items: center; border: 1px solid rgba(215,181,117,.5); border-radius: 50%; color: #d7b575; display: flex; height: 190px; justify-content: center; position: absolute; right: 10%; top: 36%; width: 190px; z-index: 1; }
.rt-chart-compass:before, .rt-chart-compass:after { background: rgba(215,181,117,.32); content: ""; position: absolute; }
.rt-chart-compass:before { height: 238px; width: 1px; }.rt-chart-compass:after { height: 1px; width: 238px; }
.rt-chart-compass span { font-size: 9px; left: 50%; letter-spacing: .2em; position: absolute; top: 10px; }.rt-chart-compass b { font-size: 34px; }.rt-chart-compass small { bottom: 20px; font-size: 8px; letter-spacing: .2em; position: absolute; }
.rt-background-tide-chart { background: repeating-linear-gradient(0deg,transparent 0 54px,rgba(190,216,208,.045) 55px 56px),repeating-linear-gradient(90deg,transparent 0 78px,rgba(190,216,208,.04) 79px 80px); border-bottom: 1px solid rgba(190,216,208,.08); border-left: 1px solid rgba(190,216,208,.08); inset: 100px 4% 55px 45%; opacity: .68; position: absolute; z-index: 0; }
.rt-background-tide-chart span { border: 1px solid rgba(215,181,117,.38); border-radius: 50%; height: 7px; position: absolute; transform: translate(-50%,-50%); width: 7px; }
.rt-background-tide-chart span:after { background: linear-gradient(90deg,rgba(215,181,117,.25),rgba(113,163,154,.2)); content: ""; height: 1px; left: 5px; position: absolute; top: 2px; transform-origin: left; width: 10vw; }
.rt-background-tide-chart span:nth-child(1){left:2%;top:58%}.rt-background-tide-chart span:nth-child(1):after{transform:rotate(-17deg)}.rt-background-tide-chart span:nth-child(2){left:16%;top:38%}.rt-background-tide-chart span:nth-child(2):after{transform:rotate(-5deg)}.rt-background-tide-chart span:nth-child(3){left:30%;top:31%}.rt-background-tide-chart span:nth-child(3):after{transform:rotate(18deg)}.rt-background-tide-chart span:nth-child(4){left:44%;top:58%}.rt-background-tide-chart span:nth-child(4):after{transform:rotate(11deg)}.rt-background-tide-chart span:nth-child(5){left:58%;top:73%}.rt-background-tide-chart span:nth-child(5):after{transform:rotate(-19deg)}.rt-background-tide-chart span:nth-child(6){left:72%;top:49%}.rt-background-tide-chart span:nth-child(6):after{transform:rotate(-9deg)}.rt-background-tide-chart span:nth-child(7){left:86%;top:37%}.rt-background-tide-chart span:nth-child(7):after{display:none}.rt-background-tide-chart small{color:rgba(190,216,208,.35);font-size:7px;letter-spacing:.14em;position:absolute}.rt-background-tide-chart .high{left:24%;top:20%}.rt-background-tide-chart .low{left:53%;top:82%}

.rt-order-overview { padding: 100px max(24px,6vw) 115px; text-align: center; }
.rt-order-overview .rt-heading .elementor-heading-title { font-size: clamp(44px,5vw,60px); }
.rt-order-intro { color: #5d6966; margin: 0 auto 45px; max-width: 720px; }
.rt-order-strip { display: grid; gap: 12px; grid-template-columns: repeat(5,minmax(0,1fr)); list-style: none; margin: 15px 0 0; padding: 0; position: relative; }
.rt-order-strip:before { background: linear-gradient(90deg,var(--rt-brass),var(--rt-teal),var(--rt-brass)); content: ""; height: 1px; left: 8%; position: absolute; right: 8%; top: 21px; }
.rt-order-strip li { position: relative; text-align: center; z-index: 1; }
.rt-order-strip li > span { align-items: center; background: var(--rt-ivory); border: 1px solid var(--rt-brass); border-radius: 50%; color: var(--rt-navy); display: flex; font-family: var(--rt-serif); height: 42px; justify-content: center; margin: 0 auto 16px; width: 42px; box-shadow: 0 0 0 7px var(--rt-ivory); }
.rt-mini-cover { align-items: center; background: linear-gradient(155deg,#214555,#10222e); border: 1px solid rgba(184,138,74,.5); box-shadow: 4px 8px 17px rgba(16,34,46,.2); color: #c8a768; display: flex; font-style: normal; height: 142px; justify-content: center; margin: 0 auto 15px; width: 92px; background-position: center; background-size: cover; }
.rt-mini-one { background-image: url("../images/saltwater-secrets-v5.jpg"); }.rt-mini-two { background-image: url("../images/the-lost-light-v4.jpg"); }
.rt-order-strip small { color: var(--rt-teal); display: block; font-size: 7px; letter-spacing: .14em; text-transform: uppercase; }.rt-order-strip b { color: var(--rt-navy); display: block; font-family: var(--rt-serif); font-size: 17px; line-height: 1.15; margin-top: 5px; }

.rt-charted-books { background: #e8e6dd; overflow: hidden; padding: 110px max(24px,7vw); position: relative; }
.rt-reading-route { bottom: 0; display: flex; flex-direction: column; left: 50%; opacity: .52; position: absolute; top: 0; transform: translateX(-95px); width: 190px; }
.rt-reading-route i { border-color: var(--rt-teal); border-style: solid; display: block; flex: 1; width: 50%; }.rt-reading-route i:nth-child(odd) { align-self: flex-end; border-radius: 0 190px 190px 0; border-width: 1px 1px 1px 0; }.rt-reading-route i:nth-child(even) { align-self: flex-start; border-color: var(--rt-brass); border-radius: 190px 0 0 190px; border-width: 1px 0 1px 1px; }.rt-reading-route i:first-child { border-top-color: transparent; }.rt-reading-route i:last-child { border-bottom-color: transparent; }
.rt-books-feature { gap: 8%; margin: 0 auto 145px; max-width: 1120px; position: relative; width: 100%; z-index: 1; }
.rt-books-feature:last-child { margin-bottom: 0; }.rt-books-feature-reverse { flex-direction: row-reverse !important; }
.rt-books-cover-art { background-position: center; background-size: cover; border: 1px solid rgba(184,138,74,.65); box-shadow: 20px 28px 50px rgba(16,34,46,.28); flex: 0 1 390px; min-height: 620px; position: relative; }
.rt-cover-one { background-image: url("../images/saltwater-secrets-v5.jpg"); }.rt-cover-two { background-image: url("../images/the-lost-light-v4.jpg"); }
.rt-books-route-point { align-items: center; background: var(--rt-navy); border: 1px solid var(--rt-brass); border-radius: 50%; color: #e4c17e; display: flex; font-family: var(--rt-serif); height: 52px; justify-content: center; position: absolute; right: -53px; top: 48%; width: 52px; box-shadow: 0 0 0 9px #e8e6dd; }
.rt-books-feature-reverse .rt-books-route-point { left: -53px; right: auto; }
.rt-books-feature-copy { background: rgba(244,240,232,.9); border: 1px solid #d2cbbb; box-shadow: 0 14px 30px rgba(22,48,66,.06); flex: 1 1 570px; padding: 48px; }
.rt-books-title .elementor-heading-title { color: var(--rt-navy); font-family: var(--rt-serif); font-size: clamp(50px,6vw,68px); font-weight: 500; line-height: .9; }
.rt-books-hook { border-bottom: 1px solid #c9c2b4; color: var(--rt-teal); font-family: var(--rt-serif); font-size: 24px; font-style: italic; line-height: 1.4; padding-bottom: 20px; }
.rt-books-description { color: #4f5b58; font-size: 14px; line-height: 1.75; }.rt-books-action { gap: 20px; margin-top: 18px; }.rt-books-date { color: #68736f; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }

.rt-horizon { background: radial-gradient(circle at 50% 20%,rgba(47,107,110,.32),transparent 35%),linear-gradient(#10222e,#091821); color: #d1dcd8; padding: 115px max(24px,6vw) 100px; text-align: center; }
.rt-horizon-heading .elementor-heading-title { color: var(--rt-ivory); font-family: var(--rt-serif); font-size: clamp(52px,6vw,72px); font-weight: 500; }
.rt-horizon-intro { color: #adbfba; font-family: var(--rt-serif); font-size: 20px; line-height: 1.55; margin: 0 auto; max-width: 620px; }
.rt-horizon-grid { display: grid !important; gap: 35px; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 65px; position: relative; width: 100%; }.rt-horizon-grid:before { background: linear-gradient(90deg,transparent,var(--rt-brass),var(--rt-teal),var(--rt-brass),transparent); content: ""; height: 1px; left: 12%; opacity: .55; position: absolute; right: 12%; top: 46%; }
.rt-horizon-card { text-align: center; z-index: 1; }.rt-horizon-cover { align-items: center; background: linear-gradient(155deg,rgba(47,107,110,.5),rgba(8,21,29,.95)); border: 1px solid rgba(184,138,74,.5); box-shadow: 12px 22px 38px rgba(0,0,0,.35); height: 395px; justify-content: center; margin: auto; max-width: 255px; overflow: hidden; position: relative; width: 100%; }
.rt-horizon-cover:before { border: 1px solid rgba(184,138,74,.15); border-radius: 50%; box-shadow: 0 0 0 38px rgba(184,138,74,.035),0 0 0 76px rgba(184,138,74,.025); content: ""; height: 250px; position: absolute; width: 250px; }.rt-horizon-number { color: #d7b575; font-family: var(--rt-serif); left: 22px; position: absolute; top: 22px; }.rt-horizon-star { color: #d7b575; font-size: 34px; position: relative; }.rt-horizon-reveal { bottom: 25px; color: #9db2ac; font-size: 7px; letter-spacing: .17em; position: absolute; text-transform: uppercase; }
.rt-horizon-status .elementor-heading-title { color: #c29d60; font-family: var(--rt-sans); font-size: 8px; letter-spacing: .18em; margin-top: 24px; text-transform: uppercase; }.rt-horizon-title .elementor-heading-title { color: var(--rt-ivory); font-family: var(--rt-serif); font-size: 30px; font-weight: 500; line-height: 1.1; }.rt-more-to-come { color: var(--rt-ivory); font-family: var(--rt-serif); font-size: 26px; margin-top: 70px; }.rt-more-to-come strong { color: var(--rt-brass); font-size: 55px; }.rt-more-to-come small { color: #8fa59f; font-family: var(--rt-sans); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
.rt-new-reader { background: var(--rt-ivory); padding: 100px max(24px,16vw); text-align: center; }.rt-new-reader .rt-body { margin: 0 auto; max-width: 650px; }.rt-new-reader .rt-button { margin-top: 18px; }

@media (max-width: 900px) {
  .rt-chart-compass { opacity: .25; right: 2%; }.rt-order-strip { grid-template-columns: repeat(5,minmax(120px,1fr)); overflow-x: auto; padding-bottom: 20px; }.rt-books-feature, .rt-books-feature-reverse { flex-direction: row !important; gap: 55px; }.rt-books-cover-art { flex-basis: 300px; min-height: 480px; }.rt-reading-route { left: calc(7vw + 326px); transform: translateX(-75px); width: 150px; }.rt-books-feature-reverse .rt-books-route-point { left: auto; right: -53px; }.rt-books-feature-copy { padding: 36px; }
}
@media (max-width: 650px) {
  .rt-books-hero { min-height: 620px; padding: 100px 22px 75px; }.rt-books-hero-title .elementor-heading-title { font-size: 56px; }.rt-chart-compass { display: none; }.rt-background-tide-chart { inset: 75px -18% 35px 35%; opacity: .42; }.rt-order-overview { padding: 78px 20px; }.rt-order-strip { grid-template-columns: repeat(5,130px); }.rt-charted-books { padding: 80px 16px; }.rt-reading-route { left: 50%; opacity: .32; transform: translateX(-52px); width: 104px; }.rt-books-feature, .rt-books-feature-reverse { display: block !important; margin-bottom: 95px; }.rt-books-cover-art { min-height: 0; padding-top: 160%; width: 72%; margin: 0 auto 48px; }.rt-books-route-point, .rt-books-feature-reverse .rt-books-route-point { left: auto; right: -28px; }.rt-books-feature-copy { padding: 30px 24px; }.rt-horizon { padding: 85px 20px; }.rt-horizon-grid { grid-template-columns: 1fr; gap: 60px; }.rt-horizon-grid:before { bottom: 5%; height: auto; left: 50%; right: auto; top: 5%; width: 1px; }.rt-new-reader { padding: 80px 22px; }
}