.site-header{position:fixed!important;inset:0 0 auto;z-index:80;height:88px!important;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4.5%!important;background:#10100eef;border-bottom:1px solid #c8a76b38;backdrop-filter:blur(18px)}
.site-brand{display:flex;align-items:center;gap:12px;font:700 13px/1 sans-serif;letter-spacing:.18em;color:#f3edde}.site-brand img{width:40px;height:40px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:26px}.site-header nav a,.site-header nav button{font:600 12px/1.4 sans-serif;letter-spacing:.015em}.site-header nav button{padding:12px;border:1px solid #c8a76b50;background:transparent;color:#ede7d9;cursor:pointer}.site-header .learn-link{padding:13px 17px;border:1px solid #c8a76b88;color:#e5c88c}.site-header a:hover,.site-header a[aria-current=page]{color:#ffe3a3}.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid #e5c88c;outline-offset:4px}#chapter-menu,#menu{position:fixed!important;top:88px!important;z-index:79!important;max-height:calc(100dvh - 108px);overflow-y:auto}.learn-invitation{position:relative;background:#10100e;padding:110px 8%;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;border-top:1px solid #c8a76b40}.learn-invitation h2{font-size:clamp(48px,5vw,86px);line-height:1.05}.learn-invitation p:not(.eyebrow){font-size:16px;line-height:1.9;color:#c9c5ba}.learn-start{display:inline-flex;align-items:center;gap:30px;background:#c8a76b;color:#10100e!important;font-size:14px;font-weight:650;padding:18px 24px;margin-top:18px}.learn-start:hover{background:#e0c28b}.hub-actions{display:flex;align-items:center;gap:30px;margin:25px 0 70px}.hub-actions>a:last-child{font-size:13px;color:#c8a76b}.learning-intro{padding-top:25px;border-top:1px solid #c8a76b40;scroll-margin-top:115px}.learning-intro>p:last-child{max-width:750px;color:#c9c5ba;font-size:15px;line-height:1.9}.lesson-grid{margin-top:35px}.lesson-card:first-child{grid-column:1/-1;min-height:470px}.lesson-card:first-child img{object-position:center 40%}.lesson-card:first-child>div{max-width:700px}.lesson-card:first-child h2{font-size:65px}.lesson-footer{padding:50px 7% 85px!important;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.lesson-footer p{font-size:12px;letter-spacing:.1em}.lesson-footer>a{font-size:14px}.lesson-footer small{display:block;margin-top:12px;color:#c8a76b}.lesson-footer .learn-start{margin:0}.chapter{scroll-margin-top:88px}
@media(max-width:700px){.site-header{height:116px!important;flex-wrap:wrap;gap:8px;padding:12px 5%!important;align-content:center}.site-brand{font-size:11px;gap:9px}.site-brand img{height:29px;width:29px}.site-header nav{width:100%;justify-content:space-between;gap:8px}.site-header nav a,.site-header nav button{font-size:10px}.site-header .learn-link{padding:10px}.site-header nav button{padding:9px 7px}#chapter-menu,#menu{top:116px!important;max-height:calc(100dvh - 132px)}.hub-main{padding-top:165px}.hub-main>h1{font-size:clamp(46px,12.5vw,80px)}.hub-actions{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:50px}.learn-invitation{grid-template-columns:1fr;padding:75px 7%;gap:18px}.learn-invitation h2{font-size:48px}.lesson-card:first-child{min-height:420px}.lesson-card:first-child h2{font-size:46px}.lesson-footer{align-items:flex-start;flex-direction:column}.chapter{scroll-margin-top:116px}.learning-intro{scroll-margin-top:135px}}
/* Mobile lighting: retain local reading panels while revealing more image detail. */
@media(max-width:900px){
  .hero-shade{background:linear-gradient(90deg,#08090778,#08090718),linear-gradient(0deg,#10100e,transparent 38%)}
  .scene-shade,.sacrifice .scene-shade{background:linear-gradient(90deg,#080907a3,#08090735),linear-gradient(0deg,#10100e90,transparent 28%)}
  .illustration:after{background:linear-gradient(90deg,#10100eb0,#10100e35)}
  .resurrection:after{background:linear-gradient(90deg,#10100ea8,#10100e25),linear-gradient(0deg,#10100e80,transparent 35%)}
  .illustration>img,.scene-image{opacity:1}
}
@media(max-width:700px){
  #stage:after{background:linear-gradient(90deg,#10100eb8,#10100e38),linear-gradient(0deg,#10100e38,transparent 40%)}
  .chapter .lead,.chapter .eyebrow,.chapter .reference{ text-shadow:0 2px 8px #0009; }
}
.site-header{transition:transform .25s ease}
.site-header.nav-collapsed{transform:translateY(-110%);pointer-events:none}
.menu-restore{position:fixed;top:12px;right:4.5%;z-index:81;padding:11px 15px;background:#10100ee8;color:#e5c88c;border:1px solid #c8a76b88;font:600 12px/1.4 sans-serif;cursor:pointer;border-radius:3px}
.menu-restore:focus-visible{outline:2px solid #e5c88c;outline-offset:4px}
.site-header nav .menu-collapse{padding:9px 12px;min-width:40px;min-height:40px;font-size:18px}
@media(max-width:700px){.site-header nav .menu-collapse{position:absolute;top:8px;right:5%;padding:4px 10px}.menu-restore{right:5%}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}
/* Compact, consistent navigation across the Gospel and learning pages. */
.site-header nav{gap:22px}
.site-header .learn-link{border:0;padding:12px 0;color:#f3edde}
.site-header nav a[aria-current=page]{color:#e5c88c;border-bottom:1px solid #c8a76b}
.site-header nav button{border:0}
@media(max-width:700px){
  .site-header{height:72px!important;flex-wrap:nowrap;gap:14px;padding:0 5%!important;align-content:normal;align-items:center}
  .site-brand span{display:none}
  .site-brand img{width:34px;height:34px}
  .site-header nav{width:auto;gap:16px;justify-content:flex-end}
  .site-header nav a,.site-header nav button{font-size:12px;letter-spacing:0;text-transform:none}
  .site-header .learn-link{padding:12px 0}
  .site-header nav .menu-collapse{position:static;min-width:32px;padding:6px;font-size:19px}
  #chapter-menu,#menu{top:72px!important;max-height:calc(100dvh - 90px)}
  .chapter{scroll-margin-top:72px}
  .learning-intro{scroll-margin-top:90px}
}
/* A common interaction rhythm: respond, transition, then settle for reading. */
a,button,summary{transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease}
.learn-start,.lesson-card,.step-controls button,.menu-restore{transition:transform .28s cubic-bezier(.2,.75,.2,1),background-color .22s ease,box-shadow .28s ease,opacity .22s ease}
@media(hover:hover){.learn-start:hover,.step-controls button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 6px 24px #0003}.lesson-card:hover{transform:translateY(-5px)}}
.learn-start:active,.step-controls button:not(:disabled):active{transform:translateY(0) scale(.98)}
summary span{transition:transform .32s cubic-bezier(.2,.75,.2,1)}
details[open]>summary span{transform:rotate(45deg)}
.reading-step{animation:none!important}
.hub-main h1 .word{display:inline-block}
.chapter h1,.chapter h2{overflow:visible}
@media(prefers-reduced-motion:reduce){a,button,summary,.lesson-card,summary span{transition:none!important}}