.page-notes{background:#e7e4da}
.page-notes .without-rail.page-grid{overflow:visible}
.journal-heading{width:min(1480px,calc(100% - 96px));margin:0 auto;padding:54px 0 34px}
.journal-heading h1{font-size:clamp(48px,5.5vw,82px);font-weight:400;letter-spacing:-.05em;line-height:1.02}
.journal-heading>p:last-child{font-size:20px;margin-top:16px}
.journal-field{padding:24px clamp(24px,4vw,90px) 80px;background:radial-gradient(ellipse at center,#f2efe6 0,#e2ded2 72%,#d8d3c7 100%)}
.journal-book{width:min(1740px,100%);margin:auto;position:relative;--journal-turn-duration:640ms}
.journal-pages{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#f5f1e7;box-shadow:0 28px 65px #101e3026,0 6px 0 #d0cabe;border:1px solid #c8c0b0;position:relative;isolation:isolate}
.journal-pages:after{content:"";position:absolute;z-index:5;inset:0 auto 0 50%;width:32px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#867d6d24,transparent);pointer-events:none}
.journal-page{box-sizing:border-box;min-width:0;min-height:790px;position:relative;padding:clamp(42px,4vw,78px) clamp(38px,4.2vw,84px) 70px;background-color:#f7f3e9;background-image:repeating-linear-gradient(0deg,transparent 0 31px,#5d789014 32px);color:var(--navy)}
.journal-page:nth-child(even){box-shadow:inset 12px 0 24px #6c62531c}
.journal-page:nth-child(odd){box-shadow:inset -12px 0 24px #6c62531c}
.journal-js .journal-pages{height:880px;overflow:hidden;perspective:2400px;perspective-origin:50% 48%}
.journal-js .journal-page{height:100%;min-height:0}
.journal-js .journal-page[hidden],.journal-turn-sheet[hidden],.journal-turn-underlay[hidden]{display:none}
.journal-page-number{position:absolute;bottom:24px;left:50%;font:13px/1 var(--sans);color:var(--muted)}
.journal-kicker{font:11px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.journal-page h2{font-size:clamp(32px,3vw,52px);font-weight:400;letter-spacing:-.035em;line-height:1.08;margin:0 0 30px}
.journal-page h2:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.journal-prose{max-width:65ch}
.journal-prose p{font-size:clamp(16px,1.15vw,19px);line-height:1.58;color:#344253}
.journal-prose p+p{margin-top:12px}
.journal-prose section{position:relative;margin-top:0}
.journal-prose h3{font:400 26px/1.2 var(--serif);margin:0 0 16px}
.journal-prose section>h2{font-size:31px;margin-bottom:16px}
.journal-margin-note,.journal-annotation{font:italic 18px/1.3 var(--serif);color:#7b4c27;transform:rotate(-3deg)}
.journal-margin-note{position:absolute;right:8%;top:65%;max-width:9ch}
.journal-annotation{margin:18px 0 0 auto;width:max-content;max-width:70%;border-bottom:1px solid #8c562b70;padding:0 10px 5px}
.journal-circle{position:absolute;width:150px;height:70px;border:2px solid #8c562b70;border-radius:50%;right:5%;top:61%;transform:rotate(-8deg);pointer-events:none}
.journal-page-doodles{overflow:hidden}
.journal-page-doodles h2{max-width:12ch;position:relative;z-index:2}
.journal-doodle{position:absolute;inset:12% 3% auto;width:94%;height:auto;color:#7d6d58;opacity:.64}
.journal-doodle .journal-blue{stroke:#286b91}
.journal-doodle .journal-cross{stroke:#8c562b}
.thought-fragments{position:relative;min-height:488px;list-style:none;margin:0;padding:0;font:italic clamp(15px,1.2vw,20px)/1.2 var(--serif);color:#47596c}
.fragment{position:absolute;padding:5px 8px;border-bottom:1px solid #8c562b60;transform:rotate(-4deg)}
.f1{left:3%;top:8%}
.f2{right:7%;top:3%;transform:rotate(5deg)}
.f3{left:17%;top:27%}
.f4{right:20%;top:23%;transform:rotate(-7deg)}
.f5{left:40%;top:40%;border:1px solid #8c562b77;border-radius:50%;padding:16px}
.f6{right:2%;top:45%}
.f7{left:4%;top:57%;transform:rotate(3deg)}
.f8{right:17%;top:62%}
.f9{left:27%;top:70%;transform:rotate(-8deg)}
.f10{right:1%;top:77%;transform:rotate(4deg)}
.f11{left:0;top:84%;transform:rotate(2deg)}
.f12{left:43%;top:91%;transform:rotate(-2deg)}
.crossed{text-decoration:line-through 2px #8c562b}
.journal-truth-label{margin:12px 0 0;font:11px/1.5 var(--sans);color:var(--muted)}
.journal-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:28px}
.journal-controls button{min-height:48px;border:1px solid #6e747b;background:#f6f2e8;color:var(--navy);font:15px/1.3 var(--sans);padding:12px 18px;cursor:pointer}
.journal-controls button:last-child{justify-self:end}
.journal-controls button:disabled{opacity:.42;cursor:default}
.journal-controls button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.journal-controls p{font:13px/1.4 var(--sans);color:var(--muted)}
.journal-noscript{margin-top:22px;font:14px/1.5 var(--sans)}

.journal-turn-underlay{position:absolute;z-index:4;top:0;bottom:0;width:50%;pointer-events:none;overflow:hidden}
.journal-turn-underlay.is-underlay-right{left:50%}
.journal-turn-underlay.is-underlay-left{left:0}
.journal-turn-underlay .journal-page{width:100%;height:100%;min-height:0}
.journal-turn-sheet{position:absolute;z-index:9;top:0;bottom:0;width:50%;transform-style:preserve-3d;pointer-events:none;will-change:transform}
.journal-turn-sheet.is-turning-forward{left:50%;transform-origin:left center;animation:journal-turn-forward var(--journal-turn-duration) cubic-bezier(.48,.03,.22,.99) both}
.journal-turn-sheet.is-turning-backward{left:0;transform-origin:right center;animation:journal-turn-backward var(--journal-turn-duration) cubic-bezier(.48,.03,.22,.99) both}
.journal-turn-face{position:absolute!important;inset:0;min-height:0!important;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.journal-turn-front{z-index:2}
.journal-turn-back{z-index:1;transform:rotateY(180deg)}
.journal-turn-sheet.is-turning-forward .journal-turn-front{box-shadow:-18px 8px 34px #18233130,inset 12px 0 22px #6c62531c}
.journal-turn-sheet.is-turning-forward .journal-turn-back{box-shadow:18px 8px 34px #18233126,inset -12px 0 22px #6c62531c}
.journal-turn-sheet.is-turning-backward .journal-turn-front{box-shadow:18px 8px 34px #18233130,inset -12px 0 22px #6c62531c}
.journal-turn-sheet.is-turning-backward .journal-turn-back{box-shadow:-18px 8px 34px #18233126,inset 12px 0 22px #6c62531c}
.journal-pages.is-turning .journal-turn-face:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#463d3024,transparent 24%,transparent 76%,#463d3018);pointer-events:none}

@keyframes journal-turn-forward{
 0%{transform:rotateY(0deg)}
 42%{transform:rotateY(-72deg)}
 54%{transform:rotateY(-102deg)}
 100%{transform:rotateY(-180deg)}
}
@keyframes journal-turn-backward{
 0%{transform:rotateY(0deg)}
 42%{transform:rotateY(72deg)}
 54%{transform:rotateY(102deg)}
 100%{transform:rotateY(180deg)}
}

@media(min-width:1800px){
 .journal-js .journal-pages{height:920px}
 .journal-page{padding-inline:clamp(70px,4.4vw,110px)}
 .journal-prose{max-width:70ch}
}

@media(max-width:1100px){
 .journal-field{padding-inline:26px}
 .journal-js .journal-pages{height:820px}
 .journal-page{min-height:760px;padding:48px 38px 64px}
 .journal-js .journal-page{min-height:0}
 .journal-margin-note,.journal-circle{display:none}
 .journal-prose p{font-size:16px;line-height:1.54}
 .thought-fragments{min-height:480px}
}

@media(max-width:700px){
 .journal-heading{width:calc(100% - 48px);padding:38px 0 24px}
 .journal-heading h1{font-size:48px}
 .journal-heading>p:last-child{font-size:18px}
 .journal-field{padding:12px 14px 55px}
 .journal-pages{display:block}
 .journal-pages:after{display:none}
 .journal-js .journal-pages{height:820px;overflow:hidden;perspective:1800px}
 .journal-page{min-height:820px;padding:40px 24px 62px;box-shadow:none!important}
 .journal-js .journal-page{height:100%;min-height:0}
 .journal-page h2{font-size:34px;margin-bottom:24px}
 .journal-prose p{font-size:16px;line-height:1.52}
 .journal-prose p+p{margin-top:10px}
 .journal-annotation{position:static;max-width:100%;font-size:16px;margin-top:14px}
 .journal-page-doodles{min-height:820px}
 .journal-js .journal-page-doodles{min-height:0}
 .journal-doodle{top:17%;left:0;width:100%}
 .thought-fragments{min-height:480px;font-size:16px}
 .f3{top:23%}
 .f4{top:27%}
 .f5{left:36%;top:39%}
 .f6{top:44%}
 .f7{top:55%}
 .f8{top:60%}
 .f9{left:25%;top:68%}
 .f10{right:0;top:75%}
 .f11{top:82%}
 .f12{left:30%;top:89%}
 .journal-controls{grid-template-columns:1fr 1fr;gap:10px}
 .journal-controls p{grid-column:1/-1;grid-row:1;text-align:center}
 .journal-controls button{width:100%;font-size:14px}
 .journal-controls button:last-child{justify-self:stretch}
 .journal-truth-label{margin-top:12px}
 .journal-page-number{bottom:20px}
 .journal-turn-sheet{left:0!important;width:100%}
 .journal-turn-underlay{left:0!important;width:100%}
 .journal-turn-sheet.is-turning-forward{transform-origin:left center}
 .journal-turn-sheet.is-turning-backward{transform-origin:right center}
}

@media(prefers-reduced-motion:reduce){
 .journal-turn-sheet{animation:none!important}
 .journal-controls button{transition:none}
}