body{background:#f9f6ef;overflow-x:hidden}
.artwork{width:min(100%,941px);line-height:normal}
.live-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:22px 5.5%;height:84px;z-index:3}
.live-brand{font:bold clamp(26px,4.7vw,45px) Georgia,serif;letter-spacing:-.055em;text-decoration:none;color:#12171c}
.live-menu{width:44px;height:44px;padding:11px;border:0;background:none;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}
.live-menu span{height:1px;width:23px;background:#182027;display:block;transition:transform .3s,opacity .3s}
.live-menu[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.live-menu[aria-expanded=true] span:nth-child(2){opacity:0}
.live-menu[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
#myth-navigation{position:absolute;right:6%;top:76px;padding:20px 24px;background:#f9f6eff5;z-index:5}
#myth-navigation[hidden]{display:none}
#myth-navigation a{display:flex;align-items:center;gap:20px;text-decoration:none;color:#37332e;font:300 12px 'Helvetica Neue','Segoe UI',Arial,sans-serif;padding:12px 0}
#myth-navigation img{width:24px;height:24px;object-fit:contain}
.live-heading{text-align:center;padding:30px 16px 60px;color:#11171b}
.heading-star{font:40px Georgia,serif;display:block;line-height:1}
.live-heading h1{font:normal clamp(42px,8vw,90px)/1.15 Georgia,serif;letter-spacing:-.035em;margin:34px 0 18px}
.heading-dot{display:block;color:#a58c5c;font-size:25px;margin-bottom:22px}
.live-heading p{font:400 clamp(8px,1.5vw,13px)/1.8 'Helvetica Neue','Segoe UI',Arial,sans-serif;letter-spacing:.2em;color:#796442;margin:0}
.interactions{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:1120 / 1132;overflow:hidden}
#entry-question{width:120px;padding:0;text-align:center;font-family:'Helvetica Neue','Segoe UI',Arial,sans-serif;font-weight:300;color:#403d38}
#entry-question p{font:300 12px/1.5 'Helvetica Neue','Segoe UI',Arial,sans-serif;letter-spacing:.045em;margin:0 0 7px;font-style:normal;color:inherit}
#entry-question button{font:300 10px/1.5 'Helvetica Neue','Segoe UI',Arial,sans-serif;letter-spacing:.035em;padding:12px 14px;min-height:44px;color:#605b53}
.temple-darkness{transition:opacity 3.2s cubic-bezier(.4,0,.25,1)}
.temple-apparition{transition:color 3.1s ease,filter 3.1s ease}
@media(max-width:600px){.live-header{height:60px;padding-top:12px;padding-bottom:12px}.live-heading{padding-top:10px;padding-bottom:34px}.heading-star{font-size:25px}.live-heading h1{margin-top:24px;margin-bottom:10px}.heading-dot{margin-bottom:16px;font-size:19px}#myth-navigation{top:56px}.live-menu span{width:19px}}
@media(prefers-reduced-motion:reduce){.temple-darkness,.temple-apparition{transition:none}}

/* Same wordmark font, size and weight as index.html. */
.live-brand{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;letter-spacing:normal;color:#1a1a1a}
.live-menu{gap:3px;padding:8px;width:48px;height:48px;align-items:center}
.live-menu span{width:15.5px;height:.5px;background:#11171b}
.live-menu[aria-expanded=true] span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.live-menu[aria-expanded=true] span:nth-child(3){transform:translateY(-3.5px) rotate(-45deg)}
.symbol.inviting .symbol-dark{animation:symbol-invitation 6s ease-in-out infinite}
.symbol.inviting:hover .symbol-dark,.symbol.inviting:focus-visible .symbol-dark{animation:none;opacity:1}
@keyframes symbol-invitation{0%,100%{opacity:0}50%{opacity:1}}
.serpent-entrance{position:absolute;top:0;left:0;width:100%;height:var(--ritual-height,100svh);z-index:2;pointer-events:none;color:#f0ece2}
.ouroboros-stage{display:block;width:100%;height:100%;overflow:hidden}
.ouroboros-body{fill:currentColor}
#sanctuary.centred .temple-apparition{filter:drop-shadow(0 0 5px #fdfaf549) drop-shadow(0 0 14px #fdfaf51c)}
#sanctuary.arrived .temple-apparition svg{animation:none}
#sanctuary .temple-reading{padding-top:calc(var(--ritual-height,100svh) + 70px)}
.ritual-descend{position:absolute;top:calc(var(--ritual-height,100svh) - 65px);left:50%;transform:translateX(-50%);z-index:3;border:0;padding:14px 24px;background:none;font:300 11px 'Helvetica Neue','Segoe UI',sans-serif;letter-spacing:.15em;color:#aaa398;opacity:0;visibility:hidden;transition:opacity 1.5s}
#sanctuary.arrived .ritual-descend{visibility:visible;opacity:1;cursor:pointer}
@media(prefers-reduced-motion:reduce){.symbol.inviting .symbol-dark{animation:none;opacity:.65}}

/* The original homepage glyphs unfold beneath the three lines. */
.live-menu span{transform-origin:center;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .25s,width .35s}
@media(hover:hover){
 .live-menu[aria-expanded=false]:hover span:nth-child(1){transform:translateY(-1px)}
 .live-menu[aria-expanded=false]:hover span:nth-child(2){transform:scaleX(.65)}
 .live-menu[aria-expanded=false]:hover span:nth-child(3){transform:translateY(1px)}
}
.live-menu:active{transform:scale(.95)}
#myth-navigation{right:5.5%;top:calc(100% - 6px);width:48px;padding:14px 0 10px;background:transparent;display:flex;flex-direction:column;gap:14px}
#myth-navigation[hidden]{display:none}
#myth-navigation a{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;opacity:0;transform:translateY(-12px) scale(.9);transition:opacity .28s ease,transform .35s cubic-bezier(.22,1,.36,1);transition-delay:calc((3 - var(--order))*35ms);-webkit-tap-highlight-color:transparent}
#myth-navigation.unfolded a{opacity:1;transform:translateY(0) scale(1);transition-duration:.5s,.65s;transition-delay:calc(var(--order)*85ms)}
#myth-navigation img{width:30px;height:30px;object-fit:contain;filter:brightness(0);opacity:.82;transition:transform .35s,opacity .35s}
#myth-navigation a:hover img,#myth-navigation a:focus-visible img{opacity:1;transform:scale(1.1)}
#myth-navigation a:focus-visible{outline:1px solid #a59a86;outline-offset:3px;border-radius:0}
#myth-navigation .nav-name{position:absolute;right:58px;white-space:nowrap;opacity:0;transform:translateX(5px);color:#514b41;font:300 10px/1.4 'Helvetica Neue','Segoe UI',Arial,sans-serif;letter-spacing:.08em;transition:opacity .3s,transform .3s;pointer-events:none;text-shadow:0 0 8px #f9f6ef,0 0 16px #f9f6ef}
#myth-navigation a:hover .nav-name,#myth-navigation a:focus-visible .nav-name{opacity:1;transform:none}
@media(hover:none){#myth-navigation.unfolded .nav-name{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.live-menu span,#myth-navigation a,#myth-navigation img,#myth-navigation .nav-name{transition:none!important}}

#myth-navigation .nav-name{display:none!important}

#myth-navigation img{width:23px;height:23px}

/* Three seconds after closure, the still emblem returns from ivory to ink. */
.serpent-entrance{--serpent-detail:#080808;transition:color 3.2s ease}
.ouroboros-head path{transition:stroke 3.2s ease}
#sanctuary .temple-darkness{transition:opacity 3.2s cubic-bezier(.4,0,.25,1),background-color 3.2s ease}
#sanctuary.dawn .temple-darkness{background-color:#fdfaf5}
#sanctuary.dawn .serpent-entrance{color:#111111;--serpent-detail:#fdfaf5}
#sanctuary.dawn .temple-apparition{color:#111111;filter:drop-shadow(0 0 0 transparent)}
#sanctuary .temple-leave,#sanctuary .ritual-descend{transition:color 3.2s ease,opacity 1.5s}
#sanctuary.dawn .temple-leave,#sanctuary.dawn .ritual-descend{color:#625b50}
#sanctuary.dawn .temple-reading h2{color:#161616}
#sanctuary.dawn .temple-reading p{color:#514b42}
#sanctuary.dawn .temple-reading .temple-signoff{color:#81786b}
#sanctuary.dawn.arrived::after{background:linear-gradient(#fdfaf5 35%,transparent)}
@media(prefers-reduced-motion:reduce){.serpent-entrance,.ouroboros-head path{transition:none}}

/* Keep a shared, invariant stage when the reading area becomes scrollable. */
#sanctuary{scrollbar-width:none}
#sanctuary::-webkit-scrollbar{display:none;width:0;height:0}
#sanctuary .serpent-entrance{width:var(--ritual-width,100vw);height:var(--ritual-height,100svh)}

/* The emblem and its centre travel together into the reading composition. */
.ritual-emblem-plane{position:absolute;inset:0 auto auto 0;width:var(--ritual-width);height:var(--ritual-height);pointer-events:none;z-index:2;transition:transform 2.8s cubic-bezier(.4,0,.2,1)}
#sanctuary.arrived .ritual-emblem-plane{transform:translateY(calc(var(--ritual-height) * -.20))}
#sanctuary .temple-reading{width:100%;max-width:none;margin:0;padding:0;transform:none;transition:opacity 2s ease 1.2s}
.ritual-origin{box-sizing:border-box;position:relative;min-height:var(--ritual-height);padding:calc(var(--ritual-height) * .30 + min(112px,24.6vw,18.7svh) + 36px) 42px 38px;text-align:center}
.ritual-star{position:absolute;top:7%;left:50%;transform:translateX(-50%);font:30px Georgia,serif;color:#111}
.ritual-star::after{content:'';display:block;width:1px;height:18px;background:#746f66;margin:8px auto 0}
#sanctuary .ritual-verse{max-width:340px;margin:0 auto;color:#181817;font:400 14px/1.85 Georgia,'Times New Roman',serif;text-wrap:pretty}
.ritual-verse::before{content:'“'}.ritual-verse::after{content:'”'}
.ritual-attribution{display:block;margin:23px auto 0;color:#514b42;font:normal 13px Georgia,serif}
.ritual-scroll{display:flex;flex-direction:column;align-items:center;gap:12px;margin:28px auto 0;padding:8px 16px;border:0;background:none;color:#171717;cursor:pointer}
.ritual-scroll>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #555047;border-radius:50%;font:20px Georgia,serif;transition:transform .5s}
.ritual-scroll:hover>span{transform:translateY(4px)}
.ritual-scroll small{font:300 9px 'Helvetica Neue','Segoe UI',sans-serif;letter-spacing:.3em}
.ritual-chapter{box-sizing:border-box;min-height:var(--ritual-height);max-width:560px;margin:auto;padding:110px 48px 90px;display:flex;flex-direction:column;justify-content:center}
#sanctuary .ritual-chapter h2{font:400 clamp(34px,5vw,52px)/1.15 Georgia,serif;letter-spacing:-.035em;margin:0 0 32px}
#sanctuary .ritual-chapter p{font:400 clamp(17px,2vw,20px)/1.7 Georgia,serif;margin:0 0 24px}
.ritual-progress{position:fixed;right:8px;top:65%;z-index:4;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity 1.8s ease 1.8s}
#sanctuary.arrived .ritual-progress{opacity:1;visibility:visible}
.ritual-progress button{border:0;background:none;width:32px;height:32px;display:grid;place-items:center;cursor:pointer;padding:0}
.ritual-progress button::after{content:'';width:4px;height:4px;border:1px solid #171717;border-radius:50%;transition:background .4s,transform .4s}
.ritual-progress button[aria-current]::after{background:#171717;transform:scale(1.15)}
.ritual-progress button:focus-visible,.ritual-scroll:focus-visible{outline:1px solid #958770;outline-offset:2px}
@media(min-width:700px){.ritual-progress{right:28px}.ritual-origin{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){.ritual-emblem-plane,#sanctuary .temple-reading,.ritual-progress{transition:none}}

/* A spare manuscript above one living illustration. */
#sanctuary .ritual-deep{max-width:680px;min-height:var(--ritual-height);padding:100px 48px 48px;justify-content:space-between;gap:42px}
.deep-copy{max-width:420px;margin:0 auto;width:100%}
#sanctuary .ritual-deep h2{font:400 25px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 25px}
#sanctuary .ritual-deep p{font:400 14px/1.85 Georgia,serif;color:#48433b;margin:0;text-wrap:pretty}
.deep-pool{width:100%;max-width:520px;margin:0 auto;flex-shrink:0}
.deep-pool svg{display:block;width:100%;height:auto;overflow:visible}
@media(min-width:700px){#sanctuary .ritual-deep{padding-top:110px;padding-bottom:65px;gap:55px}#sanctuary .ritual-deep p{font-size:15px}}
@media(max-width:360px){#sanctuary .ritual-deep{padding:85px 38px 40px;gap:30px}#sanctuary .ritual-deep p{font-size:13px}}

.ritual-suffering{position:relative;padding:0}
.suffering-copy{box-sizing:border-box;width:100%;max-width:516px;padding:95px 48px 25px;margin:auto}
#sanctuary .suffering-copy h2{font:400 25px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 28px}
#sanctuary .suffering-copy p{font:400 14px/1.85 Georgia,serif;color:#48433b;margin:0;text-wrap:pretty}
.suffering-journey{height:260svh;position:relative}
.suffering-still{height:100svh;position:sticky;top:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.suffering-eclipse{width:min(85%,490px);margin:0}
.suffering-eclipse svg{display:block;width:100%;height:auto}
.suffering-cue{position:absolute;bottom:8%;font:300 9px 'Helvetica Neue','Segoe UI',sans-serif;letter-spacing:.25em;color:#615849}
.suffering-closing{padding-top:65px;padding-bottom:70px}
#sanctuary .suffering-last{margin-top:65px;color:#1b1b19}
@media(min-width:700px){#sanctuary .suffering-copy p{font-size:15px}.suffering-copy{padding-top:120px}}
@media(max-width:360px){.suffering-copy{padding-left:38px;padding-right:38px}#sanctuary .suffering-copy p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.suffering-journey{height:auto}.suffering-still{position:relative;height:70svh}.suffering-cue{display:none}}

/* Words and eclipse share the same scroll composition. */
.suffering-journey{height:auto;min-height:100svh;display:grid;grid-template-columns:1fr;align-items:start}
.suffering-opening{grid-area:1/1;padding-top:85px;padding-bottom:47svh;position:relative}
#sanctuary .suffering-opening p+p{margin-top:50px}
#sanctuary .suffering-opening .suffering-turn{margin-top:65px}
.suffering-still{grid-area:1/1;position:sticky;top:53svh;margin-top:53svh;height:47svh;z-index:2;background:linear-gradient(to bottom,transparent,#fdfaf5 10%,#fdfaf5);pointer-events:none}
.suffering-eclipse{width:min(65vw,290px);max-height:43svh;aspect-ratio:600/620}
.suffering-eclipse svg{height:100%;max-height:43svh}
.suffering-cue{bottom:3%;font-size:8px}
.suffering-closing{padding-top:35px}
.reading-word{transition:none}
.ritual-justice{padding:0}
.justice-journey{display:grid;grid-template-columns:1fr;align-items:start;min-height:100svh}
.justice-copy{grid-area:1/1;box-sizing:border-box;width:100%;max-width:516px;margin:auto;padding:85px 48px 47svh}
#sanctuary .justice-copy h2{font:400 25px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 28px}
#sanctuary .justice-copy p{font:400 14px/1.85 Georgia,serif;color:#48433b;text-wrap:pretty;margin:0 0 65px}
#sanctuary .justice-copy p:last-child{margin-bottom:0}
.justice-still{grid-area:1/1;position:sticky;top:53svh;margin-top:53svh;height:47svh;display:flex;align-items:center;justify-content:center;z-index:2;background:linear-gradient(transparent,#fdfaf5 10%,#fdfaf5);pointer-events:none}
.justice-measure{width:min(75vw,330px);margin:0;aspect-ratio:600/580;max-height:45svh}
.justice-measure svg{display:block;width:100%;height:100%;max-height:45svh}
@media(min-width:700px){.justice-journey{grid-template-columns:1fr 1fr;max-width:1050px;margin:auto}.justice-copy{padding:120px 40px 80px}.justice-still{grid-area:1/2;top:0;margin-top:0;height:100svh;background:none}.justice-measure{width:100%;max-height:80svh}.justice-measure svg{max-height:80svh}#sanctuary .justice-copy p{font-size:15px;margin-bottom:100px}}
@media(max-width:360px){.justice-copy{padding-left:38px;padding-right:38px}#sanctuary .justice-copy p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.justice-journey{display:block}.justice-copy{padding-bottom:30px}.justice-still{position:relative;top:auto;margin-top:0;background:none}}
#sanctuary .ritual-deep{justify-content:flex-start;gap:12px;padding-bottom:35px}
.deep-pool{margin-top:0}
@media(min-width:700px){
 .suffering-journey{grid-template-columns:1fr 1fr;max-width:1050px;margin:auto;min-height:100svh}
 .suffering-opening{grid-area:1/1;max-width:500px;padding:120px 40px 80px}
 .suffering-still{grid-area:1/2;top:0;margin-top:0;height:100svh;background:none}
 .suffering-eclipse{width:100%;max-height:80svh;aspect-ratio:600/620}.suffering-eclipse svg{max-height:80svh}
 .suffering-cue{bottom:12%}
 #sanctuary .suffering-opening p+p{margin-top:100px}
}
@media(prefers-reduced-motion:reduce){
 .suffering-journey{min-height:0;display:block}.suffering-opening{padding-bottom:25px}
 .suffering-still{position:relative;top:auto;margin-top:0;height:45svh;background:none}
 .reading-word{transition:none}
}

/* Keep successive chapters close to the illustration that precedes them. */
#sanctuary .ritual-deep{min-height:0;padding-top:55px;padding-bottom:18px}
.suffering-opening,.justice-copy{padding-top:38px}
#sanctuary .ritual-justice + .ritual-chapter{justify-content:flex-start;padding-top:45px}
@media(min-width:700px){.suffering-opening,.justice-copy{padding-top:55px}}

.abundance-journey{display:grid;grid-template-columns:1fr;align-items:start;min-height:100svh}
.abundance-copy{grid-area:1/1;box-sizing:border-box;width:100%;max-width:516px;margin:auto;padding:38px 48px 47svh}
#sanctuary .abundance-copy h2{font:400 25px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 28px}
#sanctuary .abundance-copy p{font:400 14px/1.85 Georgia,serif;margin:0;color:#48433b;text-wrap:pretty}
.abundance-still{grid-area:1/1;position:sticky;top:53svh;margin-top:53svh;height:47svh;display:flex;align-items:center;justify-content:center;z-index:2;background:linear-gradient(transparent,#fdfaf5 10%,#fdfaf5);pointer-events:none}
.abundance-garden{width:94%;max-width:650px;margin:0;aspect-ratio:720/490;max-height:45svh}
.abundance-garden svg{display:block;width:100%;height:100%;max-height:45svh}
#sanctuary .ritual-abundance + .ritual-chapter{justify-content:flex-start;padding-top:45px}
@media(min-width:700px){.abundance-journey{grid-template-columns:1fr 1.2fr;max-width:1150px;margin:auto}.abundance-copy{padding:55px 40px 80px}.abundance-still{grid-area:1/2;top:0;margin-top:0;height:100svh;background:none}.abundance-garden,.abundance-garden svg{max-height:80svh}#sanctuary .abundance-copy p{font-size:15px}}
@media(max-width:360px){.abundance-copy{padding-left:38px;padding-right:38px}#sanctuary .abundance-copy p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.abundance-journey{display:block}.abundance-copy{padding-bottom:30px}.abundance-still{position:relative;top:auto;margin-top:0;background:none}}

.equality-journey{display:grid;grid-template-columns:1fr;align-items:start;min-height:100svh}
.equality-copy{grid-area:1/1;box-sizing:border-box;width:100%;max-width:516px;margin:auto;padding:38px 48px 47svh}
#sanctuary .equality-copy h2{font:400 25px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 28px}
#sanctuary .equality-copy p{font:400 14px/1.85 Georgia,serif;margin:0;color:#48433b;text-wrap:pretty}
.equality-still{grid-area:1/1;position:sticky;top:53svh;margin-top:53svh;height:47svh;display:flex;align-items:center;justify-content:center;z-index:2;background:linear-gradient(transparent,#fdfaf5 10%,#fdfaf5);pointer-events:none}
.equality-orbit{width:90%;max-width:520px;margin:0;aspect-ratio:600/510;max-height:45svh}
.equality-orbit svg{display:block;width:100%;height:100%;max-height:45svh}
#sanctuary .ritual-equality + .ritual-chapter{justify-content:flex-start;padding-top:45px}
@media(min-width:700px){.equality-journey{grid-template-columns:1fr 1fr;max-width:1050px;margin:auto}.equality-copy{padding:55px 40px 80px}.equality-still{grid-area:1/2;top:0;margin-top:0;height:100svh;background:none}.equality-orbit,.equality-orbit svg{max-height:80svh}#sanctuary .equality-copy p{font-size:15px}}
@media(max-width:360px){.equality-copy{padding-left:38px;padding-right:38px}#sanctuary .equality-copy p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.equality-journey{display:block}.equality-copy{padding-bottom:30px}.equality-still{position:relative;top:auto;margin-top:0;background:none}}

.intoxication-journey{display:grid;grid-template-columns:1fr;align-items:start;min-height:100svh}
.intoxication-copy{grid-area:1/1;box-sizing:border-box;width:100%;max-width:516px;margin:auto;padding:38px 48px 47svh}
#sanctuary .intoxication-copy h2{font:400 25px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 28px}
#sanctuary .intoxication-copy p{font:400 14px/1.85 Georgia,serif;margin:0;color:#48433b;text-wrap:pretty}
.intoxication-still{grid-area:1/1;position:sticky;top:53svh;margin-top:53svh;height:47svh;display:flex;align-items:center;justify-content:center;z-index:2;background:linear-gradient(transparent,#fdfaf5 10%,#fdfaf5);pointer-events:none}
.intoxication-ribbon{width:94%;max-width:550px;margin:0;aspect-ratio:600/520;max-height:45svh}
.intoxication-ribbon svg{display:block;width:100%;height:100%;max-height:45svh}
#sanctuary .ritual-intoxication + .ritual-chapter{justify-content:flex-start;padding-top:45px}
@media(min-width:700px){.intoxication-journey{grid-template-columns:1fr 1fr;max-width:1050px;margin:auto}.intoxication-copy{padding:55px 40px 80px}.intoxication-still{grid-area:1/2;top:0;margin-top:0;height:100svh;background:none}.intoxication-ribbon,.intoxication-ribbon svg{max-height:80svh}#sanctuary .intoxication-copy p{font-size:15px}}
@media(max-width:360px){.intoxication-copy{padding-left:38px;padding-right:38px}#sanctuary .intoxication-copy p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.intoxication-journey{display:block}.intoxication-copy{padding-bottom:30px}.intoxication-still{position:relative;top:auto;margin-top:0;background:none}}

.ritual-vessels{padding:35px 0 45px}
.vessels-page{position:relative;isolation:isolate;background:#fdfaf5;max-width:600px;margin:auto;padding:160px 48px 100px;box-sizing:border-box;overflow:hidden}
.vessels-liquid{position:absolute;inset:0;z-index:0;pointer-events:none}
.vessels-liquid>svg:first-child{width:100%;height:100%;display:block}
.vessels-liquid .vessels-cup{position:absolute;top:140px;left:auto;right:10%;width:42px;height:58.8px;overflow:visible}
.vessels-writing{position:relative;z-index:1;color:#48433b}
.vessels-writing.vessels-inverted{position:absolute;inset:0;pointer-events:none;clip-path:inset(100%)}
#sanctuary.dawn .temple-reading .vessels-writing h2{color:#161616}
#sanctuary.dawn .temple-reading .vessels-writing p{color:#48433b}
#sanctuary.dawn .temple-reading .vessels-inverted h2,#sanctuary.dawn .temple-reading .vessels-inverted p{color:#fdfaf5}
#sanctuary .vessels-writing h2{font:400 25px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 28px;color:inherit}
#sanctuary .vessels-writing p{font:400 14px/1.85 Georgia,serif;margin:0;text-wrap:pretty;color:inherit;-webkit-font-smoothing:antialiased}
#sanctuary .ritual-vessels + .ritual-chapter{justify-content:flex-start;padding-top:45px}
@media(min-width:700px){.vessels-page{padding-left:70px;padding-right:70px}#sanctuary .vessels-writing p{font-size:15px}}
@media(max-width:360px){.vessels-page{padding-left:38px;padding-right:38px}#sanctuary .vessels-writing p{font-size:13px}}

.ritual-scroll>svg{transition:transform .4s ease}.ritual-scroll:hover>svg{transform:translateY(3px)}
@media(min-width:700px){#sanctuary .ritual-verse{font-size:15px}}
@media(max-width:360px){#sanctuary .ritual-verse{font-size:13px}}
@media(prefers-reduced-motion:reduce){.ritual-scroll>svg{transition:none}}

.becoming-journey{display:grid;grid-template-columns:1fr;align-items:start;min-height:100svh}
.becoming-copy{grid-area:1/1;box-sizing:border-box;width:100%;max-width:516px;margin:auto;padding:38px 48px 47svh}
#sanctuary .becoming-copy h2{font:400 25px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 28px}
#sanctuary .becoming-copy p{font:400 14px/1.85 Georgia,serif;margin:0;color:#48433b;text-wrap:pretty}
.becoming-still{grid-area:1/1;position:sticky;top:53svh;margin-top:53svh;height:47svh;display:flex;align-items:center;justify-content:center;z-index:2;background:linear-gradient(transparent,#fdfaf5 10%,#fdfaf5);pointer-events:none}
.becoming-moon{width:90%;max-width:520px;margin:0;aspect-ratio:600/510;max-height:45svh}
.becoming-moon svg{display:block;width:100%;height:100%;max-height:45svh}
#sanctuary .ritual-becoming + .ritual-chapter{justify-content:flex-start;padding-top:45px}
@media(min-width:700px){.becoming-journey{grid-template-columns:1fr 1fr;max-width:1050px;margin:auto}.becoming-copy{padding:55px 40px 80px}.becoming-still{grid-area:1/2;top:0;margin-top:0;height:100svh;background:none}.becoming-moon,.becoming-moon svg{max-height:80svh}#sanctuary .becoming-copy p{font-size:15px}}
@media(max-width:360px){.becoming-copy{padding-left:38px;padding-right:38px}#sanctuary .becoming-copy p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.becoming-journey{display:block}.becoming-copy{padding-bottom:30px}.becoming-still{position:relative;top:auto;margin-top:0;background:none}}


.ritual-becoming{padding-bottom:16svh;overflow:clip}.ritual-progress{top:auto;bottom:18px}
/* The last moon becomes the page, with one deliberate return. */
.ritual-becoming{overflow:visible;padding-bottom:0}
.becoming-journey{display:block;max-width:none;min-height:0}
.becoming-copy{padding:38px 48px 70px;max-width:516px}
.becoming-still{display:block;position:relative;top:auto;margin:0;height:220svh;background:none;pointer-events:auto}
.becoming-moon{position:sticky;top:0;width:100%;max-width:none;height:100svh;max-height:none;aspect-ratio:auto;overflow:hidden;isolation:isolate;display:grid;place-items:center}
.closing-disc{position:absolute;left:50%;top:50%;width:128px;height:128px;border-radius:50%;background:#111110;z-index:-1;transform-origin:center}
#sanctuary .closing-message{width:min(75%,340px);font:400 14px/1.85 Georgia,serif;text-align:center;color:#fdfaf5;opacity:var(--sentence-opacity,0);transition:opacity 1.4s ease}
.closing-return{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:26px;padding:20px;border:0;background:none;color:#fdfaf5;opacity:0;visibility:hidden;transition:opacity 1.6s ease;cursor:pointer}
.closing-symbol{display:block;width:48px;height:63px}.closing-symbol svg{width:100%;height:100%;max-height:none;overflow:visible}
.closing-label{font:300 11px 'Helvetica Neue','Segoe UI',sans-serif;letter-spacing:.15em}
.closing-revealed .closing-return{opacity:1;visibility:visible}.closing-revealed .closing-message{opacity:0!important}
.closing-return:focus-visible{outline:1px solid #fdfaf5;outline-offset:6px}
#sanctuary.at-finale .ritual-progress{opacity:0;visibility:hidden;transition:opacity .4s}
#sanctuary.at-finale .temple-leave{color:#fdfaf5}
#sanctuary.returning-home{opacity:0;transition:opacity 1.4s ease}
@media(min-width:700px){.becoming-copy{padding:55px 40px 80px}#sanctuary .closing-message{font-size:15px}}
@media(max-width:360px){.becoming-copy{padding-left:38px;padding-right:38px}#sanctuary .closing-message{font-size:13px}}
@media(prefers-reduced-motion:reduce){.closing-message,.closing-return{transition:none!important}}

#sanctuary.at-finale::after{opacity:0;transition:opacity .5s}

.closing-liquid{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important}
.liquid-return-veil{position:fixed;inset:0;background:#111110;z-index:20}
.liquid-return-star{position:fixed;width:60px;height:60px;display:grid;place-items:center;line-height:1;color:#fdfaf5;z-index:21;pointer-events:none}
#sanctuary.liquid-home-reveal{background:transparent!important}
#sanctuary.liquid-home-reveal>:not(.liquid-return-veil):not(.liquid-return-star){visibility:hidden!important}
#sanctuary.liquid-home-reveal::after{display:none}

/* Stable vector star and pre-rendered temple ink: no live image filters. */
.heading-star svg,.liquid-return-star svg{width:1em;height:1em;display:block;margin:auto}
.temple-apparition,#sanctuary.lit .temple-apparition,#sanctuary.centred .temple-apparition,#sanctuary.dawn .temple-apparition{filter:none;transition:none;transform-origin:0 0;will-change:transform;isolation:isolate}
.temple-apparition img{position:absolute;inset:0;width:100%;height:100%;display:block;transition:opacity 3.1s ease}
.temple-mark-cream{opacity:0}
#sanctuary.lit .temple-mark-cream{opacity:1}
#sanctuary.lit .temple-mark-ink{opacity:0}
#sanctuary.dawn .temple-mark-cream{opacity:0}
#sanctuary.dawn .temple-mark-ink{opacity:1}
@media(prefers-reduced-motion:reduce){.temple-apparition img{transition:none}}
/* Quiet lunar opening, replacing the title and star. */
.live-heading.moon-heading{position:relative;height:clamp(190px,29vw,285px);padding:0;overflow:hidden;pointer-events:none}
.moon-heading .etched-moon{position:absolute;width:clamp(160px,27vw,270px);height:auto;left:clamp(-90px,-9vw,-48px);top:12px;opacity:.56;mix-blend-mode:multiply}
@media(max-width:600px){.live-heading.moon-heading{height:185px}.moon-heading .etched-moon{width:180px;left:-65px;top:14px}}

.moon-heading .heading-star{position:absolute;top:30px;left:50%;transform:translateX(-50%);z-index:1}@media(max-width:600px){.moon-heading .heading-star{top:10px}}

.moon-heading .etched-moon{opacity:1;top:0;width:clamp(160px,25vw,250px);left:clamp(-70px,-7vw,-36px)}@media(max-width:600px){.moon-heading .etched-moon{width:180px;left:-45px;top:0}}

.live-heading.moon-heading{overflow:visible}.original-crescent{position:absolute;left:-14px;top:110px;width:100px;height:108px;mix-blend-mode:multiply;pointer-events:none}@media(min-width:601px){.original-crescent{width:150px;height:163px;top:100px;left:-20px}}

.live-heading.moon-heading{z-index:2}