:root{--navy:#123149;--blue:#285d72;--aqua:#4da7a6;--pale-aqua:#e7f3f1;--gold:#d9a84b;--sand:#f4e5c5;--paper:#fbfaf6;--white:#fff;--ink:#20313f;--muted:#63717a;--line:rgba(18,49,73,.14);--serif:"Libre Baskerville",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.65}a{color:inherit}.skip-link{position:absolute;left:-9999px;top:1rem;background:#fff;padding:.7rem 1rem;z-index:20}.skip-link:focus{left:1rem}.site-header{min-height:94px;padding:.8rem clamp(1.2rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;background:rgba(251,250,246,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:.85rem;text-decoration:none;line-height:1.08}.brand-mark{width:48px;height:48px;border:1px solid var(--navy);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:.9rem;flex:0 0 auto}.brand strong,.brand small{display:block}.brand strong{font-family:var(--serif);font-size:clamp(1rem,1.5vw,1.28rem);color:var(--navy)}.brand small{font-size:.78rem;letter-spacing:.11em;margin-top:.28rem;color:var(--blue);text-transform:uppercase}nav{display:flex;gap:2rem}nav a{text-decoration:none;font-size:.9rem;font-weight:600}nav a:hover{text-decoration:underline;text-underline-offset:.35rem}.language-control select{font:600 .85rem var(--sans);background:#fff;border:1px solid var(--line);border-radius:2rem;padding:.65rem 2rem .65rem .9rem;color:var(--ink)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero{min-height:690px;background:linear-gradient(125deg,#fff 0%,#fbf7ed 52%,#eaf4f4 100%);color:var(--ink);padding:clamp(3.5rem,7vw,6.5rem) clamp(1.2rem,7vw,7rem);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,.85fr);gap:clamp(2.5rem,5vw,5rem);align-items:center;overflow:hidden}.hero-copy{max-width:760px;min-width:0;position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;color:#307b7b;margin:0 0 1.2rem}h1,h2,h3,blockquote{font-family:var(--serif)}h1{font-size:clamp(3rem,5.7vw,5.8rem);line-height:1.04;letter-spacing:-.045em;margin:0 0 2rem;font-weight:400;color:var(--navy)}h1 em{display:block;color:#9a6920;font-weight:400}.intro{font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.75;color:#495b68;max-width:690px}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:2.2rem 0 1.2rem}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:.8rem 1.3rem;border-radius:3rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(18,49,73,.13)}.primary{background:var(--navy);color:#fff}.secondary{border:1px solid rgba(18,49,73,.35);color:var(--navy);background:rgba(255,255,255,.6)}.language-note{font-size:.9rem;color:#657680}.hero-visual{margin:0;position:relative;justify-self:end;width:100%;max-width:650px;min-width:0}.hero-visual:before{content:"";position:absolute;inset:-18px 28px 54px -18px;border:1px solid rgba(77,167,166,.38);border-radius:48% 48% 12px 12px;z-index:0}.hero-visual img{position:relative;display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:48% 48% 12px 12px;box-shadow:0 26px 60px rgba(54,72,79,.18)}.hero-visual figcaption{position:relative;display:flex;align-items:baseline;justify-content:flex-end;gap:.65rem;margin:.85rem .5rem 0 0;color:var(--navy)}.hero-visual figcaption span{font:italic 1.15rem var(--serif)}.hero-visual figcaption small{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:.65rem;color:#47717a}.guide-section{background:var(--pale-aqua);color:var(--ink);padding:clamp(4rem,8vw,7rem) clamp(1.2rem,7vw,7rem);border-top:1px solid rgba(77,167,166,.18);border-bottom:1px solid rgba(77,167,166,.18)}.section-heading h2,.about h2,.closing h2{font-size:clamp(2.1rem,4vw,4rem);line-height:1.15;letter-spacing:-.025em;margin:.3rem 0 2.3rem;font-weight:400;color:var(--navy)}.guide-panel{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;border-top:1px solid rgba(18,49,73,.18);padding-top:2.2rem}.guide-panel p{max-width:780px;font-size:1.1rem}.quiet{color:#667780;font-size:.9rem!important}.light{background:#fff;color:var(--navy);white-space:nowrap;border:1px solid rgba(18,49,73,.12)}.resources{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,7vw,7rem);background:#fff}.split-heading{display:grid;grid-template-columns:1fr minmax(260px,470px);gap:3rem;align-items:end}.split-heading>p{color:var(--muted);padding-bottom:2.3rem}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.resource-card{min-height:390px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);background:#fcfbf7}.resource-card:nth-child(2){background:#e8f3f2}.resource-card:nth-child(3){background:#f6e9cb}.card-number{font-family:var(--serif);font-size:.95rem;color:var(--muted)}.card-kicker{text-transform:uppercase;font-size:.72rem;letter-spacing:.15em;font-weight:700;color:#397979}.resource-card h3{font-size:1.75rem;line-height:1.2;margin:.5rem 0}.resource-card p{color:#44525e}.resource-card a{font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.35rem;align-self:flex-start}.about{display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.about-quote{background:var(--sand);color:var(--navy);padding:clamp(3rem,7vw,7rem);display:flex;align-items:center;min-height:520px}.about blockquote{font-size:clamp(1.7rem,3vw,3.1rem);line-height:1.38;margin:0;font-weight:400;color:#6f4c1c}.about-copy{padding:clamp(3rem,7vw,7rem);align-self:center}.about-copy p{color:#485663;max-width:650px}.closing{text-align:center;padding:clamp(4rem,8vw,7rem) 1.2rem;background:#e9f4f3;color:var(--ink);border-top:1px solid rgba(77,167,166,.18)}.closing h2{margin-bottom:1rem}.closing>p:not(.eyebrow){max-width:650px;margin:0 auto 2rem;color:#536772}footer{display:grid;grid-template-columns:1.3fr 1fr auto;gap:2rem;align-items:center;padding:2.4rem clamp(1.2rem,4vw,4.5rem);background:#f8f4e9;color:#5f6c73;font-size:.82rem;border-top:1px solid var(--line)}.footer-brand .brand-mark{border-color:var(--navy)}.footer-brand small{color:var(--blue)}@media(max-width:1100px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:820px}.hero-visual{justify-self:center;max-width:760px}}@media(max-width:900px){nav{display:none}.guide-panel,.split-heading,.about{grid-template-columns:1fr}.split-heading>p{padding:0}.resource-grid{grid-template-columns:1fr}.resource-card{min-height:310px}.about-quote{min-height:390px}footer{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}}@media(max-width:560px){.site-header{min-height:80px;gap:.7rem}.brand-mark{width:38px;height:38px}.brand strong{font-size:.9rem;max-width:170px}.brand small{font-size:.62rem}.language-control select{max-width:104px}.hero{padding-top:2.5rem;gap:2.5rem}.hero-visual{width:100%}.hero-visual:before{inset:-10px 12px 42px -10px}.hero-visual figcaption{justify-content:center;margin-top:.75rem}.hero-actions{display:grid}.button{width:100%}}

/* Full-width opening image with a quiet reading area for the introduction. */
.hero{display:flex;align-items:center;min-height:clamp(650px,74vh,820px);background-image:linear-gradient(90deg,rgba(255,253,248,.98) 0%,rgba(255,253,248,.93) 30%,rgba(255,253,248,.72) 48%,rgba(255,253,248,.18) 68%,rgba(255,253,248,.02) 100%),url("following-jesus-footprints-v2.png");background-size:cover;background-position:center center;background-repeat:no-repeat}
.hero-copy{width:min(52%,760px);max-width:760px;padding:clamp(1.2rem,2.5vw,2.4rem) 0}
@media(max-width:1100px){.hero{display:flex;min-height:720px;background-position:62% center;background-image:linear-gradient(90deg,rgba(255,253,248,.98) 0%,rgba(255,253,248,.94) 44%,rgba(255,253,248,.55) 67%,rgba(255,253,248,.06) 100%),url("following-jesus-footprints-v2.png")}.hero-copy{width:min(64%,720px)}}
@media(max-width:720px){.hero{min-height:760px;align-items:flex-start;background-position:68% center;background-image:linear-gradient(180deg,rgba(255,253,248,.97) 0%,rgba(255,253,248,.94) 48%,rgba(255,253,248,.55) 68%,rgba(255,253,248,.1) 100%),url("following-jesus-footprints-v2.png")}.hero-copy{width:100%;padding:0 0 8rem}.hero h1{font-size:clamp(2.7rem,13vw,4.2rem)}.hero .intro{color:#334a59}}

/* Course feature and Follow Jesus pilot course */
.course-feature{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,7vw,7rem);display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.8fr);gap:clamp(3rem,8vw,8rem);background:#fff;align-items:center;border-bottom:1px solid var(--line)}
.course-feature h2,.course-progress h2,.course-finish h2{font-size:clamp(2.3rem,4vw,4.4rem);line-height:1.12;letter-spacing:-.03em;margin:.35rem 0 1.2rem;color:var(--navy);font-weight:400}.course-lead{font-size:1.15rem;color:var(--muted);max-width:690px}.course-facts{display:flex;gap:1.1rem;list-style:none;padding:0;margin:2rem 0;flex-wrap:wrap}.course-facts li{display:grid;min-width:125px;padding:1rem 1.2rem;border-left:3px solid var(--aqua);background:var(--pale-aqua)}.course-facts strong{font:1.65rem var(--serif);color:var(--navy)}.course-facts span{font-size:.8rem;color:var(--muted)}.course-map{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.course-map li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1rem .25rem;border-bottom:1px solid var(--line);align-items:center;font-weight:600}.course-map li span:first-child{font:italic 1rem var(--serif);color:#397979}
.course-page{background:#f8f5eb}.course-header{position:relative}.course-hero{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,7vw,7rem);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.65fr);gap:clamp(2.5rem,7vw,7rem);align-items:center;background:linear-gradient(130deg,#fff 0%,#fbf6e8 58%,#e5f2f0 100%)}.course-hero h1{margin:.4rem 0 1.4rem}.course-intro-card{padding:2rem;background:#fff;border:1px solid var(--line);box-shadow:0 22px 55px rgba(18,49,73,.08)}.course-intro-card ol{padding-left:1.25rem}.course-intro-card li{padding:.35rem 0}.course-progress{padding:2.2rem clamp(1.2rem,7vw,7rem);display:grid;grid-template-columns:1fr minmax(280px,520px);gap:2rem;align-items:center;background:var(--navy);color:#fff}.course-progress .eyebrow{color:#87d3ce}.course-progress h2{font-size:clamp(1.7rem,3vw,2.5rem);color:#fff;margin:.2rem 0}.progress-status{text-align:right;font-weight:600}.progress-track{height:10px;margin-top:.8rem;background:rgba(255,255,255,.18);border-radius:1rem;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:var(--gold);border-radius:1rem;transition:width .35s ease}.lesson-list{padding:clamp(3rem,7vw,6rem) clamp(1.2rem,7vw,7rem);max-width:1480px;margin:auto}.lesson{display:grid;grid-template-columns:75px minmax(0,1fr);gap:1.5rem;padding:clamp(2rem,5vw,4rem) 0;border-bottom:1px solid var(--line);scroll-margin-top:110px}.lesson-number{font:italic clamp(1.3rem,2vw,1.8rem) var(--serif);color:#397979;padding-top:.4rem}.lesson-body>h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.12;color:var(--navy);margin:.25rem 0 1.2rem;font-weight:400}.big-idea{font-size:1.15rem;max-width:900px;color:#415565}.conversation{margin:2rem 0;padding:1.6rem 2rem;background:var(--pale-aqua);border-left:4px solid var(--aqua);max-width:960px}.conversation h3,.read-box h3,.lesson-grid h3{font-size:1rem;letter-spacing:.05em;text-transform:uppercase;color:var(--navy);margin:0 0 .8rem}.conversation p{margin:.5rem 0}.read-box{margin:1.5rem 0;padding:1.1rem 1.4rem;background:#f5e6c8;max-width:960px}.read-box h3{display:inline;margin-right:.7rem}.read-box p{display:inline}.lesson-body>p:not(.card-kicker):not(.big-idea){max-width:900px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.lesson-grid>div{padding:1.25rem;background:#fff;border:1px solid var(--line)}.lesson-grid ol{padding-left:1.25rem}.lesson-grid p,.lesson-grid li{font-size:.93rem}.lesson-actions{display:flex;gap:1.5rem;justify-content:space-between;align-items:center;padding-top:1rem;max-width:960px}.lesson-actions label{font-weight:700;display:flex;gap:.6rem;align-items:center}.lesson-actions input{width:1.2rem;height:1.2rem;accent-color:var(--blue)}.lesson-actions a{font-weight:700;color:var(--blue)}.course-finish{text-align:center;padding:clamp(4rem,8vw,7rem) clamp(1.2rem,7vw,7rem);background:var(--pale-aqua)}.course-finish>p:not(.eyebrow){max-width:760px;margin:0 auto 1.5rem}.course-finish .hero-actions{justify-content:center}.source-note{font-size:.82rem!important;color:var(--muted);margin-top:2.5rem!important}
@media(max-width:900px){.course-feature,.course-hero,.course-progress{grid-template-columns:1fr}.progress-status{text-align:left}.lesson-grid{grid-template-columns:1fr}.course-header nav{display:none}}
@media(max-width:620px){.course-feature{padding-top:3.2rem}.course-facts{display:grid;grid-template-columns:1fr}.lesson{grid-template-columns:1fr;gap:.4rem}.lesson-number{padding:0}.conversation{padding:1.25rem}.lesson-actions{align-items:flex-start;flex-direction:column}.course-hero .hero-actions{display:grid}.course-intro-card{padding:1.35rem}}