body.visual-journal{--font-serif: "Iowan Old Style", "Palatino Nova", Palatino, "Book Antiqua", Georgia, serif;--font-sans: "Avenir Next", "Helvetica Neue", Arial, sans-serif;--paper: #faf8f4;--card: #fffdf9;--ink: #211d19;--ink-soft: #6b645c;--ink-faint: #776f67;--hairline: rgba(33, 29, 25, .14);--ph-a: #e7e1d8;--ph-b: #d8d1c5;--ease: cubic-bezier(.22, .61, .36, 1)}[data-theme=dark] body.visual-journal{--paper: #161311;--card: #1c1916;--ink: #ece7df;--ink-soft: #a49b90;--ink-faint: #8a847c;--hairline: rgba(236, 231, 223, .16);--ph-a: #262220;--ph-b: #322d29}html:has(body.visual-journal){scroll-behavior:smooth}body.visual-journal{background:var(--paper);color:var(--ink);font-family:var(--font-serif);font-size:19px;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background .5s var(--ease),color .5s var(--ease)}body.visual-journal ::-moz-selection{background:var(--ink);color:var(--paper)}body.visual-journal ::selection{background:var(--ink);color:var(--paper)}.kicker{font-family:var(--font-sans);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.ph{position:relative;width:100%;height:100%;background:linear-gradient(160deg,var(--ph-a),var(--ph-b));overflow:hidden}.ph:after{content:"";position:absolute;inset:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.055'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ph>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-sans);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}.tone-path{--ph-a: #e4ddd2;--ph-b: #d2c9ba}.tone-light{--ph-a: #ece4d4;--ph-b: #ddd0b8}.tone-water{--ph-a: #dde0dd;--ph-b: #c8cfcc}.tone-horizon{--ph-a: #e3ded6;--ph-b: #cfc4bd}[data-theme=dark] .tone-path{--ph-a: #272320;--ph-b: #332d27}[data-theme=dark] .tone-light{--ph-a: #2b2620;--ph-b: #3a3226}[data-theme=dark] .tone-water{--ph-a: #222524;--ph-b: #2e3331}[data-theme=dark] .tone-horizon{--ph-a: #282420;--ph-b: #362f2b}dialog.sheet::backdrop{background:transparent}@keyframes sheet-in{0%{opacity:0;transform:translateY(-18px) scale(.975)}to{opacity:1;transform:none}}@keyframes sheet-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px) scale(.985)}}dialog.sheet[open]{animation:sheet-in .6s var(--ease)}dialog.sheet.is-closing{animation:sheet-out .35s var(--ease) forwards}dialog.sheet-takeover.is-closing:has(.cascade-item){animation-duration:.5s;animation-delay:.35s}dialog.sheet.is-morphing[open],dialog.sheet.is-morphing.is-closing{animation:none}@keyframes cascade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes cascade-out{to{opacity:0;transform:translateY(-12px)}}dialog.sheet[open] .cascade-item{animation:cascade-in .65s var(--ease) both;animation-delay:calc(.12s + var(--i) * 90ms)}dialog.sheet.is-closing .cascade-item{animation:cascade-out .45s var(--ease) both;animation-delay:calc(var(--ri, 0) * 70ms)}.menu-peek{position:fixed;left:0;top:0;z-index:0;width:clamp(150px,16vw,220px);aspect-ratio:4 / 5;pointer-events:none;opacity:0;transition:opacity .45s var(--ease),transform .3s cubic-bezier(.16,1,.3,1)}.menu-peek.is-visible{opacity:.6}.menu-peek>*{position:absolute;inset:0;opacity:0}.menu-peek>.is-active{opacity:1}.veil-blur,.veil-clear{position:absolute;inset:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.veil-blur{filter:blur(26px) saturate(.55) contrast(.94);transform:scale(1.12)}.veil{--x: 50%;--y: 50%;--r: 0px}.veil-clear{-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#000 0%,#000 62%,rgba(0,0,0,.5) 81%,rgba(0,0,0,.12) 93%,transparent 100%);mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#000 0%,#000 62%,rgba(0,0,0,.5) 81%,rgba(0,0,0,.12) 93%,transparent 100%)}.chapter-mark{position:relative}.chapter-mark .mark-rule{display:block;width:16px;border-color:var(--ink-faint);transition:width .5s var(--ease),border-color .5s var(--ease),border-top-width .5s var(--ease)}.chapter-mark .mark-name{position:absolute;left:28px;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;color:var(--ink-faint);transition:opacity .4s var(--ease),color .4s var(--ease),transform .5s var(--ease)}.chapter-aside:hover .mark-name,.chapter-aside:focus-within .mark-name{opacity:1}.chapter-mark.is-here .mark-rule{width:34px;border-top-width:2px;border-color:var(--ink)}.chapter-mark.is-here .mark-name{opacity:1;color:var(--ink-soft);transform:translateY(-50%) translate(12px)}.reveal{opacity:0;transform:translateY(18px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}.reveal.is-visible,html.instant .reveal{opacity:1;transform:none}html.instant *,html.instant *:after{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){html:has(body.visual-journal){scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}dialog.sheet[open],dialog.sheet.is-closing{animation:none}dialog.sheet .cascade-item{animation:none}}body.visual-journal img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sheet-fade{position:sticky;background:linear-gradient(to bottom,var(--paper) 0%,color-mix(in oklab,var(--paper) 82%,transparent) 42%,transparent 100%)}.sheet-fade:before,.sheet-fade:after{content:"";position:absolute;inset:0;pointer-events:none}.sheet-fade:before{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 38%);mask-image:linear-gradient(to bottom,#000 0%,transparent 38%)}.sheet-fade:after{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);-webkit-mask-image:linear-gradient(to bottom,#000 18%,transparent 82%);mask-image:linear-gradient(to bottom,#000 18%,transparent 82%)}@supports not (backdrop-filter: blur(1px)){.sheet-fade:before,.sheet-fade:after{display:none}}@media(min-width:64rem){.hero-baseline{align-self:flex-end;align-self:last baseline}}body.visual-journal{height:auto;text-shadow:none;font-variant-ligatures:normal}html:has(body.visual-journal){height:auto}body.visual-journal .font-serif{font-family:var(--font-serif)}body.visual-journal .font-sans{font-family:var(--font-sans)}
