.journal-section{padding-bottom:64px}.journal-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.journal-intro p:last-child{margin:0;max-width:55ch;color:var(--muted)}.journal-reader{margin-top:35px;padding:34px 20px 22px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 55%,#3b2927,#141114 70%);border-radius:8px}.journal-stage{position:relative;aspect-ratio:1.35294;max-width:1000px;margin:auto;perspective:2200px;touch-action:pan-y;isolation:isolate}.journal-spread{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;opacity:0;transition:opacity .4s .25s;filter:drop-shadow(0 22px 22px #0009)}.journal-paper,.journal-turn>div{background-size:200% 100%;background-repeat:no-repeat;background-color:#d0ccc0}.journal-left{border-radius:6px 0 0 6px}.journal-right{border-radius:0 6px 6px 0}.journal-spread:after{content:'';position:absolute;left:48%;top:1%;bottom:1%;width:4%;pointer-events:none;background:linear-gradient(90deg,transparent,#0008,transparent)}.journal-cover{position:absolute;inset:0 auto 0 25%;width:50%;border:0;border-radius:6px 15px 15px 5px;background:#251813 url('assets/journal/cover.webp') center/100% 100%;box-shadow:inset 12px 0 18px #0007,6px 7px 0 #a99b7d,10px 12px 0 #2a1b16,0 30px 50px #000b;color:#dbc19b;cursor:pointer;transform-origin:left center;transition:transform .8s ease,left .35s ease,opacity .25s .55s;backface-visibility:hidden;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10%;text-shadow:0 2px 2px #000}.journal-cover:before{content:'';position:absolute;inset:5%;border:1px solid #c8a46a55;border-radius:3px;pointer-events:none}.journal-cover .cover-kicker{font:10px/1.6 'Plus Jakarta Sans',sans-serif;letter-spacing:.23em;text-transform:uppercase;color:#c9b18b}.journal-cover .cover-title{font:italic clamp(25px,4.8vw,53px)/1.15 Georgia,serif;display:block;margin:18px 0 25px}.journal-cover .cover-rule{height:1px;width:52px;background:#b49a6c;box-shadow:0 1px 2px #000}.journal-cover .cover-open{font:12px/1.5 'Plus Jakarta Sans',sans-serif;letter-spacing:.12em;margin-top:50px;text-transform:uppercase}.is-open .journal-cover{left:50%;transform:rotateY(-168deg);opacity:0;pointer-events:none}.is-open .journal-spread{opacity:1}.journal-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:30px auto 0}.journal-controls button,.journal-controls select,.journal-dialog button{font:500 13px/1.5 'Plus Jakarta Sans',Arial,sans-serif;color:var(--paper);background:#20191d;border:1px solid #79525e;padding:10px 15px;border-radius:3px;cursor:pointer}.journal-controls button:hover:not(:disabled){background:#47232d}.journal-controls button:disabled,.journal-controls select:disabled{opacity:.38;cursor:default}.journal-controls :focus-visible,.journal-cover:focus-visible,.journal-dialog button:focus-visible{outline:2px solid var(--pink);outline-offset:5px}.journal-status{text-align:center;font-size:12px;color:var(--muted);margin:17px 0 0;min-height:22px}.journal-help{text-align:center;color:#b8a9ae;font-size:12px;margin:4px 0 0}.journal-turn{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.3,.1,.2,1);z-index:4}.journal-turn[hidden]{display:none}.journal-turn>div{position:absolute;inset:0;backface-visibility:hidden}.journal-turn .turn-back{transform:rotateY(180deg)}.journal-turn.forward{left:50%;transform-origin:left center}.journal-turn.forward.turning{transform:rotateY(-180deg)}.journal-turn.backward{left:0;transform-origin:right center}.journal-turn.backward.turning{transform:rotateY(180deg)}.journal-turn>div:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0002,transparent 18%,#0004);pointer-events:none}.journal-dialog{border:1px solid #79525e;background:#171317;color:var(--paper);max-width:96vw;width:1450px;max-height:94vh;padding:16px;overscroll-behavior:contain}.journal-dialog::backdrop{background:#050306e8}.journal-dialog header{position:sticky;top:0;background:#171317;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:12px;z-index:2}.journal-dialog h3{font:24px Georgia,serif;margin:0}.journal-zoom-scroll{overflow:auto;max-height:76vh}.journal-zoom-scroll img{display:block;width:1400px;max-width:none;height:auto}.journal-text{margin-top:20px;color:var(--muted);font-size:14px}.journal-text summary{cursor:pointer;color:var(--pink)}.journal-text details{padding:12px 0;border-bottom:1px solid var(--line)}.journal-text h3{font:24px Georgia,serif;color:var(--paper)}.author-full{display:grid;grid-template-columns:32% 1fr;gap:40px}.author-full p:not(.eyebrow){margin:0 0 20px;max-width:67ch}.author-full p:last-child{margin-bottom:0}.site-header nav{gap:22px}
@media(max-width:850px){.site-header nav{gap:14px;font-size:11px}.journal-intro{grid-template-columns:1fr;gap:0}.author-full{grid-template-columns:1fr;gap:8px}}@media(max-width:650px){.journal-reader{padding:20px 10px}.journal-stage{aspect-ratio:.67647;max-width:440px}.journal-spread{display:block}.journal-paper{position:absolute;inset:0}.journal-left,.journal-right{border-radius:5px}.journal-stage[data-side="0"] .journal-right{display:none}.journal-stage[data-side="1"] .journal-left{display:none}.journal-spread:after{display:none}.journal-cover{left:0;width:100%;padding:15%}.journal-cover .cover-title{font-size:44px}.journal-cover .cover-kicker{font-size:10px}.journal-cover .cover-open{margin-top:50px}.is-open .journal-cover{left:0;transform:rotateY(-100deg)}.journal-controls{gap:8px;margin-top:22px}.journal-controls button,.journal-controls select{font-size:12px;padding:9px 11px}.journal-controls select{max-width:100%}.journal-intro h2{font-size:36px}.journal-dialog h3{font-size:20px}.mobile-next .journal-spread{animation:page-next .34s ease}.mobile-prev .journal-spread{animation:page-prev .34s ease}@keyframes page-next{50%{transform:rotateY(-55deg);opacity:.4}}@keyframes page-prev{50%{transform:rotateY(55deg);opacity:.4}}}
@media(prefers-reduced-motion:reduce){.journal-cover,.journal-spread,.journal-turn{transition:none!important}.mobile-next .journal-spread,.mobile-prev .journal-spread{animation:none!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}