:root{--paper:#f7f5ef;--ink:#24211c;--muted:#68665d;--line:#b8b4a8;--p:clamp(24px,4vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #726747;outline-offset:7px}.skip{position:fixed;left:20px;top:-80px;z-index:20;background:var(--paper);padding:16px}.skip:focus{top:15px}.header{position:fixed;z-index:5;top:0;left:var(--p);right:var(--p);height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(var(--paper) 60%,transparent)}.brand{font-size:14px;letter-spacing:.3em}.brand img{height:32px;width:auto;display:block}.header button{border:0;background:none;font-size:15px;display:flex;align-items:center;gap:20px}.header button span{font-size:24px}.journey{height:360vh;height:360svh}.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--paper)}.art,.scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene{object-fit:cover;object-position:center;will-change:transform,opacity}.ararat{opacity:0}.copy{position:absolute;top:clamp(105px,13vh,160px);left:var(--p);width:57%;max-width:930px;will-change:transform,opacity}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:.19em;margin:0 0 22px}.eyebrow [lang=he]{font-size:19px;letter-spacing:0;white-space:nowrap}.divider{padding:0 10px;color:#9b8c64}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:.99;margin:0}h1{font-size:clamp(54px,6.55vw,116px)}h1 em{font-weight:400}h2{font-size:clamp(64px,7.7vw,132px)}.lead{font-family:Georgia,'Times New Roman',serif;font-size:clamp(17px,1.36vw,23px);line-height:1.5;max-width:640px;margin:27px 0 20px;text-wrap:pretty}.lead-note{font-size:13px;line-height:1.5;color:var(--muted);max-width:560px;margin:-8px 0 20px}.hero-points{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:11px;max-width:600px}.hero-points li{font-size:15px;line-height:1.48;color:#4b4943}.hero-points strong{color:var(--ink);font-weight:700}.intro{background:radial-gradient(ellipse at 28% 48%,rgba(247,245,239,.93) 20%,rgba(247,245,239,.7) 52%,transparent 75%)}.actions{display:flex;gap:30px;flex-wrap:wrap;font-size:15px;line-height:1.5}.actions a{border-bottom:1px solid #777269;padding:0 0 6px}.actions span{margin-left:8px}.sources{font-size:13px;line-height:1.6;color:var(--muted);margin-top:20px}.arrival{opacity:0;pointer-events:none;top:20vh}.stage-bottom{position:absolute;bottom:25px;left:var(--p);right:var(--p);display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.08em}.stage-bottom span,.stage-bottom a{background:rgba(247,245,239,.8);padding:8px 10px}.scroll-hint span{font-size:19px;background:transparent}.reading{position:relative;display:grid;grid-template-columns:1fr 1.4fr;gap:9vw;padding:110px var(--p) 120px;background:var(--paper);border-top:1px solid var(--line)}.reading h2{font-size:clamp(44px,4.5vw,78px)}.page-number{display:block;color:var(--muted);margin-top:70px;font-family:Georgia,serif;font-size:22px}.reading-text{max-width:760px}.reading-text p{font-family:Georgia,serif;font-size:clamp(21px,1.9vw,29px);line-height:1.6;margin:0 0 32px;color:#4b4943}.reading-text .definition{color:var(--ink);font-size:clamp(25px,2.3vw,35px)}.back,.continue{display:inline-block;font-size:14px;border-bottom:1px solid var(--line);padding:8px 0;margin-top:20px}.continue{margin-right:26px}footer{margin:0 var(--p);border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:.12em;color:var(--muted)}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:35px;width:min(750px,calc(100% - 32px));max-height:85vh}dialog::backdrop{background:rgba(24,24,20,.4);backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.2em}.dialog-head button{border:0;background:none;font-size:32px}dialog nav a{position:relative;display:block;border-top:1px solid var(--line);margin-top:30px;padding:24px 40px 12px 0;font-family:Georgia,serif;font-size:32px}dialog small{display:block;font:12px Arial,sans-serif;letter-spacing:.14em;margin-bottom:15px}dialog nav span{position:absolute;right:0;top:50%}@media(min-width:1000px) and (max-height:760px){.copy{top:100px}h1{font-size:9.8vh}.lead{font-size:17px;max-width:580px;margin:15px 0}.lead-note{margin:-4px 0 14px}.hero-points{gap:5px;margin-bottom:14px}.hero-points li{font-size:13px;line-height:1.32}.sources{margin-top:12px}.eyebrow{margin-bottom:14px}}@media(max-width:760px){.header{height:65px}.brand{font-size:12px}.brand img{height:26px}.header button{font-size:14px}.journey{height:285svh}.copy{top:94px;left:24px;right:24px;width:auto;max-width:none}.eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:18px}.eyebrow [lang=he]{font-size:15px}.divider{padding:0 4px}h1{font-size:clamp(44px,10.8vw,77px);line-height:1.01;letter-spacing:-.05em}.lead{font-size:17px;line-height:1.48;max-width:100%;margin:19px 0 16px}.lead-note{font-size:12px;margin:-6px 0 16px}.hero-points{gap:9px;margin-bottom:18px}.hero-points li{font-size:14px;line-height:1.4}.actions{font-size:14px;gap:22px}.sources{font-size:11px;max-width:310px;margin-top:15px}.scene{object-fit:cover;object-position:72% bottom;top:30%;height:70%;mask-image:linear-gradient(transparent,black 25%)}.intro{background:linear-gradient(var(--paper) 30%,rgba(247,245,239,.94) 76%,transparent);padding-bottom:20px}.arrival{top:100px}.arrival h2{font-size:16vw}.stage-bottom{bottom:15px;left:16px;right:16px;font-size:10px}.stage-bottom span,.stage-bottom a{padding:7px}.reading{display:block;padding:75px 24px}.reading-label{margin-bottom:40px}.reading h2{font-size:52px}.reading .page-number{display:none}.reading-text p{font-size:21px}.reading-text .definition{font-size:25px}footer{font-size:10px;letter-spacing:.06em;line-height:1.5}}@media(max-height:460px){.header{height:56px}.copy{top:64px}.eyebrow{margin-bottom:6px}h1{font-size:clamp(26px,6vh,40px);line-height:1.05}.lead{font-size:15px;line-height:1.35;margin:6px 0 8px}.lead-note{margin:-4px 0 6px}.hero-points{display:none}.sources{margin-top:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey{height:auto}.stage{position:relative;min-height:900px;height:100svh}.scene{will-change:auto}.ararat{display:none}.arrival{display:none}} 

.riga>img,.riga>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:inherit}.riga>video{opacity:0;transition:opacity .25s}.riga>video.ready{opacity:1}@media(max-width:760px){.stage-bottom{gap:5px}.stage-bottom .scroll-hint{max-width:105px}}
.transition-media{opacity:0;object-fit:cover;object-position:center;z-index:1}
.ararat{z-index:2}
@media(max-width:760px){.transition-media{top:0;height:100%;mask-image:none;object-fit:cover;object-position:center}}
.transition-canvas{opacity:0;object-fit:cover;object-position:center;z-index:1}
@media(max-width:760px){.transition-canvas{top:0;height:100%;mask-image:none;object-fit:cover;object-position:center}}

/* The chapter title lives in the illustrated scene. The body copy is a page
   that rises over the scene during the final stretch of the journey. */
.arrival{z-index:3;width:min(56%,740px);padding:24px 35px 28px 0;background:linear-gradient(90deg,rgba(247,245,239,.94),rgba(247,245,239,.74) 74%,transparent)}
.arrival h2{font-size:clamp(62px,7vw,116px)}
.reading{z-index:4;display:block;margin-top:-48svh;padding:105px max(var(--p),calc((100vw - 1180px)/2)) 130px;background:var(--paper);box-shadow:0 -24px 55px rgba(36,33,28,.08)}
.reading-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reading-text{max-width:920px;margin:auto}
@media(max-width:760px){.arrival{top:88px;left:24px;right:24px;width:auto;padding:14px 0 20px;background:linear-gradient(90deg,rgba(247,245,239,.96),rgba(247,245,239,.76) 85%,transparent)}.arrival h2{font-size:clamp(48px,13vw,78px)}.reading{margin-top:-38svh;padding:70px 24px 100px}.reading-text{max-width:unset}}
@media(prefers-reduced-motion:reduce){.reading{margin-top:0}.reading-label{position:static;width:auto;height:auto;padding:0;margin:0 0 40px;overflow:visible;clip:auto;white-space:normal}}

/* An independent final page: future chapters can always be inserted before it. */
.finale{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#1d2120;color:#f4eee1;display:flex;align-items:end;justify-content:center;padding:clamp(220px,31vw,430px) var(--p) clamp(70px,8vh,130px)}
.finale::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 4%,rgba(178,155,108,.12),transparent 55%),linear-gradient(180deg,rgba(8,13,13,.15),transparent 45%)}
.finale-figures{position:absolute;z-index:-1;top:7%;left:50%;width:min(100%,1728px);aspect-ratio:1728/1024;transform:translateX(-50%);pointer-events:none}
.finale-figure{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:transform 1.3s cubic-bezier(.18,.73,.18,1),opacity .8s ease}
.finale-left{clip-path:inset(0 50% 0 0);transform:translateX(-16%)}
.finale-right{clip-path:inset(0 0 0 50%);transform:translateX(16%)}
.finale.is-visible .finale-figure{transform:translateX(0);opacity:1}
.finale-content{position:relative;z-index:1;width:min(100%,640px);text-align:center;opacity:0;transform:translateY(30px);transition:opacity .8s .55s ease,transform .9s .55s ease}
.finale.is-visible .finale-content{opacity:1;transform:translateY(0)}
.finale .eyebrow{color:#cdbb94;margin-bottom:20px}
.finale h2{font-size:clamp(54px,7.5vw,112px);line-height:.96;letter-spacing:-.065em}
.finale h2 em{font-weight:400}
.finale-desc{font-family:Georgia,serif;font-size:clamp(17px,1.45vw,21px);line-height:1.5;max-width:500px;margin:24px auto 31px;color:#e7e1d6}
#subscribe-form{max-width:540px;margin:auto;text-align:left}
#subscribe-form label{display:block;font-size:14px;line-height:1.5;margin-bottom:9px}
.finale-fields{display:flex;gap:9px}
.finale-fields input{min-width:0;flex:1;border:1px solid #b5b5aa;background:#f7f5ef;color:#24211c;border-radius:0;padding:16px;font:16px Arial,sans-serif}
.finale-fields input:focus-visible{outline:2px solid #e0bc78;outline-offset:2px}
.finale-fields button{background:#cfad75;color:#24211c;border:0;border-radius:0;padding:14px 19px;font-size:15px;white-space:nowrap;min-height:52px}
.finale-fields button:disabled{opacity:.6;cursor:wait}
.finale-privacy{font-size:12px;line-height:1.6;color:#c3c3b7;margin:15px 0 0}
.finale-privacy a{text-decoration:underline;text-underline-offset:3px}
.finale-status{font-size:14px;line-height:1.5;min-height:1.5em;color:#f1d5a2;margin:15px 0 0}
.finale-trap{position:absolute;left:-9999px;opacity:0;pointer-events:none}
@media(max-width:760px){.finale{min-height:100svh;padding:clamp(250px,42vh,410px) 24px 62px;align-items:end}.finale-figures{width:max(100%,860px);top:5%;aspect-ratio:1728/1024}.finale h2{font-size:clamp(54px,15vw,82px)}.finale-desc{font-size:17px;margin:19px auto 25px}.finale-fields{flex-direction:column}.finale-fields input,.finale-fields button{width:100%;min-height:52px}.finale-fields button{text-align:center}}
@media(prefers-reduced-motion:reduce){.finale-figure,.finale-content{transition:none;opacity:1;transform:none}}
.finale-dim{position:fixed;inset:0;z-index:5;background:#111514;opacity:0;pointer-events:none;will-change:opacity}
.finale{z-index:6}
.finale-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;transition:opacity .36s ease}
.finale.has-motion .finale-video.ready{opacity:1}
.finale.has-motion .finale-figure{opacity:0;transform:none;transition:none}
.finale.has-motion .finale-content{transition-delay:2.5s}
@media(prefers-reduced-motion:reduce){.finale-video{display:none}.finale.has-motion .finale-figure{opacity:1}}

/* Keep the original painted background: no chroma key, no cutout edges. */
.finale{background:#f2e4d6;color:#24211c;min-height:100svh;padding:clamp(380px,48vh,520px) var(--p) clamp(55px,7vh,105px)}
.finale-figures{inset:0;top:0;left:0;width:100%;height:100%;aspect-ratio:auto;transform:none;z-index:0}
.finale-video,.finale-figure{object-fit:cover;object-position:center center}
.finale::before{z-index:1;background:linear-gradient(180deg,transparent 22%,rgba(242,228,214,.08) 39%,rgba(242,228,214,.92) 62%,#f2e4d6 88%)}
.finale-content{z-index:2}
.finale .eyebrow{color:#746448}
.finale-desc{color:#51483e}
.finale-fields input{background:#fffaf2;border-color:#8e806e}
.finale-fields button{background:#8b693d;color:#fffaf0}
.finale-privacy{color:#665e52}
.finale-status{color:#6b512c}
.finale-dim{background:#796b57}
@media(max-width:760px){
 .finale{padding:clamp(245px,42vh,380px) 24px 70px}
 .finale-figures{top:45px;left:0;width:100%;height:min(40vh,350px);aspect-ratio:auto}
 .finale-video,.finale-figure{object-fit:contain;object-position:center top}
 .finale::before{background:linear-gradient(180deg,transparent 15%,rgba(242,228,214,.82) 38%,#f2e4d6 56%)}
 .finale-content{width:100%}
}

/* Fit the illustration and the entire message in the viewport on wide screens. */
@media(min-width:761px){
 .finale{height:100svh;min-height:0;padding:0 var(--p) clamp(16px,3vh,40px);align-items:flex-end}
 .finale-figures{top:0;left:50%;width:min(100%,240svh);height:min(50svh,460px);transform:translateX(-50%);overflow:hidden}
 .finale-video,.finale-figure{width:100%;height:auto;object-fit:contain;object-position:center top}
 .finale-content{width:min(720px,100%)}
 .finale h2{font-size:clamp(58px,min(6.2vw,10vh),94px)}
 .finale-desc{margin:16px auto 22px}
 #subscribe-form{max-width:680px}
 .finale::before{background:linear-gradient(180deg,transparent 30%,rgba(242,228,214,.15) 48%,#f2e4d6 65%)}
}
@media(min-width:761px) and (max-height:700px){
 .finale{padding-bottom:12px}
 .finale-figures{height:52svh}
 .finale-content{width:min(760px,100%)}
 .finale h2{font-size:clamp(38px,8vh,54px);line-height:1}
 .finale h2 br{display:none}
 .finale .eyebrow{margin-bottom:5px}
 .finale-desc{font-size:15px;line-height:1.28;max-width:720px;margin:7px auto 10px}
 #subscribe-form{max-width:700px}
 #subscribe-form label{margin-bottom:4px}
 .finale-fields input,.finale-fields button{min-height:42px;padding-top:9px;padding-bottom:9px}
 .finale-privacy,.finale-status{margin-top:7px}
 .finale-privacy{font-size:11px;line-height:1.3}
 .finale::before{background:linear-gradient(180deg,transparent 34%,rgba(242,228,214,.6) 53%,#f2e4d6 69%)}
}
.finale.has-motion.motion-settling .finale-video{opacity:0;transition:opacity 1.2s ease}
.finale.has-motion.motion-settling .finale-figure{opacity:1;transition:opacity 1.2s ease}
