:root{--green:#162f28;--ink:#20372e;--lime:#d8f084;--paper:#f7f8f2;--line:#d5ddcf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bc6925;outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;padding:10px;z-index:10}header{max-width:1440px;margin:auto;padding:27px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:24px}.brand span{font-size:16px;font-weight:800;letter-spacing:1.5px}nav{display:flex;gap:30px;align-items:center;font-size:14px}nav a{text-decoration:none}.nav-pill{border:1px solid var(--green);border-radius:40px;padding:10px 20px}.hero{display:grid;grid-template-columns:1.12fr 1fr;min-height:670px;margin:0 2%;background:var(--green);color:var(--paper);border-radius:8px;overflow:hidden}.hero-copy{padding:64px 8% 38px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px}.hero h1{font-size:clamp(45px,5.7vw,84px);line-height:1.06;letter-spacing:-3.5px;margin:32px 0 24px;font-weight:500}em{font-family:Georgia,serif;font-weight:400}.hero h1 em{color:var(--lime)}.hero p{max-width:460px;color:#dae3d9}.button{display:inline-block;padding:14px 24px;background:var(--lime);color:var(--green);border-radius:40px;text-decoration:none;font-weight:700;font-size:15px;margin-top:17px}.button:hover{background:#e7ffa0}.text-link{display:inline-block;font-size:14px;margin:16px 0 16px 20px;text-underline-offset:5px}.hero-foot{font-size:10px;letter-spacing:1.5px;margin-top:55px;color:#b8c9ba}.hero-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:35px 9%;min-height:520px;background:#294d3d;background-size:cover;background-position:center}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(9,29,21,.85))}.hero-art>*{position:relative}.image-label{font-size:10px;letter-spacing:2px}.hero-art blockquote{font:32px/1.25 Georgia,serif;margin:0 0 16px}.hero-art cite{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:1.5px;margin-top:23px}.section{max-width:1230px;margin:auto;padding:95px 45px}.section-top{display:flex;justify-content:space-between;gap:20px}.small{font-size:14px}h2{font-size:clamp(35px,4vw,54px);font-weight:500;letter-spacing:-1.8px;line-height:1.12;margin:24px 0}h3{font-size:21px;line-height:1.25;font-weight:500;margin:0 0 12px}p{margin:0 0 20px}.hope>p{color:#5a675e}.choices{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.choices button{font:inherit;font-size:14px;padding:12px 20px;background:transparent;border:1px solid #9cab9a;border-radius:30px;cursor:pointer;color:var(--green)}.choices button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.verse-panel{background:#e9efd9;padding:43px 6%;border-radius:4px}.verse-number,#reference{font-size:12px;letter-spacing:1.5px}.verse-panel blockquote{font:clamp(27px,3.1vw,40px)/1.35 Georgia,serif;max-width:870px;margin:25px 0}.verse-panel p{max-width:760px;margin:26px 0 0;color:#435344}.jesus{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;border-top:1px solid var(--line)}.jesus>div>p,.begin>div>p{color:#5a675e}.story article{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:22px 0}.story article:first-child{padding-top:0}.story article>span{font-size:12px;color:#71816e;padding-top:2px}.story article p{font-size:16px;margin:0;color:#5a675e}.references{font-size:12px;color:#687664;margin-top:20px}.statement{padding:70px 6%;text-align:center;background:var(--lime);color:var(--green)}.statement p{font-size:clamp(36px,5vw,65px);line-height:1.14;letter-spacing:-2px;margin:28px 0}.statement>span:last-child{font-size:14px}.begin{display:grid;grid-template-columns:1fr 1.2fr;gap:12%}.steps details{border-bottom:1px solid var(--line);padding:20px 0}.steps details:first-child{padding-top:0}summary{font-size:19px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';font-size:24px}details[open] summary:after{content:'−'}details p{font-size:16px;margin:20px 0}details blockquote{font:22px/1.5 Georgia,serif;margin:20px 0;padding-left:20px;border-left:2px solid #8a9c61}.closing{text-align:center;padding:65px 20px 80px;background:var(--green);color:var(--paper)}.closing h2{font-size:clamp(32px,4vw,50px)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 5%;flex-wrap:wrap}footer p{font-size:14px;margin:0}footer>span{font-size:12px;color:#667262}@media(min-width:1500px){.hero{max-width:1440px;margin:auto}}@media(max-width:800px){header{padding:20px 6%}nav{gap:16px}nav a:first-child,.nav-pill{display:none}.hero{grid-template-columns:1fr;margin:0 3%}.hero-copy{padding:40px 7% 30px}.hero h1{letter-spacing:-2px;font-size:58px}.hero-foot{margin-top:25px}.hero-art{min-height:340px;padding:28px 7%;background-position:center 45%}.hero-art blockquote{max-width:450px;font-size:29px}.section{padding:65px 7%}.section-top .small{display:none}.jesus,.begin{grid-template-columns:1fr;gap:35px}.choices{gap:8px}.choices button{padding:10px 14px}.verse-panel{padding:30px 8%}h2{letter-spacing:-1px}.statement{padding:55px 7%}.statement p{letter-spacing:-1px}footer{display:block;padding:30px 7%}footer p{margin:15px 0 5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-art{background-image:url("hope-landscape.jpg")}