/* hero */
.shero{position:relative;min-height:100vh;display:flex;align-items:flex-end;overflow:hidden;padding:6rem 0 12vh}
.sherobg{position:absolute;inset:0}.sherobg picture,.sherobg img{width:100%;height:100%;object-fit:cover;display:block}
.sherobg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a0f1a55 0%,#0a0f1a11 35%,#0a0f1aee 86%,#0a0f1a 100%)}
.shero .wrap{position:relative;z-index:2}.shero h1{text-shadow:0 4px 30px #000c;max-width:16ch}.shero .lede{color:#efe3c8;text-shadow:0 2px 14px #000}
/* Ezekiel */
.ezgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,4rem);align-items:start}
.jsticks{position:sticky;top:90px;margin:0;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#1a140f url(../art/sticks-1200.webp) 50% 0/100% 260% no-repeat;box-shadow:0 30px 60px -30px #000}
.jsticks .sh{position:absolute;top:0;bottom:0;width:50%;background-image:image-set(url(../art/sticks-1200.avif) type("image/avif") 1x,url(../art/sticks-2400.avif) type("image/avif") 2x,url(../art/sticks-1200.webp) type("image/webp") 1x);background-size:200% 100%;will-change:transform}
.jsticks .l{left:0;background-position:0 0;-webkit-mask-image:linear-gradient(90deg,#000 var(--m,90%),transparent);mask-image:linear-gradient(90deg,#000 var(--m,90%),transparent)}.jsticks .r{right:0;background-position:100% 0;-webkit-mask-image:linear-gradient(270deg,#000 var(--m,90%),transparent);mask-image:linear-gradient(270deg,#000 var(--m,90%),transparent)}
.jsticks .sh span{position:absolute;top:22%;left:50%;transform:translateX(-50%);font:600 clamp(.95rem,1.6vw,1.25rem)/1 var(--serif);color:#fff3d6;text-shadow:0 1px 8px #000;letter-spacing:.06em;white-space:nowrap}
.jsticks .sglow{position:absolute;left:38%;width:24%;top:30%;height:40%;background:radial-gradient(ellipse,rgba(255,236,180,.8),rgba(255,236,180,0) 70%);opacity:0;pointer-events:none;mix-blend-mode:screen}
.jsticks figcaption{position:absolute;left:0;right:0;bottom:0;padding:.7rem .9rem;display:flex;justify-content:space-between;gap:.6rem;align-items:flex-end;flex-wrap:wrap;background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,0))}
.jsticks .scap{font:italic clamp(1.1rem,2vw,1.5rem)/1.2 var(--serif);color:#ffe9b0;opacity:0}
.jsticks .artnote2{font:500 .66rem/1.2 var(--sans);color:rgba(255,246,223,.82)}
.eztext{padding-bottom:30vh}
.ezl{font-family:var(--serif);font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.5;color:#fff6e2;opacity:.28;transition:opacity .5s;margin:0 0 1.2rem;min-height:22vh}
.ezl.seen{opacity:.6}.ezl.on{opacity:1}
.ezl sup,blockquote sup{font:700 .6em var(--sans);color:var(--gold);margin-right:.25em;vertical-align:.5em}
mark{background:none;color:var(--gold);box-shadow:inset 0 -.12em 0 #e9c46a66}
.parch mark{color:#7a4a08;box-shadow:inset 0 -.14em 0 #c98a3a55}
/* prophecy */
.pq{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2rem}
.pqc{background:#fbf4e2;border:1px solid #8a5a1230;border-radius:14px;padding:1.1rem 1.3rem;box-shadow:0 16px 40px -30px #2b2114}
.pqc.wide{grid-column:1/-1;text-align:center;background:#2b2114;color:#f6ead0}.pqc.wide mark{color:#f2d58a;box-shadow:inset 0 -.12em 0 #e9c46a55}.pqc.wide cite a{color:#e9d7b0}.pqc.wide .dt{color:#e9c46a}
.pqc .dt,.tc .dt{font:700 .68rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#8a5a12}
blockquote{margin:.5rem 0;padding:0;border:0}
blockquote p{margin:0;font-family:var(--serif);font-size:1.14rem;line-height:1.5}
blockquote cite{display:block;font:600 .78rem var(--sans);font-style:normal;margin-top:.35rem}
.parch blockquote cite a{color:#6b5a40}
/* doctrines */
.dchips{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.4rem 0 1rem}
.dchips .chip{border:1px solid var(--line);color:var(--ink);text-decoration:none;border-radius:999px;padding:.3rem .8rem;font:600 .78rem var(--sans)}.dchips .chip:hover{border-color:var(--gold);color:var(--gold)}
.dcards{display:grid;gap:2rem;margin-top:1.2rem}
.dcard{scroll-margin-top:80px;border:1px solid var(--line);border-radius:18px;padding:clamp(1rem,2.5vw,1.8rem);background:linear-gradient(180deg,#ffffff08,#ffffff02)}
.dcard header{display:flex;align-items:baseline;gap:.8rem;margin-bottom:1rem}.dcard h3{margin:0;font-size:clamp(1.35rem,2.6vw,1.9rem)}
.dcard .num{font:700 .72rem var(--sans);color:#1b1306;background:var(--gold);border-radius:999px;padding:.2rem .55rem}
.djoin{display:grid;grid-template-columns:1fr 46px 1fr;align-items:stretch}
.dside{padding:1rem 1.1rem;border-radius:14px}
.dside.old{background:#c98a3a14;border:1px solid #c98a3a40}
.dside.new{background:#5fa8d314;border:1px solid #5fa8d340}
.dside .lab{display:block;font:700 .64rem var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.4rem}
.dside.old .lab{color:#e0a95a}.dside.new .lab{color:#7fc0e6}
.dside blockquote{padding:.5rem 0;border-top:1px solid #ffffff12}.dside blockquote:first-of-type{border-top:0}
.dside blockquote p{font-size:1.06rem;color:#fff6e2}.dside cite a{color:var(--muted)}
.dseam{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem}
.dseam i{flex:1;width:2px;background:linear-gradient(180deg,#e9c46a00,#e9c46a,#e9c46a00);transform-origin:center}
.dseam b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gold);color:#1b1306;font:700 1.2rem/1 var(--sans);box-shadow:0 0 24px #e9c46a88}
.adds{margin:1.1rem auto 0;max-width:72ch;text-align:center;font-family:var(--serif);font-size:clamp(1.1rem,1.8vw,1.3rem);color:#fff1cc}
.adds span{display:block;font:700 .64rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.3rem}
/* two lands */
.twoart{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:2rem 0}
.twoart .art{margin:0}.twoart figcaption a{color:var(--muted)}
.dual{position:relative;margin-top:1rem}
.dhead{display:grid;grid-template-columns:1fr 46px 1fr;font:700 .7rem var(--sans);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.6rem}
.dhead span:first-child{color:#e0a95a;text-align:right;padding-right:.4rem}.dhead span:last-child{grid-column:3;color:#7fc0e6;padding-left:.4rem}
.drow{display:grid;grid-template-columns:1fr 46px 1fr;align-items:center;margin-bottom:1.2rem}
.spine{align-self:stretch;position:relative;display:grid;place-items:center}
.spine:before{content:"";position:absolute;top:-1.2rem;bottom:-1.2rem;left:50%;width:2px;margin-left:-1px;background:#e9c46a44}
.spine i{position:relative;width:16px;height:16px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px #e9c46a22}
.tc{border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;background:#ffffff06}
.tc.old{border-color:#c98a3a50;text-align:right}.tc.new{border-color:#5fa8d350}
.tc .side{display:none;font:700 .62rem var(--sans);letter-spacing:.16em;text-transform:uppercase}
.tc.old .dt{color:#e0a95a}.tc.new .dt{color:#7fc0e6}
.tc h3{margin:.2rem 0 .3rem;font-size:1.3rem}.tc p{margin:.3rem 0;font-size:.94rem}
.tc blockquote.small p{font-size:1rem;color:#fff6e2}.tc cite a{color:var(--muted)}
.cta{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.6rem}
@media(max-width:860px){
 .ezgrid{grid-template-columns:1fr;gap:1rem}.jsticks{top:58px;z-index:4}.eztext{padding-bottom:10vh}.ezl{min-height:0;margin-bottom:1.4rem}
 .pq{grid-template-columns:1fr}
 .djoin{grid-template-columns:1fr}.dseam{flex-direction:row;height:40px}.dseam i{height:2px;width:auto;background:linear-gradient(90deg,#e9c46a00,#e9c46a,#e9c46a00)}
 .twoart{grid-template-columns:1fr}
 .dhead{display:none}.drow{grid-template-columns:30px 1fr;grid-template-areas:"s o" "s n";gap:.6rem 0;margin-bottom:1.6rem}
 .drow .old{grid-area:o;text-align:left}.drow .new{grid-area:n}.drow .spine{grid-area:s}.tc .side{display:block}.tc.old .side{color:#e0a95a}.tc.new .side{color:#7fc0e6}
 .spine{place-items:start center;padding-top:1rem}
}
.pqc.wide blockquote p{color:#f6ead0;max-width:70ch;margin:0 auto}
.pqc.wide .tpnote{max-width:70ch;margin:1rem auto .3rem;font-size:.9rem;line-height:1.55;color:#e9d7b0;border-top:1px solid #e9c46a33;padding-top:.8rem}.pqc.wide .tpsrc a{color:#e9d7b0}
/* chain section */
#chain .mxq{background:#1a140f;color:#f6ead0;border:1px solid #e9c46a55;border-radius:16px;padding:clamp(1.2rem,3vw,2.2rem);margin:1.2rem 0 2rem;box-shadow:0 20px 60px #0006}
#chain .mxq p{margin:0 0 .8rem;max-width:72ch}
#chain .mxlead{opacity:.75;font-size:.95rem}
#chain .mxmain{font-size:clamp(1.05rem,2.2vw,1.3rem);line-height:1.55;font-family:Georgia,serif}
#chain .mxq mark{background:linear-gradient(transparent 55%,#e9c46a66 0);color:inherit}
#chain .mxq cite{display:block;font-style:normal;font-size:.85rem;color:#e9d7b0}
#chain .mxq cite a,#chain .mxb a{color:#e9c46a}
#chain .cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,2.5rem);align-items:start}
@media(max-width:820px){#chain .cols{grid-template-columns:1fr}}
#chain .col h3{margin:.2rem 0 .3rem;font-size:1.25rem}
#chain .col .ch{margin:0 0 1rem;opacity:.8;font-size:.95rem}
#chain .chn{list-style:none;margin:0;padding:0 0 0 2.4rem;position:relative}
#chain .cline{position:absolute;left:.95rem;top:.6rem;bottom:.6rem;width:3px;border-radius:3px;background:linear-gradient(#e9c46a,#c98a2b);transform-origin:top}
#chain .chn.many .cline{background:repeating-linear-gradient(#9fb8d8 0 10px,transparent 10px 16px)}
#chain .cs{position:relative;margin:0 0 .9rem}
#chain .dot{position:absolute;left:-2.4rem;top:.35rem;width:2rem;height:2rem;border-radius:50%;background:#e9c46a;color:#1a140f;font:700 .8rem/2rem system-ui;text-align:center;box-shadow:0 0 0 4px #1a140f55}
#chain .many .dot{width:1rem;height:1rem;left:-1.9rem;top:.6rem;background:#9fb8d8}
#chain .cbody{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;padding:.7rem .9rem}
#chain .key .cbody{border-color:#e9c46a;box-shadow:0 0 24px #e9c46a33}
#chain .cd{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
#chain h4{margin:.15rem 0 .3rem;font-size:1.05rem}
#chain h4 small{font-weight:400;opacity:.7;font-size:.85rem}
#chain .cq{margin:0 0 .3rem;font-family:Georgia,serif;font-style:italic}
#chain .cq2{margin:.2rem 0 .3rem}
#chain .cn{margin:0 0 .3rem;font-size:.9rem;opacity:.85}
#chain .src{font-size:.78rem;margin:0}
#chain .mxb{margin:0 0 1rem;font-family:Georgia,serif;font-size:.95rem;border-left:3px solid #9fb8d8;padding-left:.8rem}
#chain .fair{font-size:.85rem;opacity:.8;margin-top:1.5rem}
#chain .mxend{margin:2.2rem 0 1rem}#chain .mxeye{display:block;font:600 .72rem/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#e9c46a;margin-bottom:.9rem}
#chain .mxart{margin:2.4rem 0 .6rem}#chain .mxart img{width:100%;height:auto;border-radius:14px;display:block}#chain .mxart figcaption{font-size:.8rem;opacity:.75;margin-top:.4rem}#chain .relics{font-size:.85rem;margin:.4rem 0 0;color:#e9d7b0}#chain .relics summary{cursor:pointer;font-weight:600;color:#e9c46a;margin-bottom:.4rem}#chain .relics ol{margin:0;padding-left:1.3rem;columns:2;column-gap:2rem}#chain .relics li{break-inside:avoid;margin:0 0 .35rem}#chain .relics span{opacity:.8}#chain .relics a{color:#e9c46a}@media(max-width:700px){#chain .relics ol{columns:1}}#chain .mxart+.relics+.mxend{margin-top:1.2rem}