.bb-page{max-width:1240px;margin:auto;padding:26px 16px 64px}.bb-back{color:inherit;display:inline-block;padding:12px 0}.bb-heading{padding:30px 0 40px;max-width:850px}.bb-heading h1{font:clamp(42px,6.5vw,80px)/1.05 Georgia,serif;letter-spacing:-.045em;margin:20px 0}.bb-heading em{font-weight:400;color:#a46a32}.bb-heading p{font-size:19px;line-height:1.7;max-width:680px}.bb-theatre{background:#10121c;color:#f8ead5;border:1px solid #ad844e70;border-radius:20px;overflow:hidden;box-shadow:0 28px 90px #06091940}.bb-stage{height:clamp(430px,57vw,710px);position:relative;isolation:isolate;overflow:hidden;background:#121624;touch-action:pan-y;--bb-x:0px;--bb-y:0px;--bb-z:1.08;cursor:grab}.bb-stage:active{cursor:grabbing}.bb-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translate(var(--bb-x),var(--bb-y)) scale(var(--bb-z));transition:filter 3s,opacity 1.4s;pointer-events:none}.bb-art.bb-changing{animation:bb-arrive 2.2s ease both}.bb-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.bb-warmth{position:absolute;inset:0;background:radial-gradient(ellipse at 58% 57%,#ffd68e3b,transparent 60%);opacity:0;transition:opacity 4s;mix-blend-mode:screen;pointer-events:none}.bb-stage[data-phase="1"] .bb-warmth,.bb-stage[data-phase="2"] .bb-warmth,.bb-stage[data-phase="3"] .bb-warmth{opacity:1}.bb-stage[data-phase="3"] .bb-art{filter:brightness(1.2) saturate(.85)}.bb-stage[data-phase="5"] .bb-art{filter:sepia(.45) brightness(1.35)}.bb-shade{position:absolute;inset:0;background:linear-gradient(#080b184d,transparent 28%,transparent 64%,#080b18df);pointer-events:none}.bb-scene-top{position:absolute;inset:25px 28px auto;display:flex;justify-content:space-between;font:10px/1.5 sans-serif;letter-spacing:.22em;color:#e9d6b8}.bb-scene-heading{position:absolute;left:30px;bottom:24px;pointer-events:none;max-width:75%}.bb-scene-heading>span{font:11px/1.4 sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#f0bd73}.bb-scene-heading h2{font:clamp(29px,4vw,49px)/1.15 Georgia;margin:10px 0;color:#fff1dc;text-shadow:0 2px 20px #000}.bb-start{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:#070b195e;text-align:center;padding:20px;backdrop-filter:blur(2px)}.bb-start[hidden],.bb-object[hidden]{display:none}.bb-start>span{font-size:11px;letter-spacing:.22em}.bb-start>small{max-width:300px;color:#ecdfcc}.bb-theatre button,.bb-options select{color:#f8e9cf;background:#242734;border:1px solid #b4976755;border-radius:9px;padding:11px 15px;min-height:44px;cursor:pointer}.bb-theatre button:hover{background:#3c3540;border-color:#e8bb6e}.bb-theatre button:focus-visible,.bb-stage:focus-visible{outline:3px solid #ffe0a0;outline-offset:-4px}.bb-theatre .primary{background:linear-gradient(135deg,#ffe2a1,#c0904a);color:#201b16;border-color:#efd39d;font-weight:700}.bb-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid #b7996330}.bb-controls>span{font-size:12px;white-space:nowrap;color:#dfcbaa}.bb-controls button:disabled{opacity:.35;cursor:default}.bb-seek{display:flex;gap:10px;align-items:center;font-size:11px;flex:1;min-width:155px}.bb-seek input{width:100%;accent-color:#ecc078}.bb-caption{padding:20px 26px 24px}.bb-caption>p:first-child{font:17px/1.75 Georgia;margin:0 0 20px;max-width:920px}.bb-actions{display:flex;gap:9px;flex-wrap:wrap}.bb-discovery{min-height:2.5em;margin:18px 0 0;font-size:13px;line-height:1.6;color:#ebc689}.bb-object{position:absolute;z-index:2;background:#161b26cf!important;box-shadow:0 0 30px #f4bd6236;backdrop-filter:blur(8px);font-size:12px}.bb-object span{display:block}.bb-bush{left:59%;top:52%}.bb-bush span{font-size:30px;color:#ffe6ab}.bb-sandals{left:25%;top:64%}.bb-sandals svg{width:75px;height:52px;display:block;margin:auto}.bb-staff-target{left:67%;top:60%}.bb-tail{transform:translate(-50%,-50%);border-color:#ffe2a1!important}.bb-stage.bb-reverent{box-shadow:inset 0 0 110px #fff1b955}.bb-stage.bb-reveal:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at 58% 55%,#fff6d180,transparent 70%);animation:bb-reveal 2.8s ease-out both}.bb-chapters{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:20px 0}.bb-chapters button{padding:16px 10px;text-align:left;background:transparent;color:inherit;border:1px solid #a17b4240;border-radius:10px;font:14px/1.35 Georgia;cursor:pointer}.bb-chapters small{display:block;margin-bottom:8px;font:10px sans-serif;color:#af7d41}.bb-chapters [aria-current="step"]{background:#bc8f4918;border-color:#bd8e47;box-shadow:inset 0 2px #b68d4e}.bb-options{display:flex;align-items:center;gap:18px 25px;flex-wrap:wrap;padding:20px;border:1px solid #ac8a4a40;border-radius:12px;font-size:13px}.bb-options label{display:flex;align-items:center;gap:8px}.bb-options input{accent-color:#bb8a48}.bb-options select{padding:8px;min-height:40px}.bb-options input[type=range]{max-width:100px}.bb-page>[role=status]{font-size:13px;line-height:1.7}.bb-passage{padding:40px 25px;border-block:1px solid #b994533b;margin:30px 0}.bb-passage blockquote{font:clamp(22px,3vw,31px)/1.6 Georgia;margin:20px 0;max-width:950px}.bb-reflection{max-width:800px;margin:45px 0}.bb-reflection h2{font:36px/1.2 Georgia}.bb-reflection label{display:block;margin:24px 0 10px}.bb-reflection textarea{box-sizing:border-box;width:100%;padding:18px;border:1px solid #ae925760;border-radius:12px;background:#b6904310;color:inherit;font:16px/1.7 Georgia;resize:vertical;display:block;margin-bottom:15px}.bb-reflection button,.bb-passage button{margin-right:10px;min-height:44px}.bb-transcript{padding:22px;border:1px solid #ac8b4b44;border-radius:12px;margin:25px 0}.bb-transcript summary{cursor:pointer}.bb-transcript article{padding:20px 0;border-bottom:1px solid #ad884333;line-height:1.8}.bb-transcript blockquote{font-family:Georgia;margin:16px 0}.bb-page .micro{line-height:1.8;opacity:.75}.bb-theatre:fullscreen{overflow:auto;width:100%;background:#080c15}.bb-theatre:fullscreen .bb-stage{height:70vh}.bb-still .bb-art{transform:none!important;animation:none!important}.bb-still .bb-warmth{transition:none}.bb-still.bb-reveal:after{animation:none;display:none}@keyframes bb-arrive{from{opacity:.25}to{opacity:1}}@keyframes bb-reveal{0%{opacity:0}22%{opacity:1}100%{opacity:0}}@media(max-width:700px){.bb-page{padding:16px 10px 45px}.bb-chapters{grid-template-columns:repeat(3,1fr)}.bb-stage{height:500px}.bb-scene-top{inset:20px 16px auto;font-size:8px}.bb-scene-heading{left:18px;bottom:15px}.bb-controls{padding:14px;gap:7px}.bb-caption{padding:20px 17px}.bb-seek{order:2;flex-basis:65%}.bb-options{gap:16px;padding:16px}.bb-options label{font-size:12px}.bb-bush{left:56%;top:42%}.bb-sandals{left:12%;top:62%}.bb-staff-target{left:58%;top:56%}.bb-heading{padding:15px 0 25px}.bb-object{font-size:11px!important}.bb-actions button{font-size:12px;padding:10px}.bb-passage{padding:30px 10px}}@media(prefers-reduced-motion:reduce){.bb-art{animation:none!important;transform:none!important}.bb-reveal:after{display:none}.bb-warmth{transition:none}}
/* Cinematic props, Scripture dialogue and the final radiance. */
.bb-stage{background:#070c17}.bb-stage:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-top:18px solid #03050bcc;border-bottom:18px solid #03050bcc}.bb-stage[data-phase="4"] .bb-art{filter:brightness(.64) saturate(.8);object-position:62% 55%}.bb-stage[data-phase="5"] .bb-art{filter:brightness(1.08);object-position:50% 40%}.bb-stage[data-phase="5"] .bb-warmth{opacity:1;background:radial-gradient(ellipse at 50% 35%,#fffefc70,#ffdf9430 40%,transparent 76%)}.bb-scene-top{z-index:2;top:30px}.bb-scene-heading{z-index:2;bottom:28px}.bb-start{z-index:5}.bb-sandals-art{position:absolute;width:clamp(135px,22%,250px);height:auto;left:13%;top:60%;filter:drop-shadow(3px 12px 7px #000a);opacity:0;transform:rotate(-12deg);transition:opacity 1.5s,transform 2s,left 2s;pointer-events:none}.bb-stage[data-phase="2"] .bb-sandals-art{opacity:1}.bb-stage[data-sandals="aside"] .bb-sandals-art{left:2%;transform:rotate(-23deg) scale(.8);opacity:.75}.bb-sandals{left:13%;top:81%;font-size:12px}.bb-staff-target{top:59%;left:72%}.bb-stage[data-staff="held"] .bb-staff-target,.bb-stage[data-staff="restored"] .bb-staff-target{top:47%;left:78%}.bb-tail{box-shadow:0 0 0 5px #f2d49918,0 0 35px #f2d49950}.bb-voice-caption{position:absolute;z-index:3;top:15%;left:10%;width:80%;box-sizing:border-box;padding:16px 22px;text-align:center;font:clamp(17px,2.3vw,26px)/1.6 Georgia;color:#fff9ea;background:linear-gradient(90deg,transparent,#080b18b8 15%,#080b18b8 85%,transparent);text-shadow:0 2px 8px #000;pointer-events:none}.bb-voice-caption[hidden]{display:none}.bb-page-radiance{position:fixed;inset:0;z-index:99999;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 38%,#fff 0%,#fffef9 22%,#fff1c5b3 45%,#f9d18b26 75%,transparent 100%);transform:scale(.25)}.bb-page-radiance.bb-burst{animation:bb-page-light 8s cubic-bezier(.2,.65,.3,1) both}.bb-finale-burst:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,#fff,#ffffe7cc 25%,transparent 75%);animation:bb-stage-light 7s ease-out both}.bb-page-afterglow .bb-passage,.bb-page-afterglow .bb-reflection{box-shadow:0 0 80px #ffe6a836;transition:box-shadow 2s}.bb-stage.bb-still .bb-sandals-art{transition:none}.bb-stage.bb-still .bb-voice-caption{background:#111929d9}.bb-stage[data-phase="5"] .bb-scene-heading{background:linear-gradient(90deg,#07101abe,transparent);padding:12px 22px;border-radius:12px}.bb-radiance-disabled .bb-page-radiance{display:none}@keyframes bb-page-light{0%{opacity:0;transform:scale(.18)}18%{opacity:.22}36%{opacity:.95;transform:scale(1.9)}55%{opacity:.6;transform:scale(2.5)}100%{opacity:0;transform:scale(3)}}@keyframes bb-stage-light{0%{opacity:0;transform:scale(.3)}34%{opacity:1;transform:scale(2)}100%{opacity:0;transform:scale(3)}}@media(max-width:700px){.bb-voice-caption{top:14%;left:4%;width:92%;padding:12px;font-size:17px}.bb-stage[data-staff="held"] .bb-staff-target,.bb-stage[data-staff="restored"] .bb-staff-target{left:58%;top:45%}.bb-sandals{left:6%;top:79%}.bb-sandals-art{left:8%;top:63%;width:160px}.bb-stage[data-phase="5"] .bb-scene-heading{max-width:86%;padding:10px 15px}.bb-stage:before{border-width:12px}.bb-scene-top{top:23px}}@media(prefers-reduced-motion:reduce){.bb-page-radiance,.bb-finale-burst:after{display:none}.bb-sandals-art{transition:none}}