:root{font-family:Inter,system-ui,sans-serif;color:#f4efe5;background:#10171b;--gold:#d8a85a;--gold2:#f1c879;--ink:#0c1215;--panel:#131d22;--line:rgba(216,168,90,.28);--muted:#b8c1c2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#10171b;color:#f4efe5}button,input{font:inherit}.hidden{display:none!important}a{color:var(--gold2)}.topbar{position:fixed;z-index:40;top:0;left:0;right:0;height:86px;display:flex;align-items:center;padding:0 clamp(20px,5vw,78px);background:linear-gradient(to bottom,rgba(10,16,20,.97),rgba(10,16,20,.76),transparent);gap:34px}.brand{background:none;border:0;color:#fff;cursor:pointer;text-align:left;letter-spacing:.08em;font-family:'Cormorant Garamond',serif;font-weight:700;font-size:24px;line-height:.86}.brand small{display:block;color:var(--gold2);letter-spacing:.35em;font-family:Inter,sans-serif;font-size:11px;margin-top:8px}.topbar nav{display:flex;gap:24px;margin-left:auto}.topbar nav button,.menuBtn{background:none;border:0;color:#eee;font-size:10px;letter-spacing:.15em;font-weight:700;cursor:pointer}.topbar nav button:hover{color:var(--gold2)}.menuBtn{display:none;margin-left:auto;font-size:21px}.mobileNav{position:absolute;top:76px;right:18px;background:#151e23;border:1px solid var(--line);padding:10px;display:grid;min-width:230px;box-shadow:0 20px 50px #0009}.mobileNav button{padding:14px;text-align:left;border:0;background:none;color:#fff}.hero{min-height:100vh;position:relative;background:url('assets/reformation-hero.png') center/cover no-repeat;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,15,19,.97) 0%,rgba(8,15,19,.84) 38%,rgba(8,15,19,.25) 66%,rgba(8,15,19,.08) 100%)}.heroCopy{position:relative;z-index:2;width:min(680px,88vw);margin-left:clamp(24px,6vw,96px);padding-top:90px}.eyebrow,.kicker,.smallGold{color:var(--gold2);font-size:11px;letter-spacing:.16em;font-weight:800}.eyebrow b{padding:0 10px;color:#eee}.hero h1,.display{font-family:'Cormorant Garamond',serif}.hero h1{font-size:clamp(58px,7vw,104px);line-height:.72;margin:24px 0 30px}.hero h1 em{font-style:italic;color:var(--gold2);font-size:.72em}.lead{font-family:'Cormorant Garamond',serif;font-size:21px;line-height:1.42;max-width:610px;margin:10px 0;color:#ece8df}.hero h2{font-family:'Cormorant Garamond',serif;font-size:32px;line-height:1.08;margin:12px 0 24px;max-width:620px}.primary,.secondary,.ghost{border:0;padding:17px 24px;font-weight:800;letter-spacing:.08em;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:14px}.primary{background:linear-gradient(135deg,var(--gold2),#c99343);color:#111}.secondary{background:transparent;border:1px solid var(--line);color:#fff}.ghost{padding:10px 0;background:none;color:var(--gold2)}.heroActions{display:flex;gap:10px;flex-wrap:wrap}.principle{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);padding:14px 16px;max-width:540px;margin-top:22px;background:#0f171bd9}.principle .ico{color:var(--gold2);font-size:24px}.principle p{font-size:12px;line-height:1.55;margin:0;color:#dfe4e4}.page{min-height:100vh;padding:130px clamp(24px,7vw,110px) 120px;background:radial-gradient(circle at 85% 15%,#1d2a30 0,#11191d 42%,#0c1215 100%)}.pageHead,.pageBody{max-width:1100px;margin-left:auto;margin-right:auto}.pageHead{margin-bottom:32px}.iconbox{width:48px;height:48px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold2);margin-bottom:20px;font-size:22px}.pageHead h1{font-family:'Cormorant Garamond',serif;font-size:clamp(48px,6vw,82px);line-height:.98;margin:10px 0}.pageHead .sub{max-width:750px;color:var(--muted);line-height:1.65}.sectionGrid,.lessonGrid,.evidenceGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.sectionCard,.lessonCard,.sourceCard,.panel,.studyPanel,.summaryCard{border:1px solid var(--line);background:var(--panel)}.sectionCard{padding:28px;cursor:pointer;text-align:left;color:#fff}.sectionCard:hover,.lessonCard:hover{border-color:var(--gold)}.sectionCard h2,.lessonCard h3,.studyPanel h2,.panel h3{font-family:'Cormorant Garamond',serif}.sectionCard h2{font-size:34px;margin:10px 0}.sectionCard p,.lessonCard p,.panel p,.sourceCard p{color:var(--muted);line-height:1.6}.sectionMeta{display:flex;justify-content:space-between;gap:10px;margin-top:22px;color:var(--gold2);font-size:11px;font-weight:700}.lessonCard{padding:22px;color:#fff;cursor:pointer;text-align:left}.lessonCard .num{color:var(--gold2);font-size:10px;letter-spacing:.15em}.lessonCard h3{font-size:27px;margin:8px 0}.lessonCard.completed{background:#17231f}.lessonCard.completed .num:after{content:'  ✓';color:#93c9a4}.filterBar{display:flex;gap:10px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.search{flex:1;min-width:220px;background:#0e161a;border:1px solid var(--line);color:#fff;padding:13px 15px}.studyLayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.studyPanel{padding:clamp(24px,4vw,44px)}.studyPanel h2{font-size:42px;line-height:1.05;margin:6px 0 16px}.studyQuestion{font-family:'Cormorant Garamond',serif;font-size:28px;line-height:1.25;color:var(--gold2);margin:0 0 24px}.summaryText{font-family:'Cormorant Garamond',serif;font-size:23px;line-height:1.55}.principleBox,.historyBox,.objectionBox,.memoryBox{margin:24px 0;padding:20px;border-left:2px solid var(--gold);background:#0d1519}.principleBox strong,.historyBox strong,.objectionBox strong{display:block;color:var(--gold2);margin-bottom:8px}.verseList{display:grid;gap:10px;margin:20px 0}.verse{border:1px solid #2d3b40;background:#10191d;padding:16px}.verse strong{display:block;color:#fff;margin-bottom:6px}.verse span{color:#bcc6c7;line-height:1.55}.sourceLinks{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.sourceLinks button{background:#182329;border:1px solid var(--line);color:var(--gold2);padding:10px 12px;cursor:pointer}.choiceBox{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.choiceBox h3{font-family:'Cormorant Garamond',serif;font-size:28px}.choices{display:grid;gap:9px}.choice{width:100%;text-align:left;border:1px solid #3a4a50;background:#162126;color:#fff;padding:15px 16px;cursor:pointer}.choice.selected{border-color:var(--gold);background:#2a2a1f;color:var(--gold2)}.feedback{margin-top:12px;padding:14px 16px;background:#0d1519;color:#d8dfdf;line-height:1.55;border-left:2px solid var(--gold)}.studyActions{display:flex;justify-content:space-between;gap:10px;margin-top:24px;flex-wrap:wrap}.sidePanel{display:grid;gap:12px;align-content:start}.sidePanel .panel{padding:18px}.sidePanel h3{font-size:25px;margin:4px 0 10px}.tiny{font-size:11px;color:#9eaaad;line-height:1.5}.progressRing{font-family:'Cormorant Garamond',serif;font-size:44px;color:var(--gold2)}.savedList{display:grid;gap:8px}.savedItem{font-size:12px;color:#ccd3d3}.sourceCard{padding:22px}.sourceCard h3{font-size:20px;margin:6px 0}.sourceCard a{display:inline-block;margin-top:8px}.summaryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.summaryCard{padding:22px}.summaryCard strong{display:block;font-size:24px;font-family:'Cormorant Garamond',serif;margin-top:7px}.finalStatement{border:1px solid var(--line);padding:30px;background:#131d22;margin:24px 0}.finalStatement h2{font-family:'Cormorant Garamond',serif;font-size:42px;margin:6px 0}.journeyFooter{position:fixed;z-index:30;bottom:0;left:0;right:0;height:62px;background:#0b1114f2;border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 clamp(20px,5vw,70px);backdrop-filter:blur(10px)}.journeyFooter>div:first-child{display:flex;gap:10px;align-items:center;white-space:nowrap}.journeyFooter span{font-size:9px;letter-spacing:.12em;color:#aab2b3}.journeyFooter strong{color:var(--gold2);font-size:12px}.progress{height:4px;background:#243035;flex:1}.progress i{display:block;height:100%;background:var(--gold);width:0}.journeyFooter button{background:none;border:0;color:#b8c1c2;font-size:11px;cursor:pointer}.modal{position:fixed;z-index:80;inset:0;background:#05090bd9;display:grid;place-items:center;padding:20px}.modalBox{max-width:700px;width:100%;max-height:85vh;overflow:auto;background:#121c21;border:1px solid var(--line);padding:28px}.modalTop{display:flex;justify-content:space-between;gap:15px}.modalTop button{border:0;background:none;color:#fff;font-size:22px;cursor:pointer}.modalBox h2{font-family:'Cormorant Garamond',serif;font-size:36px;margin:8px 0}.modalBox p{color:#c2cccc;line-height:1.65}
@media(max-width:900px){.topbar nav{display:none}.menuBtn{display:block}.studyLayout{grid-template-columns:1fr}.sidePanel{grid-template-columns:repeat(2,1fr)}.sectionGrid,.lessonGrid,.evidenceGrid{grid-template-columns:1fr}.summaryGrid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.topbar{height:72px}.hero{align-items:flex-end;background-position:68% center}.hero:before{background:linear-gradient(0deg,rgba(8,15,19,.98) 0%,rgba(8,15,19,.89) 58%,rgba(8,15,19,.2) 100%)}.heroCopy{margin:0;padding:180px 22px 95px;width:100%}.hero h1{font-size:62px}.lead{font-size:19px}.hero h2{font-size:27px}.page{padding:105px 20px 115px}.pageHead h1{font-size:50px}.studyPanel{padding:22px}.studyPanel h2{font-size:36px}.summaryText{font-size:21px}.sidePanel{grid-template-columns:1fr}.summaryGrid{grid-template-columns:1fr}.journeyFooter{height:58px;padding:0 14px}.journeyFooter>div:first-child span{display:none}.journeyFooter #continueBtn{display:none}}


/* v2 visual storytelling */
.page{padding:0 0 120px;background:#0c1215}
.pageVisual{min-height:430px;position:relative;background-image:url('assets/reformation-hero.png');background-size:cover;background-position:center 34%;display:flex;align-items:flex-end;border-bottom:1px solid var(--line)}
.pageVisualShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,12,15,.96) 0%,rgba(6,12,15,.78) 45%,rgba(6,12,15,.25) 72%,rgba(6,12,15,.08) 100%),linear-gradient(0deg,rgba(7,13,16,.72),transparent 58%)}
.pageVisual.truth{background-position:38% 50%}.pageVisual.prophecy{background-position:70% 40%;filter:saturate(.82)}.pageVisual.decision{background-position:48% 72%}.pageVisual.evidence{background-position:22% 68%}.pageVisual.journey{background-position:50% 56%}
.pageHead{position:relative;z-index:2;width:min(1100px,86vw);margin:0 auto;padding:145px 0 48px}.pageHead h1{text-shadow:0 3px 30px #000}.pageHead .sub{color:#e6e0d7;max-width:700px;text-shadow:0 2px 16px #000}
.pageBody{max-width:1100px;margin:0 auto;padding:38px clamp(20px,4vw,0px) 0}
.pageVisual .iconbox{background:#0d1519bb;backdrop-filter:blur(6px)}
.homeJourney{padding:58px clamp(20px,5vw,78px) 82px;background:radial-gradient(circle at 16% 0%,#172229 0,#0d1418 46%,#090e11 100%);border-top:1px solid rgba(216,168,90,.18)}
.homeJourneyHead{max-width:1400px;margin:0 auto 24px;display:flex;justify-content:space-between;align-items:end;gap:20px}
.homeJourneyHead h2{font-family:'Cormorant Garamond',serif;font-size:clamp(38px,4vw,58px);margin:4px 0 0}.homeStudyRail{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(6,minmax(210px,1fr));gap:14px;overflow-x:auto;padding:2px 2px 18px;scroll-snap-type:x mandatory}.homeStudyCard{padding:0;background:#111a1f;border:1px solid var(--line);color:#fff;text-align:left;cursor:pointer;overflow:hidden;scroll-snap-align:start;min-width:220px}.homeStudyCard:hover{transform:translateY(-3px);border-color:var(--gold);transition:.2s ease}.homeCardImage{height:150px;position:relative;background-image:linear-gradient(180deg,transparent,rgba(5,9,11,.25)),url('assets/reformation-hero.png');background-size:760px auto;background-repeat:no-repeat}.homeStudyCard.card1 .homeCardImage{background-position:82% 30%}.homeStudyCard.card2 .homeCardImage{background-position:8% 74%}.homeStudyCard.card3 .homeCardImage{background-position:12% 88%}.homeStudyCard.card4 .homeCardImage{background-position:47% 82%}.homeStudyCard.card5 .homeCardImage{background-position:62% 18%}.homeStudyCard.card6 .homeCardImage{background-position:90% 75%}.homeCardImage span{position:absolute;left:12px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--gold2);color:#111;display:grid;place-items:center;font-weight:800;font-size:12px}.homeCardCopy{padding:18px;min-height:220px;display:flex;flex-direction:column}.homeCardCopy h3{font-family:'Cormorant Garamond',serif;font-size:26px;line-height:1.02;margin:8px 0}.homeCardCopy p{color:#b8c1c2;line-height:1.5;font-size:13px;margin:0 0 20px}.homeCardCopy strong{margin-top:auto;color:var(--gold2);font-size:11px;letter-spacing:.08em}.mobileHint{display:none;color:#aab5b7;font-size:11px;margin:8px auto 0;max-width:1400px}
.lessonCard{position:relative;overflow:hidden}.lessonCard:before{content:'';display:block;height:94px;margin:-22px -22px 18px;background-image:linear-gradient(0deg,rgba(17,26,31,.1),rgba(17,26,31,.28)),url('assets/reformation-hero.png');background-size:620px auto;background-position:60% 50%;border-bottom:1px solid var(--line)}.lessonCard:nth-child(3n+1):before{background-position:88% 34%}.lessonCard:nth-child(3n+2):before{background-position:14% 78%}.lessonCard:nth-child(3n):before{background-position:52% 88%}
.sectionCard{position:relative;overflow:hidden;padding-top:150px}.sectionCard:before{content:'';position:absolute;left:0;right:0;top:0;height:128px;background-image:linear-gradient(0deg,rgba(19,29,34,.28),rgba(19,29,34,.05)),url('assets/reformation-hero.png');background-size:650px auto;background-position:50% 42%;border-bottom:1px solid var(--line)}.sectionCard:nth-child(2):before{background-position:14% 80%}.sectionCard:nth-child(3):before{background-position:70% 34%}.sectionCard:nth-child(4):before{background-position:48% 86%}
.sourceCard{position:relative;overflow:hidden;padding-top:112px}.sourceCard:before{content:'';position:absolute;left:0;right:0;top:0;height:88px;background:url('assets/reformation-hero.png') center 78%/560px auto no-repeat;filter:saturate(.72);border-bottom:1px solid var(--line)}
@media(max-width:900px){.homeStudyRail{grid-template-columns:repeat(6,270px)}.pageVisual{min-height:390px}}
@media(max-width:650px){.hero{min-height:auto;align-items:flex-start;background-position:68% center}.heroCopy{padding:150px 22px 54px}.hero h1{font-size:56px}.heroActions{display:grid;grid-template-columns:1fr}.heroActions button{justify-content:center}.principle{margin-bottom:0}.homeJourney{padding:34px 18px 58px}.homeJourneyHead{align-items:flex-start}.homeJourneyHead .secondary{display:none}.homeJourneyHead h2{font-size:38px}.homeStudyRail{grid-template-columns:repeat(6,78vw);gap:12px;margin-right:-18px;padding-right:18px}.homeStudyCard{min-width:78vw}.homeCardImage{height:170px;background-size:760px auto}.mobileHint{display:block}.pageVisual{min-height:365px;background-position:68% center}.pageVisualShade{background:linear-gradient(0deg,rgba(7,13,16,.96) 0%,rgba(7,13,16,.72) 48%,rgba(7,13,16,.18) 100%),linear-gradient(90deg,rgba(7,13,16,.82),rgba(7,13,16,.18))}.pageHead{width:auto;padding:150px 20px 30px;margin:0}.pageHead h1{font-size:46px}.pageHead .sub{font-size:15px;line-height:1.5}.pageBody{padding:26px 20px 0}.iconbox{width:42px;height:42px;margin-bottom:14px}.lessonCard:before{height:116px}.sectionCard{padding-top:156px}}

/* v3 — clean cinematic imagery system. Images never tile and text never lives inside artwork. */
.hero{background-image:url('assets/reformation-hero.png');background-repeat:no-repeat;background-size:cover;background-position:center center}
.pageVisual,.homeCardImage,.lessonCard:before,.sectionCard:before{background-repeat:no-repeat!important}
.pageVisual{background-size:cover!important;background-position:center!important;filter:none!important}
.pageVisual.reformation,.pageVisual.lesson.reformation{background-image:url('assets/theses-door.png')!important;background-position:center 42%!important}
.pageVisual.truth,.pageVisual.lesson.truth{background-image:url('assets/bible.png')!important;background-position:center 66%!important}
.pageVisual.prophecy,.pageVisual.lesson.prophecy{background-image:url('assets/city.png')!important;background-position:center 46%!important}
.pageVisual.decision,.pageVisual.lesson.decision{background-image:url('assets/church.png')!important;background-position:center 46%!important}
.pageVisual.evidence{background-image:url('assets/parchment.png')!important;background-position:center 46%!important}
.pageVisual.journey{background-image:url('assets/reformer.png')!important;background-position:center 42%!important}
.pageVisual.lesson-1,.pageVisual.lesson-7,.pageVisual.lesson-13{background-position:center 36%!important}
.pageVisual.lesson-2,.pageVisual.lesson-8,.pageVisual.lesson-14{background-position:center 55%!important}
.pageVisual.lesson-3,.pageVisual.lesson-9,.pageVisual.lesson-15{background-position:center 66%!important}
.pageVisualShade{background:linear-gradient(90deg,rgba(6,12,15,.96) 0%,rgba(6,12,15,.82) 42%,rgba(6,12,15,.34) 72%,rgba(6,12,15,.12) 100%),linear-gradient(0deg,rgba(7,13,16,.78),transparent 62%)!important}

/* Journey cards get a dedicated clean image, never the hero screenshot. */
.sectionCard{padding-top:176px!important;min-height:390px;display:flex;flex-direction:column;align-items:flex-start}
.sectionCard:before{height:150px!important;background-size:cover!important;background-position:center!important}
.sectionCard.section-reformation:before{background-image:linear-gradient(0deg,rgba(19,29,34,.15),rgba(19,29,34,.02)),url('assets/theses-door.png')!important}
.sectionCard.section-truth:before{background-image:linear-gradient(0deg,rgba(19,29,34,.15),rgba(19,29,34,.02)),url('assets/bible.png')!important}
.sectionCard.section-prophecy:before{background-image:linear-gradient(0deg,rgba(19,29,34,.15),rgba(19,29,34,.02)),url('assets/city.png')!important}
.sectionCard.section-decision:before{background-image:linear-gradient(0deg,rgba(19,29,34,.15),rgba(19,29,34,.02)),url('assets/church.png')!important}
.sectionCard .sectionMeta{margin-top:auto;width:100%}

/* Lesson cards use six clean crops with stable aspect ratio. */
.lessonGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lessonCard{min-width:0;min-height:390px;display:flex;flex-direction:column;padding:22px!important;overflow:hidden}
.lessonCard:before{height:150px!important;flex:0 0 150px;margin:-22px -22px 20px!important;background-size:cover!important;background-position:center!important}
.lessonCard.visual-1:before{background-image:linear-gradient(0deg,rgba(17,26,31,.08),rgba(17,26,31,.12)),url('assets/theses-door.png')!important}
.lessonCard.visual-2:before{background-image:linear-gradient(0deg,rgba(17,26,31,.08),rgba(17,26,31,.12)),url('assets/bible.png')!important}
.lessonCard.visual-3:before{background-image:linear-gradient(0deg,rgba(17,26,31,.08),rgba(17,26,31,.12)),url('assets/parchment.png')!important}
.lessonCard.visual-4:before{background-image:linear-gradient(0deg,rgba(17,26,31,.08),rgba(17,26,31,.12)),url('assets/reformer.png')!important}
.lessonCard.visual-5:before{background-image:linear-gradient(0deg,rgba(17,26,31,.08),rgba(17,26,31,.12)),url('assets/church.png')!important}
.lessonCard.visual-6:before{background-image:linear-gradient(0deg,rgba(17,26,31,.08),rgba(17,26,31,.12)),url('assets/city.png')!important}
.lessonCard h3{overflow-wrap:anywhere;hyphens:auto;font-size:clamp(25px,2.3vw,34px)!important;line-height:1.04!important}
.lessonCard p{overflow-wrap:anywhere;margin-bottom:auto}

/* Home cards also use clean crops. */
.homeCardImage{background-size:cover!important;background-position:center!important}
.homeStudyCard.card1 .homeCardImage{background-image:linear-gradient(180deg,transparent,rgba(5,9,11,.22)),url('assets/theses-door.png')!important}
.homeStudyCard.card2 .homeCardImage{background-image:linear-gradient(180deg,transparent,rgba(5,9,11,.22)),url('assets/bible.png')!important}
.homeStudyCard.card3 .homeCardImage{background-image:linear-gradient(180deg,transparent,rgba(5,9,11,.22)),url('assets/parchment.png')!important}
.homeStudyCard.card4 .homeCardImage{background-image:linear-gradient(180deg,transparent,rgba(5,9,11,.22)),url('assets/church.png')!important}
.homeStudyCard.card5 .homeCardImage{background-image:linear-gradient(180deg,transparent,rgba(5,9,11,.22)),url('assets/city.png')!important}
.homeStudyCard.card6 .homeCardImage{background-image:linear-gradient(180deg,transparent,rgba(5,9,11,.22)),url('assets/reformer.png')!important}

/* Tablet layouts: prevent clipped headings and cramped two-column cards. */
@media(max-width:1180px){
  .lessonGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sectionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lessonCard h3{font-size:31px!important}
}
@media(max-width:820px){
  .lessonGrid,.sectionGrid{grid-template-columns:1fr!important}
  .lessonCard{min-height:350px}
  .lessonCard:before{height:170px!important;flex-basis:170px}
  .sectionCard{min-height:365px}
  .sectionCard:before{height:170px!important}
  .sectionCard{padding-top:196px!important}
  .pageVisual{min-height:420px!important}
  .pageVisualShade{background:linear-gradient(0deg,rgba(7,13,16,.96) 0%,rgba(7,13,16,.74) 52%,rgba(7,13,16,.20) 100%),linear-gradient(90deg,rgba(7,13,16,.84),rgba(7,13,16,.15))!important}
}
@media(max-width:650px){
  .pageVisual{min-height:390px!important}
  .pageVisual.reformation,.pageVisual.lesson.reformation{background-position:66% center!important}
  .pageVisual.truth,.pageVisual.lesson.truth{background-position:center!important}
  .pageVisual.prophecy,.pageVisual.lesson.prophecy{background-position:center!important}
  .pageVisual.decision,.pageVisual.lesson.decision{background-position:center!important}
  .lessonCard h3{font-size:29px!important}
}

/* ===================================================================
   v4 CLEAN IMAGE SYSTEM  (authoritative — appended last, wins by order)
   Fixes: baked-in-text tiling, distorted crops, and mobile banners.
   All decorative imagery uses cleaned assets, cover-fit, no-repeat.
   =================================================================== */
.hero,.pageVisual,.homeCardImage,
.lessonCard:before,.sectionCard:before{
  background-repeat:no-repeat!important;
  background-size:cover!important;
}

/* --- Home hero: monk/theses to the right, sky/city under the text --- */
.hero{
  background-image:url('assets/reformation-hero.png')!important;
  background-position:72% center!important;
}

/* --- Page banners (tall) : sharp, thematically-mapped sources --- */
.pageVisual{min-height:420px!important;filter:none!important}
.pageVisual.reformation,.pageVisual.lesson.reformation{background-image:url('assets/theses-door.png')!important;background-position:center 34%!important}
.pageVisual.truth,.pageVisual.lesson.truth{background-image:url('assets/reformer.png')!important;background-position:center 30%!important}
.pageVisual.prophecy,.pageVisual.lesson.prophecy{background-image:url('assets/city.png')!important;background-position:center 42%!important}
.pageVisual.decision,.pageVisual.lesson.decision{background-image:url('assets/church.png')!important;background-position:center 40%!important}
.pageVisual.evidence{background-image:url('assets/parchment.png')!important;background-position:center 30%!important}
.pageVisual.journey{background-image:url('assets/reformation-hero.png')!important;background-position:60% center!important}
/* per-lesson focal nudges so consecutive lessons don't look identical */
.pageVisual.lesson-2,.pageVisual.lesson-5,.pageVisual.lesson-8,.pageVisual.lesson-11,.pageVisual.lesson-14,.pageVisual.lesson-17{background-position:center 52%!important}
.pageVisual.lesson-3,.pageVisual.lesson-6,.pageVisual.lesson-9,.pageVisual.lesson-12,.pageVisual.lesson-15{background-position:center 62%!important}

/* --- Section cards (short banner strip) --- */
.sectionCard{position:relative;overflow:hidden}
.sectionCard:before{
  content:'';position:absolute;left:0;right:0;top:0;height:150px;
  border-bottom:1px solid var(--line);
  background-image:linear-gradient(0deg,rgba(19,29,34,.35),rgba(19,29,34,.02)),url('assets/reformation-hero.png');
  background-position:center 40%;
}
.sectionCard{padding-top:170px!important}
.sectionCard.section-reformation:before{background-image:linear-gradient(0deg,rgba(19,29,34,.35),rgba(19,29,34,.02)),url('assets/theses-door.png')!important;background-position:center 26%!important}
.sectionCard.section-truth:before{background-image:linear-gradient(0deg,rgba(19,29,34,.35),rgba(19,29,34,.02)),url('assets/bible.png')!important;background-position:center 55%!important}
.sectionCard.section-prophecy:before{background-image:linear-gradient(0deg,rgba(19,29,34,.35),rgba(19,29,34,.02)),url('assets/city.png')!important;background-position:center 38%!important}
.sectionCard.section-decision:before{background-image:linear-gradient(0deg,rgba(19,29,34,.35),rgba(19,29,34,.02)),url('assets/church.png')!important;background-position:center 40%!important}

/* --- Lesson cards (short banner strip) --- */
.lessonCard{position:relative;overflow:hidden}
.lessonCard:before{
  content:'';display:block;height:150px;flex:0 0 150px;margin:-22px -22px 18px;
  border-bottom:1px solid var(--line);
  background-image:linear-gradient(0deg,rgba(17,26,31,.28),rgba(17,26,31,.02)),url('assets/reformation-hero.png');
  background-position:center 40%;
}
.lessonCard.visual-1:before{background-image:linear-gradient(0deg,rgba(17,26,31,.22),rgba(17,26,31,.02)),url('assets/theses-door.png')!important;background-position:center 26%!important}
.lessonCard.visual-2:before{background-image:linear-gradient(0deg,rgba(17,26,31,.22),rgba(17,26,31,.02)),url('assets/bible.png')!important;background-position:center 55%!important}
.lessonCard.visual-3:before{background-image:linear-gradient(0deg,rgba(17,26,31,.22),rgba(17,26,31,.02)),url('assets/parchment.png')!important;background-position:center 22%!important}
.lessonCard.visual-4:before{background-image:linear-gradient(0deg,rgba(17,26,31,.22),rgba(17,26,31,.02)),url('assets/reformer.png')!important;background-position:center 28%!important}
.lessonCard.visual-5:before{background-image:linear-gradient(0deg,rgba(17,26,31,.22),rgba(17,26,31,.02)),url('assets/church.png')!important;background-position:center 40%!important}
.lessonCard.visual-6:before{background-image:linear-gradient(0deg,rgba(17,26,31,.22),rgba(17,26,31,.02)),url('assets/city.png')!important;background-position:center 40%!important}

/* --- Home discovery rail card images --- */
.homeCardImage{height:160px;background-position:center 38%}
.homeStudyCard.card1 .homeCardImage{background-image:linear-gradient(180deg,rgba(5,9,11,0),rgba(5,9,11,.35)),url('assets/theses-door.png')!important;background-position:center 24%!important}
.homeStudyCard.card2 .homeCardImage{background-image:linear-gradient(180deg,rgba(5,9,11,0),rgba(5,9,11,.35)),url('assets/bible.png')!important;background-position:center 55%!important}
.homeStudyCard.card3 .homeCardImage{background-image:linear-gradient(180deg,rgba(5,9,11,0),rgba(5,9,11,.35)),url('assets/parchment.png')!important;background-position:center 22%!important}
.homeStudyCard.card4 .homeCardImage{background-image:linear-gradient(180deg,rgba(5,9,11,0),rgba(5,9,11,.35)),url('assets/church.png')!important;background-position:center 40%!important}
.homeStudyCard.card5 .homeCardImage{background-image:linear-gradient(180deg,rgba(5,9,11,0),rgba(5,9,11,.35)),url('assets/city.png')!important;background-position:center 38%!important}
.homeStudyCard.card6 .homeCardImage{background-image:linear-gradient(180deg,rgba(5,9,11,0),rgba(5,9,11,.35)),url('assets/reformer.png')!important;background-position:center 26%!important}

/* --- Mobile: shorter banners, readable focal points, no overflow --- */
@media(max-width:650px){
  .hero{min-height:88vh!important;background-position:74% center!important}
  .pageVisual{min-height:300px!important;background-position:center 32%!important}
  .pageVisual.truth,.pageVisual.lesson.truth{background-position:center 26%!important}
  .pageVisual.prophecy,.pageVisual.lesson.prophecy{background-position:70% 38%!important}
  .sectionCard:before{height:140px!important}
  .sectionCard{padding-top:160px!important}
  .lessonCard:before{height:150px!important;flex-basis:150px!important}
  .homeCardImage{height:168px!important}
  /* home rail: one card per view, clean snap */
  .homeStudyRail{grid-auto-flow:column!important;grid-auto-columns:82vw!important;grid-template-columns:none!important}
  .homeStudyCard{min-width:82vw!important}
}

/* --- Evidence Room: grouped sources + 1844 chronology dossier --- */
.evidenceLead{color:var(--muted);line-height:1.6;margin:6px 0 16px;max-width:760px}
.dossier{border:1px solid var(--line);background:#0f181c;padding:clamp(22px,4vw,40px);margin:34px 0}
.dossier h2{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,4vw,44px);margin:6px 0 10px}
.dossierIntro{color:#cbd3d3;line-height:1.65;max-width:780px;margin:0 0 22px}
.dossierSteps{list-style:none;counter-reset:none;margin:0;padding:0;display:grid;gap:14px}
.dossierStep{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;border-left:2px solid var(--gold);background:#0d1519;padding:16px 18px}
.dossierNum{width:34px;height:34px;border-radius:50%;background:var(--gold2);color:#111;display:grid;place-items:center;font-weight:800;font-family:'Cormorant Garamond',serif;font-size:18px}
.dossierBody{min-width:0}
.dossierClaim{font-family:'Cormorant Garamond',serif;font-size:20px;line-height:1.35;color:#f4efe5;margin:0 0 8px}
.dossierMeta{margin:0 0 8px}
.dossierBasis{display:inline-block;color:var(--gold2);font-size:12px;font-weight:700;letter-spacing:.04em;border:1px solid var(--line);padding:4px 10px}
.dossierVerify{color:#b8c1c2;line-height:1.6;font-size:14px;margin:0}
.dossierVerify strong{color:#e7ddc9}
.dossierCaveat{margin:22px 0 6px;padding:18px 20px;border-left:2px solid #6b7378;background:#0d1519;color:#c2cccc;line-height:1.6}
.dossierCaveat strong{display:block;color:var(--gold2);margin-bottom:8px;letter-spacing:.06em;font-size:12px}
.dossierSource{display:inline-block;margin:14px 12px 0 0;color:var(--gold2);font-size:13px;font-weight:700}
@media(max-width:650px){
  .dossierStep{grid-template-columns:34px 1fr;gap:12px;padding:14px}
  .dossierClaim{font-size:18px}
}
/* V5 investigation refinements */
.inheritanceBlock{margin-top:42px}.inheritanceBlock h2,.thesisExplorer h2,.forensic h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3.2rem);margin:.35rem 0 1rem}.inheritanceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.inheritCard{display:flex;flex-direction:column;gap:10px;text-align:left;padding:20px;border:1px solid rgba(190,151,82,.28);border-radius:16px;background:linear-gradient(145deg,rgba(190,151,82,.09),rgba(255,255,255,.025));color:inherit}.inheritCard strong{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:#ead5aa}.inheritCard span{line-height:1.55;opacity:.85}.inheritCard em{font-style:normal;color:#c7a866;font-weight:700;font-size:.88rem}.evidenceLabel,.caseLabel{display:flex;align-items:baseline;gap:12px;margin:30px 0 12px;padding-bottom:9px;border-bottom:1px solid rgba(190,151,82,.28)}.evidenceLabel span,.caseLabel span{color:#c9a45d;font-weight:800;letter-spacing:.15em;font-size:.78rem}.evidenceLabel small,.caseLabel small{opacity:.65}.caseLabel{margin-top:28px}.preBelief,.movementBox,.tensionBox,.thesisExplorer,.forensic{margin:24px 0;padding:20px;border-radius:15px;border:1px solid rgba(190,151,82,.25);background:rgba(255,255,255,.025)}.preChoices{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.preChoices button{padding:10px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:transparent;color:inherit}.preChoices button.selected{border-color:#c9a45d;background:rgba(201,164,93,.16)}.movementBox strong,.tensionBox strong{display:block;color:#c9a45d;letter-spacing:.1em;font-size:.76rem;margin-bottom:8px}.tensionBox{border-color:rgba(201,164,93,.5);background:rgba(201,164,93,.09)}.thesisGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.thesisGrid article{padding:16px;border-radius:12px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.08)}.thesisGrid article span{font-size:.75rem;color:#c9a45d;font-weight:800}.thesisGrid h3{margin:.35rem 0}.thesisGrid p{margin:0;line-height:1.55;opacity:.85}.forensicList{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:15px}.forensicList label{display:flex;gap:10px;align-items:flex-start;padding:11px;border-radius:10px;background:rgba(0,0,0,.2)}.forensicList input{accent-color:#c9a45d;margin-top:3px}
@media(max-width:900px){.inheritanceGrid{grid-template-columns:1fr 1fr}.thesisGrid,.forensicList{grid-template-columns:1fr}}
@media(max-width:620px){.inheritanceGrid{grid-template-columns:1fr}.evidenceLabel,.caseLabel{display:block}.evidenceLabel small,.caseLabel small{display:block;margin-top:5px}.preChoices{display:grid}.preChoices button{width:100%;text-align:left}}