/* Scroll changes the paintings; the page keeps its natural reading flow. */
:root{--nav-height:86px;--motion-gold:#af9253}
@media(max-width:850px){:root{--nav-height:78px}}
@media(max-width:650px){:root{--nav-height:76px}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:120ms ease-out both page-leave}
::view-transition-new(root){animation:180ms ease-out both page-enter}
@keyframes page-leave{to{opacity:0}}
@keyframes page-enter{from{opacity:.4}to{opacity:1}}
.opening{margin:auto}
.opening:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:65px;pointer-events:none;background:linear-gradient(transparent,var(--paper));z-index:2}
.story-prologue{padding:75px var(--gutter) 40px}
.story-prologue>p:not(.eyebrow){font-size:14px;color:#60705f;line-height:1.9;max-width:620px;margin:26px auto 0}
.story-site .story-journey{display:block;overflow:visible;max-width:1680px}
.story-site .journey-stage{display:none}
.story-site .story-beat{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:6%;min-height:0;padding:70px var(--gutter);scroll-margin-top:calc(var(--nav-height) + 24px)}
.story-site .story-beat>div{max-width:460px;padding:0;margin:0;position:static}
.story-site .story-beat .mobile-scene{display:block;align-self:center;position:relative;overflow:hidden}
.story-site .mobile-scene>img{width:100%;height:auto}
.motion-enabled .story-journey{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;padding-top:20px}
.motion-enabled .journey-stage{display:block;grid-column:2;grid-row:1;position:sticky;top:max(calc(var(--nav-height) + 20px),calc((100svh - 39vw)/2));height:clamp(350px,39vw,620px);min-height:0;max-height:none;background:var(--paper);overflow:hidden;margin-right:24px;isolation:isolate}
.motion-enabled .scene-image{inset:0;width:100%;height:100%;overflow:hidden;background:var(--paper);transition:none;will-change:opacity}
.scene-image>img,.scene-image>canvas,.scene-image>video{object-fit:contain;object-position:center;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
.motion-enabled .journey-words{grid-column:1;grid-row:1}
.motion-enabled .story-beat{display:flex;align-items:center;min-height:clamp(630px,85svh,880px);padding:65px 45px 65px var(--gutter)}
.motion-enabled .story-beat .mobile-scene{display:none}
.journey-track{height:1px;left:6%;right:6%;bottom:2px;background:#b5bdab35;z-index:5}
.journey-track>span{background:#a98d4b}
.story-beat .journal-example{margin-top:25px;padding:21px 23px;background:#eee9da85;border-left:1px solid #c0ac79}
.journal-example>span,.tertius-example>span,.plan-example>span{display:flex;align-items:center;gap:8px;font-size:9px;color:#867249;letter-spacing:.04em}
.story-beat .journal-example blockquote{font:400 31px/1.35 Cormorant,Georgia,serif;margin:12px 0 0;color:#3e5242}
.week-example{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:27px 0 22px;padding:18px 0;border-top:1px solid #b9c2b350;border-bottom:1px solid #b9c2b350}
.week-example span,.week-example strong,.week-example small{display:block}
.week-example span{font-size:9px;color:#7a826d}.week-example strong{font-size:12px;font-weight:500;margin-top:10px;color:#4d604d}.week-example small{font-size:9px;margin-top:5px;color:#947d4e}
.tertius-example{border-left:2px solid #b49a5b;padding-left:18px}
.story-beat .tertius-example p{font:400 23px/1.4 Cormorant,Georgia,serif;margin-top:12px;color:#455b46}
.plan-example{margin-top:27px}.plan-example>div{background:#e8edde;border-left:2px solid #97a77c;padding:20px 22px;margin-top:12px}.plan-example time{font-size:10px;color:#748062}.plan-example h3{font-size:25px;margin:10px 0 0}.story-beat .plan-example p{font-size:12px;line-height:1.75;margin-top:10px}
.story-footnote{max-width:1680px;margin:auto;line-height:1.8}
/* Contexts keeps a short, reversible page turn and direct tab navigation. */
.contexts-hold{background:#f3eee3}
.contexts-section{max-width:1600px;margin:auto;align-items:start;position:relative;padding-bottom:65px}
.contexts-heading-hold{align-self:stretch;min-width:0}
.context-book-hold{min-width:0}
.motion-enabled:not(.motion-short) .context-book-hold{min-height:calc(440px + 55svh)}
.motion-enabled:not(.motion-short) .context-book{position:sticky;top:max(calc(var(--nav-height) + 30px),calc((100svh - 430px)/2))}
.motion-enabled:not(.motion-short) .contexts-heading{position:sticky;top:max(calc(var(--nav-height) + 45px),calc((100svh - 390px)/2))}
.context-book{transform:none;perspective:1400px}
.context-book #context-panel{padding:0;min-height:330px;background:#fbf8ef;transition:none;isolation:isolate}
.context-base,.context-leaf{padding:32px 35px 40px;min-height:330px;background:linear-gradient(90deg,#e3decd88,transparent 8%),#fbf8ef}
.context-book[data-season="1"] .context-base{background-color:#f0f2e4}
.context-book[data-season="2"] .context-base{background-color:#eaf0e9}
.context-leaf{position:absolute;inset:0;z-index:2;transform-origin:left center;backface-visibility:hidden;pointer-events:none;border-right:1px solid #c8bfaa;box-shadow:12px 4px 20px #4a492a16;will-change:transform}
.contexts-heading .eyebrow{margin-bottom:24px}.context-book-bottom{min-height:58px}.context-principle{margin-top:0}
.thread-base{fill:none;stroke:#c4c6b65c;stroke-width:1.2}
.thread-ink{fill:none;stroke:var(--motion-gold);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
/* Quiet continuity through the product, philosophy and Pact. Text stays still. */
.motion-art{transform:translate3d(0,var(--art-shift,0px),0);will-change:transform}
.motion-reading{position:relative}
.motion-reading:before{content:"";position:absolute;top:0;left:0;width:calc(var(--read,1)*100%);height:1px;background:#b299625e;pointer-events:none}
.motion-enso{mask-image:conic-gradient(from 315deg,#000 calc(var(--enso-draw,1)*360deg),transparent 0);will-change:auto}
.philosophy-art{position:relative;overflow:hidden;aspect-ratio:2206/946}
.philosophy-art img,.philosophy-art canvas,.philosophy-art video{width:100%;height:100%;object-fit:contain}
.philosophy-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 20px 15px var(--paper);pointer-events:none}
.desk-route{margin-top:30px;max-width:375px}
.desk-route>svg{display:block;width:100%;height:40px;overflow:visible}
.desk-route .thread-ink{stroke-dashoffset:calc(1 - var(--desk-gather,1))}
.desk-route circle{fill:var(--paper);stroke:#a58d51;stroke-width:1.2}
.desk-route .decision-ring{fill:var(--paper)}
.desk-confirmed .desk-route .decision-ring{fill:#a58d51}
.desk-route>div{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#6c785f}
.desk-native-guide{margin-top:28px}
.preview-calendar{border-radius:3px}
.preview-feedback{animation:kept 400ms ease-out both}
@keyframes kept{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
/* Follow the same captured page all the way into the Journal. */
.journal-flow{position:relative;isolation:isolate}
.journal-thread{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.4}
.journal-thread svg{display:block;width:100%;height:100%;overflow:visible}
.journal-thread .thread-ink{stroke-dashoffset:calc(1 - var(--journal-travel,1));stroke-width:1.4}
.page-transfer{position:absolute;z-index:3;width:38%;height:56%;left:1%;top:17%;padding:8% 4% 4%;background:#faf5e8;border:1px solid #d9d3c1;box-shadow:0 5px 15px #4b58321a;opacity:0;pointer-events:none;transform-origin:center}
.page-transfer .sample-ink{font-size:clamp(14px,1.7vw,24px);--ink-progress:1}
.page-transfer .ink-line{clip-path:none}
.motion-enabled .return-art .transfer-line{opacity:.7}

/* Product questions are readable HTML, including with JavaScript disabled. */
.journal-questions{max-width:1500px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;padding:80px var(--gutter)}
.journal-questions h2{font-size:clamp(35px,3.7vw,52px)}
.question-list details{border-bottom:1px solid #b5c1b15c}.question-list details:first-child{border-top:1px solid #b5c1b15c}
.question-list summary{position:relative;list-style:none;cursor:pointer;padding:23px 32px 23px 0;font-size:14px;line-height:1.6}.question-list summary::-webkit-details-marker{display:none}.question-list summary:after{content:"+";position:absolute;right:0;top:21px;font:400 23px Cormorant,serif;color:#8c794b}.question-list details[open] summary:after{content:"−"}
.question-list p{font-size:13px;line-height:1.9;color:#60705f;padding:0 25px 24px 0}.question-list a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1800px){.motion-enabled .journey-stage{top:max(calc(var(--nav-height) + 20px),calc((100svh - 620px)/2))}}
@media(max-width:1050px){.motion-enabled .story-beat{padding-left:30px;padding-right:25px}.motion-enabled .journey-stage{margin-right:12px;height:clamp(300px,39vw,620px)}.context-base,.context-leaf{padding:25px}.context-quote{font-size:31px}.week-example{gap:5px}.week-example small{font-size:8px}}
@media(max-width:850px) and (min-width:701px){.contexts-section{grid-template-columns:1fr 1fr;gap:30px;padding-left:30px;padding-right:30px}.contexts-heading h2{font-size:36px}.contexts-heading>p:last-child{font-size:12px}.context-tabs button{font-size:8px}.context-tabs{gap:7px;padding:4px 12px 0}.context-base,.context-leaf{padding:24px;min-height:340px}.context-quote{font-size:29px}.context-response{font-size:11px}.context-book-bottom>span{display:none}.context-book-bottom{justify-content:flex-end}.story-beat h2{font-size:36px}.story-beat p:not(.eyebrow){font-size:12px}}
@media(max-width:700px){
 .story-site .opening{position:relative;top:auto;display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding-bottom:0}
 .opening-copy{width:100%;max-width:none;padding:36px 24px 22px}.opening-copy h1{font-size:clamp(44px,11.9vw,63px);margin-bottom:20px}.opening-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;max-width:440px}.opening-copy .eyebrow{margin-bottom:20px;font-size:8px}.opening-copy .text-link{margin-top:24px}
 .story-site .opening>figure{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;margin:0;z-index:0}
 .opening>figure>img{display:block;width:100%;height:auto;object-fit:contain}.opening>figure>canvas,.opening>figure>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center!important}.opening:after{height:25px}
 .story-prologue{padding:48px 24px 16px}.story-prologue h2{font-size:37px}.story-prologue>p:not(.eyebrow){font-size:13px;margin-top:23px}
 .story-site .story-journey{display:block;padding:0}
 .story-site .journey-stage{display:none}
 .story-site .story-beat{display:block;min-height:0;padding:40px 0 10px;scroll-margin-top:calc(var(--nav-height) + 22px)}
 .story-site .story-beat>div{position:static;max-width:560px;padding:0 24px 28px;margin:auto}
 .story-site .story-beat .mobile-scene{display:block;margin:0 auto;max-width:700px;width:100%;height:auto;min-height:0;aspect-ratio:auto;transform-origin:center;overflow:hidden}
 .story-beat h2{font-size:41px;line-height:1.12}.story-beat p:not(.eyebrow){font-size:13px;line-height:1.85;margin-top:22px}.story-beat .eyebrow{font-size:8px;margin-bottom:20px}.story-beat .text-link{margin-top:24px}
 .story-beat .journal-example{margin-top:24px;padding:19px 21px}.story-beat .journal-example blockquote{font-size:29px}.week-example{margin-top:24px}.week-example small{font-size:9px}.story-beat .tertius-example p{font-size:24px;line-height:1.4}.story-beat .plan-example p{font-size:12px;margin-top:10px}
 .contexts-section{grid-template-columns:1fr;padding:48px 24px 45px;gap:28px}.motion-enabled:not(.motion-short) .contexts-heading{position:static}.contexts-heading h2{font-size:37px}.contexts-heading>p:last-child{font-size:13px;max-width:450px}
 .motion-enabled:not(.motion-short) .context-book-hold{min-height:calc(410px + 43svh)}.motion-enabled:not(.motion-short) .context-book{top:max(calc(var(--nav-height) + 25px),calc((100svh - 410px)/2))}
 .context-base,.context-leaf{min-height:285px;padding:26px}.context-book #context-panel{min-height:285px}.context-tabs{padding:5px 15px 0;gap:10px}.context-tabs button{font-size:9px}.context-quote{font-size:32px}.context-response{font-size:12px;line-height:1.8}.context-principle{font-size:13px}.context-book-bottom{padding:12px 15px}
 .desk-route{max-width:400px;margin-top:24px}.desk-route>div{font-size:8px}.journal-thread{opacity:.3}.page-transfer{height:49%;top:20%;padding-top:7%}.page-transfer .sample-ink{font-size:clamp(12px,3.6vw,21px)}
 .journal-questions{display:block;padding:48px 24px}.journal-questions h2{font-size:37px;margin-bottom:28px}.question-list summary{font-size:13px}.question-list p{font-size:13px}
}
@media(max-height:659px){.motion-enabled .context-book-hold{min-height:0}.motion-enabled .context-book,.motion-enabled .contexts-heading{position:static}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.motion-art{transform:none!important;will-change:auto}.motion-enso{mask-image:none}.context-leaf,.page-transfer{display:none!important}.preview-feedback{animation:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
.motion-paused .motion-art{transform:none!important;will-change:auto}.motion-paused .motion-enso{mask-image:none}.motion-paused .context-leaf,.motion-paused .page-transfer{display:none!important}.motion-paused .preview-feedback{animation:none}.motion-setting:disabled{cursor:default}
.motion-paused{scroll-behavior:auto!important}.motion-paused::view-transition-old(root),.motion-paused::view-transition-new(root){animation:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html:not(.js) .context-book #context-panel{padding:32px 35px 40px}
html:not(.js) .context-tabs,html:not(.js) .context-book-bottom,html:not(.js) .motion-setting{display:none}
.context-static-page{padding:32px 35px 40px;background:#fbf8ef;border-top:1px solid #d5d3c1}
@media print{.context-book-hold{height:auto!important;min-height:0!important}.context-book,.contexts-heading{position:static!important}.journey-stage,.page-transfer,.journal-thread{display:none!important}.motion-art{transform:none!important}.motion-enso{mask-image:none}}

/* Entries lead to a connection; the river is the visual consequence. */
.story-prologue .eyebrow{margin-bottom:23px}
.constellation{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin:28px 0 25px;padding:4px 0 4px 16px}
.constellation:before,.constellation:after{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#b8bea755}
.constellation:after{background:#b49657;transform:scaleY(var(--evidence,1));transform-origin:top}
.constellation article{position:relative;padding:13px 0 9px;border-top:1px solid #c4c5b450}
.constellation time{font-size:9px;color:#85734e;letter-spacing:.04em}
.story-beat .constellation h3{font:500 18px/1.2 Cormorant,Georgia,serif;margin:8px 0}
.story-beat .constellation p{font-size:11px;line-height:1.75;margin:0;max-width:none}
.story-beat .reflection-support{font-size:11px;color:#7c795b;letter-spacing:.01em;margin-top:21px}
.story-beat .tertius-example p{font-size:22px;line-height:1.4;max-width:none}
.river-story{max-width:1440px;margin:auto;padding:65px var(--gutter) 0;display:grid;grid-template-columns:1fr 1fr;gap:0 12%;align-items:center}
.river-story .eyebrow{margin-bottom:24px}
.river-copy>p{font-size:14px;line-height:1.9;color:#60705f;max-width:440px}
.river-copy blockquote{font:italic 30px/1.3 Cormorant,Georgia,serif;color:#887343;margin:24px 0 0}
.river-film{grid-column:1/-1;position:relative;isolation:isolate;width:100%;aspect-ratio:3/2;max-height:700px;overflow:hidden;margin-top:25px!important}
.river-film>img,.river-film>canvas,.river-film>video{width:100%;height:100%;object-fit:contain;object-position:center}
.river-film:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 18px 15px var(--paper);z-index:2}
.river-story .story-footnote{grid-column:1/-1;width:100%;border:0;padding:10px 0 45px}
.desk-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:0 12%;padding:75px var(--gutter) 35px;background:#e8ede3;max-width:1680px;margin:auto}
.desk-story-heading{align-self:center;max-width:460px}.desk-story-heading .eyebrow{margin-bottom:24px}
.desk-story-heading>p:last-child{font-size:14px;line-height:1.9;color:#566b55;margin-top:26px}
.desk-story-flow{position:relative;max-width:540px;justify-self:center;width:100%}
.desk-capture{padding:25px 30px;background:#faf6e9;border:1px solid #d7d7c5;transform:rotate(-1deg);box-shadow:3px 5px 0 #c7cfb82b}
.desk-story-flow article>span,.desk-decision>span{font-size:9px;color:#7d704b;letter-spacing:.06em;display:flex;align-items:center;gap:10px}
.desk-capture blockquote{font:400 27px/1.35 Cormorant,Georgia,serif;margin-top:13px;color:#3c5143}
.desk-connection{height:42px;margin:0 40px;overflow:hidden}
.desk-connection svg{width:100%;height:100%;display:block}
.desk-connection path{fill:none;stroke:#a58c50;stroke-width:1.1;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--plan-connection,1))}
.desk-suggestion{padding:27px 30px;background:#f7f8f0;border:1px solid #becab6}
.desk-suggestion time{display:block;font-size:11px;color:#68765b;margin-top:23px}
.desk-suggestion h3{font-size:32px;margin:9px 0 12px}
.desk-suggestion>p,.desk-decision>p{font-size:12px;line-height:1.8;color:#5a6c52}
.desk-suggestion ul{list-style:none;padding:17px 0 18px;display:grid;gap:10px;font-size:12px;color:#40573f}
.desk-suggestion li:before{content:"";display:inline-block;border:1px solid #b3bba4;width:9px;height:9px;margin-right:12px}
.desk-decision{padding-top:19px;border-top:1px solid #c1cbb55c}.desk-decision>p{margin:12px 0 0}.desk-decision .text-link{margin-top:20px}
.desk-story-note{grid-column:1/-1;font-size:9px;line-height:1.9;color:#68765f;margin:29px 0 0;text-align:center}
.story-closing>p{font-size:13px;color:#637557;margin-top:22px}
@media(max-width:1050px){.constellation{gap:10px 14px}.story-beat .constellation h3{font-size:17px}.story-beat .constellation p{font-size:10px}.desk-story{gap:0 7%}.river-story{gap:0 7%}.river-copy blockquote{font-size:27px}}
@media(max-width:700px){
 .constellation{gap:17px 20px;margin-top:24px}.story-beat .constellation h3{font-size:19px}.story-beat .constellation p{font-size:11px}
 .river-story{display:block;padding:48px 24px 0}.river-story h2{font-size:41px}.river-copy{margin-top:24px}.river-copy>p{font-size:13px}.river-copy blockquote{font-size:29px}
 .river-film{width:calc(100% + 48px);margin:22px -24px 0!important;max-height:none}.river-film:after{box-shadow:inset 0 0 9px 7px var(--paper)}.river-story .story-footnote{padding:12px 0 35px;font-size:8px}
 .desk-story{display:block;padding:45px 24px 30px}.desk-story-heading h2{font-size:39px}.desk-story-heading>p:last-child{font-size:13px}.desk-story-flow{margin-top:32px}.desk-capture,.desk-suggestion{padding:24px}.desk-capture blockquote{font-size:27px}.desk-suggestion h3{font-size:30px}.desk-story-note{font-size:8px;text-align:left;margin-top:22px}
}
@media print{.constellation:after{transform:none}.desk-connection path{stroke-dashoffset:0}}
/* On a phone the painting sits between the thought and its supporting entries. */
@media(max-width:700px){
 .story-site #reflection{display:flex;flex-direction:column;align-items:stretch}
 .story-site #reflection>div{display:contents}
 #reflection>div>.eyebrow{order:0;margin:0 24px 20px}
 #reflection>div>h2{order:1;margin:0 24px}
 #reflection>div>p:not(.eyebrow){order:2;margin:22px 24px 0;max-width:none}
 .story-site #reflection>.mobile-scene{order:3;margin:26px auto 0}
 #reflection .constellation{order:4;margin:28px 24px 24px}
 #reflection .tertius-example{order:5;margin:0 24px}
 #reflection>div>.reflection-support{order:6!important;margin-bottom:25px!important}
}
.desk-native-story>figure{grid-column:1/-1;position:relative;width:100%;aspect-ratio:2206/946;overflow:hidden;margin-top:30px!important}
.desk-native-story>figure>img,.desk-native-story>figure>canvas,.desk-native-story>figure>video{width:100%;height:100%;object-fit:contain}
.contexts-heading>p:not(.eyebrow){max-width:400px;margin-top:25px;font-size:14px;color:#60705f;line-height:1.9}
.context-life{position:relative;isolation:isolate;mix-blend-mode:multiply;transform:none!important;margin:24px 0 0!important;max-width:500px;overflow:hidden}
.context-life img{display:block;width:100%;height:auto;mix-blend-mode:normal}
.context-life>.scroll-film,.context-life>.scroll-frames{object-fit:contain;object-position:center}
.motion-enabled:not(.motion-short) .contexts-heading{top:calc(var(--nav-height) + 28px)}
@media(max-width:850px) and (min-width:701px){.contexts-heading>p:not(.eyebrow){font-size:12px}}
@media(max-width:700px){.contexts-heading>p:not(.eyebrow){font-size:13px}.context-life{max-width:450px;margin:18px -12px -8px!important}}
.history-link{display:inline-flex;gap:14px;margin-top:15px;padding-bottom:5px;border-bottom:1px solid #b7ac8b66;color:#697454;font-size:10px;line-height:1.7}
.river-copy .next-conversation{display:block;font:400 9px/1.7 Jakarta,Arial,sans-serif;letter-spacing:.05em;color:#7f785c;margin-bottom:12px}
#journal-history{scroll-margin-top:calc(var(--nav-height) + 30px)}
.essay .history-sources{font-size:11px;line-height:1.9;color:#747c68}
.history-sources a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){#reflection>div>.history-link{order:7;align-self:flex-start;margin:0 24px 25px}.river-copy .next-conversation{font-size:9px}}