/* Cinematic editorial redesign: navy, amber, immersive imagery, visible biblical themes. */
:root{--paper:#f4eee3;--ink:#f5efe4;--olive:#e2b36b;--muted:#b3becb;--line:#2d3c4e;--gold:#ecba6f;--pale:#162638}body{background:#0c1724;color:#f5efe4}.announcement{background:#16263a;color:#edc78a;border-bottom:1px solid #26374c;font-size:8px;font-weight:600;letter-spacing:2.3px}.header{width:100%;padding:23px max(40px,calc((100vw - 1180px)/2));background:#0c1724}.brand{color:#f5efe4}.brand svg{stroke:#e1b573}.brand small{color:#b5bec9}.header nav{color:#d4dce5}.nav-button{border-color:#526075;color:#fff4df}.hero{position:relative;width:100%;margin:0;min-height:730px;padding:0;display:block;isolation:isolate;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#07111eef 0%,#07111ed9 29%,#07111e70 50%,#07111e05 80%),linear-gradient(0deg,#0c1724 0%,transparent 30%,#0c172430 100%)}.hero-inner{display:flex;align-items:center;min-height:690px;padding:55px 0 75px;position:relative}.hero-copy{max-width:600px}.hero .eyebrow{color:#edc689;font-size:9px;letter-spacing:2px}.hero h1{font-size:clamp(75px,7.7vw,110px);line-height:1;letter-spacing:-2px;margin-bottom:28px;color:#fff7e9;text-shadow:0 4px 30px #0003}.hero h1 em{color:#efbc70}.subtitle{font-size:18px;line-height:1.7;max-width:470px;color:#f1eadd}.hero-description{color:#b7c1d0;font-size:13px;max-width:470px;line-height:1.9;margin-bottom:27px}.button{background:linear-gradient(115deg,#e5ac58,#f4cd8f);border:1px solid #ebc17b;color:#182330;font-weight:700;border-radius:3px;font-size:12px;box-shadow:0 7px 28px #0002;padding:17px 24px}.button:hover{background:#ffdaa0;color:#111d2b;box-shadow:0 9px 30px #0003}.hero .button{min-width:310px}.hero-facts{color:#c4ced9;font-size:10px}.hero-facts b{color:#ffe0ab}.hero-caption{position:absolute;right:0;bottom:58px;text-align:right}.hero-caption>span{font-size:7px;letter-spacing:2px;color:#f6d7a5}.hero-caption p{font-family:'Libre Caslon Display',Georgia,serif;font-size:28px;line-height:1.15;margin:12px 0 0;color:#fff8e9;text-shadow:0 2px 14px #000}.hero-caption em{color:#edc78a}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;padding:19px max(40px,calc((100vw - 1180px)/2));border-top:1px solid #62708040;font-size:8px;letter-spacing:2.5px;color:#b7c2d2;background:#0c1724aa}.hero-bottom a{color:#e4bb7b}.rhythm{background:#eab86e;border:0}.rhythm>div{color:#172333;font-size:11px;font-weight:600}.rhythm i{color:#6d542d}.section{padding-block:75px}h2{font-size:57px;line-height:1.08;letter-spacing:-1px;color:#f8f1e4}h2 em{color:#e7b66d}.eyebrow{color:#e8b970;font-size:8px;letter-spacing:2px}.section-heading{gap:50px;margin-bottom:32px;align-items:end}.section-heading>p{color:#a5b4c5;font-size:12px;line-height:1.8;max-width:270px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.topic-card{position:relative;border:1px solid #354358;background:#142335;min-height:335px;border-radius:5px;text-align:left;color:#fff6e7;overflow:hidden;isolation:isolate;padding:25px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,border-color .2s;box-shadow:0 12px 30px #0002}.topic-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:transform .45s}.topic-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06111b33 0%,#07121ea3 40%,#07121ef5 100%);z-index:-2}.topic-card:nth-child(2)>img,.topic-card:nth-child(6)>img{object-position:75% center}.topic-card:nth-child(4)>img{object-position:80% center}.topic-card:hover{transform:translateY(-4px);border-color:#c89b58}.topic-card:hover>img{transform:scale(1.045)}.topic-index{font-size:7px;letter-spacing:1.7px;color:#e3eaf1;text-shadow:0 1px 10px #000}.topic-copy{display:block;margin-top:40px}.topic-label{color:#f3c680;font-size:8px;font-weight:700;letter-spacing:1px;line-height:1.5;display:block;margin-bottom:12px}.topic-card h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:34px;line-height:1.05;font-weight:400;margin:0 0 15px;color:#fff9ef;max-width:280px}.topic-ref{font-size:9px;color:#c4cedb;display:block}.topic-explore{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #a0b0c32e;padding-top:13px;margin-top:20px;font-size:9px;color:#f1d4a5}.topic-explore b{font-size:17px;font-weight:400}.topic-foot{display:flex;justify-content:space-between;align-items:center;margin-top:26px;gap:20px}.topic-foot>span{font-size:7px;letter-spacing:1.3px;color:#94a5b9}.text-link{color:#e7bd7d;font-size:11px}.solution-section{background:#f2ecdf;color:#17273a;padding:60px 0}.inside{gap:70px;grid-template-columns:.9fr 1.1fr;align-items:center}.solution-copy h2{color:#162638;font-size:54px}.solution-copy h2 em{color:#957034}.solution-copy .eyebrow{color:#8a642e}.section-desc{color:#5e6870;font-size:13px;line-height:1.8}.reading-steps>div>span{color:#9a7135;font-weight:700}.reading-steps b{color:#1d2d40}.reading-steps p{color:#67717b}.solution-art{position:relative;background:radial-gradient(ellipse at 50% 40%,#d2c9b0,#e8e1d2 65%);border:1px solid #d4cbbb;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px}.solution-art:before{content:'✦';position:absolute;right:30px;top:12px;color:#c3aa7a;font-size:68px}.book{width:280px;height:395px;transform:rotate(-7deg) perspective(1000px) rotateY(-9deg);filter:drop-shadow(15px 24px 12px #14233250)}.cover{background:linear-gradient(110deg,#0d1a2a,#1e344b 22%,#0e2033);border-color:#677080;box-shadow:inset 6px 0 8px #0006,3px 0 #d2bb8c,6px 0 #78848c;color:#f8e7c8}.cover-top{color:#d3b27d}.cover-title{color:#fff2dc;font-size:49px}.cover-title i{color:#edba6c}.cover p{color:#d7dce3}.cover-olive{fill:#d7b47035;stroke:#c9a362}.cover-bottom{color:#d9b478}.cover-rule{background:#d0ab6e}.solution-edition{position:absolute;bottom:20px;font-size:7px;letter-spacing:2px;color:#756546}.quiet{min-height:470px;background:#08131f;display:flex;align-items:center}.quiet>img{object-position:30% 55%;opacity:.9}.quiet:after{background:linear-gradient(90deg,transparent 0%,#08131f55 35%,#08131fe0 67%,#08131ff5 100%)}.quiet-copy{margin-left:53%;padding:60px 40px;max-width:560px}.quiet h2{font-size:57px;color:#fcf5e9}.quiet h2 em{color:#edbc76}.quiet-copy>p:last-child{color:#c0cad7;font-size:13px;line-height:1.8}.extra-card{background:#152438;border-color:#344357;box-shadow:0 12px 25px #0001}.extra-copy h3{color:#fff2df;font-size:28px}.extra-copy>p:not(.eyebrow){color:#b0bdce}.extra-copy .eyebrow{color:#dfb879}.extra-card:has(input:checked){border-color:#e8bb77;box-shadow:0 0 0 1px #e8bb77}.format{color:#a5b7cc}.mini-art{height:240px}.devotional{background:radial-gradient(ellipse,#657b8a,#24374c)}.mini-book{background:linear-gradient(120deg,#0f2033,#2e435a);color:#f5ddb4;box-shadow:10px 12px 18px #0004,3px 0 #cab184}.journal{background:#9e815c}.journal-page{background:#f3e4ca;color:#273747}.audio{background:radial-gradient(ellipse,#38576b,#14263b);color:#f8e3c0}.audio-circle{background:#cba469;color:#122639}.wave{color:#e0bd83}.extra-number{color:#f8e7ca80}.add-extra{color:#f6e2c5;border-color:#3a4a5f}.add-extra input{accent-color:#d9aa63}.selection{border-color:#37475b}.selection strong{color:#f9eddc}.selection span{color:#a8b7c9}.selection>b{color:#f4ce95}.bundle-hint{background:#27384a;border:1px solid #6b5b3f;color:#eed6b0}.offers-section{background:#101f31;border-block:1px solid #2a3b51}.center-heading h2{color:#fff2df}.center-heading>p:last-child{color:#aabacc}.offer{background:#172a3e;border-color:#405166;padding:34px;color:#e9eff7;box-shadow:0 20px 35px #0002}.offer h3{color:#fff3e1;font-size:38px}.offer>p:not(.eyebrow){color:#b6c3d3}.price{font-family:'DM Sans',Arial,sans-serif;font-weight:600;font-size:64px;letter-spacing:-3px;margin-block:18px 24px;color:#fff1d8}.price>span{font-size:20px;font-weight:400}.offer li:before{color:#e1b674}.offer ul{color:#d2dfec;font-size:12px}.offer>small{color:#aebed0}.complete{border:2px solid #e6b76d;background:radial-gradient(ellipse at top,#2d3d49,#15273a 75%)}.recommend{background:#e3b167;color:#172638;font-weight:700;padding:7px 14px;top:-15px}.complete .price{color:#f5c783}.saving b{background:#e5b97b;color:#152437}.button.outline{border-color:#8d9bae;color:#f2e0c3;background:transparent}.button.outline:hover{background:#213b54}.availability{color:#9aacbf}.faq summary{color:#e6edf6}.faq details{border-color:#344358}.faq details p{color:#aebed0}.faq summary:after{color:#d9af71}.final{position:relative;background:linear-gradient(#0a1522a6,#0a1522ed),url('assets/tema-camino.webp') center 55%/cover;padding:75px 0;border-top:1px solid #3c4a5c}.final h2{font-size:65px;color:#fff4e2}.final>div>p:last-child{color:#e3bd83}footer{color:#aebac9}footer>p,footer>span{color:#93a4b9}dialog{background:#142538;color:#f7e8d0;border-color:#77828c;box-shadow:0 35px 110px #0008}dialog::backdrop{background:#040b14c7;backdrop-filter:blur(6px)}dialog h2{color:#fff3de}dialog p{color:#bdcad8}.dialog-close{color:#e8c48d}.pending,.sample-question{background:#23384e;border-left:2px solid #d5a76a}.pending b,.sample-question b{color:#f5d5a3}.dialog-price{font-family:'DM Sans',Arial,sans-serif;font-size:37px;font-weight:500;color:#f2cb8f}.skip{color:#172333}html{scroll-padding-top:25px}
@media(max-width:1000px){.header{padding-inline:24px}.hero-inner{min-height:680px}.hero-copy{max-width:500px}.hero h1{font-size:85px}.hero-caption{right:0;bottom:45px;max-width:230px}.hero-caption p{font-size:23px}.topic-card{padding:20px;min-height:330px}.topic-card h3{font-size:30px}.topic-label{font-size:7px}.inside{gap:35px}.solution-copy h2{font-size:45px}.solution-art{min-height:470px}.quiet-copy{margin-left:48%;padding-right:25px}.quiet h2{font-size:49px}}
@media(max-width:700px){.announcement{font-size:6px;letter-spacing:1.1px;padding-block:10px}.header{padding:17px 18px}.brand{font-size:23px}.header .brand small{font-size:5px}.nav-button{font-size:9px;border-color:#526174;padding:8px 11px}.hero{min-height:780px}.hero-bg{height:360px;object-position:82% 44%}.hero-shade{background:linear-gradient(180deg,#07111e15 0%,#07111e28 23%,#07111ebf 43%,#07111ef5 63%,#0c1724 95%),linear-gradient(90deg,#07111e66,transparent 80%)}.hero-inner{min-height:740px;padding:290px 0 42px;display:block}.hero-copy{max-width:none}.hero .eyebrow{font-size:6px;letter-spacing:1.5px;margin-bottom:17px}.hero h1{font-size:65px;line-height:1;letter-spacing:-1px;margin-bottom:20px}.hero h1 em{white-space:nowrap}.subtitle{font-size:15px;line-height:1.65;max-width:370px;margin-bottom:15px}.hero-description{font-size:11px;color:#b4c2d3;line-height:1.8;margin-bottom:23px}.hero-description br{display:none}.hero .button{width:100%;min-width:0;font-size:11px;padding:16px 18px}.hero-facts{font-size:8px;justify-content:center;gap:12px;margin-top:17px}.hero-caption{display:none}.hero-bottom{padding:15px 18px;font-size:6px;letter-spacing:1.2px}.rhythm>div{font-size:8px;padding:15px 0;gap:7px}.rhythm i{font-size:9px}.section{padding-block:43px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:43px;line-height:1.05}.section-heading>p{font-size:11px;max-width:330px;margin-top:18px}.section-heading>p br{display:none}.topic-grid{grid-template-columns:1fr;gap:15px}.topic-card{min-height:290px;padding:22px}.topic-index{font-size:6px;letter-spacing:1.7px}.topic-copy{margin-top:30px}.topic-label{font-size:8px;letter-spacing:1px;margin-bottom:9px}.topic-card h3{font-size:37px;max-width:290px;margin-bottom:13px}.topic-ref{font-size:9px}.topic-explore{font-size:10px;margin-top:17px;padding-top:11px}.topic-card:nth-child(even){min-height:270px}.topic-foot{display:block;margin-top:23px}.topic-foot>span{display:block;font-size:6px;line-height:1.8;letter-spacing:1px;margin-bottom:13px}.topic-foot .text-link{font-size:12px}.solution-section{padding:38px 0}.inside{display:flex;flex-direction:column-reverse;gap:30px}.solution-copy h2{font-size:43px;line-height:1.05}.solution-copy .eyebrow{font-size:7px}.section-desc{font-size:12px}.reading-steps b{font-size:12px}.reading-steps p{font-size:11px}.solution-copy>.button{width:100%;font-size:11px;margin-top:8px}.solution-art{width:100%;min-height:410px}.book{width:240px;height:343px}.cover-title{font-size:41px}.cover p{font-size:7px}.solution-edition{bottom:12px;font-size:6px}.quiet{min-height:570px;align-items:flex-end}.quiet>img{object-position:28% top;opacity:1}.quiet:after{background:linear-gradient(180deg,#08131f08 0%,#08131f30 20%,#08131fd6 48%,#08131f 90%)}.quiet-copy{margin:0;padding:260px 24px 35px;max-width:410px}.quiet h2{font-size:45px;line-height:1.05}.quiet-copy .eyebrow{font-size:7px}.quiet-copy>p:last-child{font-size:12px;line-height:1.8}.extra-grid{gap:18px}.extra-card{grid-template-columns:110px 1fr}.mini-art{height:100%;min-height:260px}.mini-book{width:90px;height:145px}.mini-book strong{font-size:22px}.extra-copy h3{font-size:25px}.extra-copy>p:not(.eyebrow){font-size:11px}.extra-copy .eyebrow{font-size:6px}.format{font-size:6px}.selection>b{font-size:30px}.offers-section{padding:45px 0}.center-heading h2{font-size:45px;line-height:1.05}.offer{padding:28px 24px}.offer h3{font-size:36px}.price{font-size:62px;margin-top:18px;letter-spacing:-3px}.price>span{font-size:18px}.offer ul{font-size:12px}.offer .button{font-size:11px}.offer>small{font-size:9px}.saving b{padding:3px 6px;font-size:9px}.recommend{font-size:6px;left:20px}.faq h2{font-size:43px}.faq summary{font-size:12px}.faq details p{font-size:11px}.final{padding:45px 0}.final h2{font-size:46px;line-height:1.05}.final .button{font-size:11px}.final .eyebrow{font-size:6px}.final>div>p:last-child{font-size:24px}.dialog-price{font-size:30px}dialog h2{font-size:39px}.topic-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.topic-card,.topic-card>img{transition:none}.topic-card:hover{transform:none}}

/* Two offers only; the complete package contains all three bonuses. */
.included-label{font-size:8px!important;letter-spacing:1px;color:#f2cb8f!important;margin:7px 0 20px!important;line-height:1.7}.offer .complete-main{margin-bottom:18px}.included-bonuses{border-top:1px solid #b5966550;padding-top:3px;margin-bottom:25px}.included-bonuses>div{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #53617455}.included-bonuses>div:last-child{border:0}.included-bonuses>div>span{flex-shrink:0;font-size:8px;font-weight:700;letter-spacing:.5px;background:#e4b675;color:#162638;border-radius:2px;padding:4px 7px;margin-top:1px}.included-bonuses p{margin:0;line-height:1.5}.included-bonuses strong{display:block;font-size:13px;font-weight:600;color:#fff0d8}.included-bonuses small{display:block;font-size:10px;color:#b9c6d6;margin-top:3px}.offer-grid{align-items:start}.offer:not(.complete) .button{margin-top:10px}@media(max-width:700px){.included-bonuses strong{font-size:13px}.included-bonuses small{font-size:10px}.included-bonuses>div>span{font-size:7px}.included-label{font-size:7px!important}}
/* Keep the opening verse readable beside the image on desktop and below the introduction on phones. */
@media(max-width:700px){.hero-caption{display:block;position:relative;right:auto;bottom:auto;max-width:none;text-align:left;margin-top:24px;padding-left:14px;border-left:2px solid #e1b573}.hero-caption>span{font-size:8px;letter-spacing:1.2px}.hero-caption p{font-size:23px;margin-top:8px;line-height:1.25}}

.hero-caption{max-width:310px;text-align:center;bottom:35px}.verse-cross{display:block;width:22px;height:32px;fill:none;stroke:#efbc70;stroke-width:2.5;stroke-linecap:round;margin:0 auto 10px}.hero-caption p{font-size:23px;line-height:1.3;margin:0 0 10px}.hero-caption>span{font-size:8px;letter-spacing:1px}
@media(max-width:700px){.hero-bg{height:360px;object-position:72% 44%}.hero-caption{max-width:none;bottom:auto;text-align:left}.verse-cross{margin:0 0 10px}.hero-caption p{font-size:22px;line-height:1.3}}

/* Show the complete verse artwork without placing the title over it. */
@media(min-width:701px){.hero-bg{left:40%;width:60%;object-fit:contain;object-position:right center}.hero-shade{background:linear-gradient(90deg,#0c1724 0%,#0c1724 37%,transparent 47%)}.hero-copy{width:36%;max-width:410px}.hero h1{font-size:clamp(48px,5.2vw,75px);line-height:1.06;letter-spacing:-1px}.hero .subtitle{font-size:16px}.hero-description{font-size:12px}.hero-caption{display:none}.hero .button{min-width:0;width:100%}}
@media(max-width:700px){.hero-bg{position:relative;inset:auto;display:block;width:100%;height:auto;object-fit:contain}.hero-shade{display:none}.hero-inner{padding:24px 0 32px;min-height:0}.hero-caption{display:none}.hero{min-height:0}}