
/* The archive is one continuous, reversible scroll scene. */
:root{--journal-ink:#29251f;--journal-paper:#f7f4ec;--journal-serif:'Hoefler Text','Baskerville','Times New Roman',serif;--journal-sans:'Helvetica Neue',Arial,sans-serif}
html{scroll-behavior:smooth}body{margin:0;background:var(--journal-paper);color:var(--journal-ink)}
em,i,cite{font-style:normal!important}h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *, .feature-title,.feature-title *{font-style:normal!important;color:var(--journal-ink)!important}
.hero-side,.endeavor-index-intro,.feature-subtitle{color:var(--journal-ink)}
.endeavor-index{padding-bottom:0}.endeavor-index-intro{margin-bottom:0}.endeavor-chapter-list{max-width:1320px;margin:0 auto 100px;padding:0 3vw;border-top:0}.chapter-list-row{color:var(--journal-ink)!important}.chapter-name{color:inherit!important}
.archive-transition{position:relative;height:330vh;margin-top:40px;color:var(--journal-ink);isolation:isolate}
.archive-stage{height:100vh;position:sticky;top:0;overflow:hidden;background:var(--journal-paper) url('archival-stock.webp') center/1224px;isolation:isolate}
.archive-scene-top,.archive-scene-bottom{position:absolute;left:6.1vw;right:6.1vw;display:flex;align-items:center;justify-content:space-between;z-index:8;font:10px/1.5 var(--journal-sans);letter-spacing:.14em}
.archive-scene-top{top:35px}.archive-scene-top a{color:inherit;text-decoration:none;border-bottom:1px solid #aaa092;padding-bottom:5px}.archive-scene-bottom{bottom:31px}.scene-track{width:110px;height:1px;background:#c2b5a2;margin-left:auto;margin-right:36px}.scene-track i{display:block;width:100%;height:100%;background:var(--journal-ink);transform:scaleX(0);transform-origin:left}
.archive-aside{position:absolute;inset:0 6.1vw;display:flex;justify-content:space-between;align-items:center;font:10px/1.8 var(--journal-sans);letter-spacing:.12em;pointer-events:none}
.archive-object{position:absolute;width:min(690px,82vh);aspect-ratio:1210/1320;left:50%;top:50%;transform:translate(-50%,-35%) rotate(-7deg) scale(.85);opacity:0;will-change:transform,opacity}
/* The cover is one rigid piece: its printed title is inside the same moving layer. */
.folder-back,.folder-cover{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;will-change:transform,opacity}
.folder-back{z-index:1;object-fit:fill}
.folder-cover{z-index:3}
.folder-front{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;clip-path:inset(53.35% 0 0 0);pointer-events:none}
.document-sheet{position:absolute;z-index:2;left:15.8%;top:10%;width:68.4%;height:76%;box-sizing:border-box;background:#f7f4ec url('archival-stock.webp') center/750px;box-shadow:0 3px 10px #46342420;border:1px solid #c9bda9;transform-origin:center;will-change:transform,opacity;backface-visibility:hidden}
.document-border{position:absolute;inset:4%;border:1px solid #a69b87;pointer-events:none}
.document-contents{position:absolute;inset:8% 8% 7%;text-align:center;display:flex;align-items:center;flex-direction:column;will-change:opacity;min-width:0}
.document-meta{font:9px/1.5 var(--journal-sans);letter-spacing:.13em;white-space:nowrap}
.porpoise-mark{display:block;width:32%;height:auto;aspect-ratio:213/145;object-fit:contain;margin:11% auto 5%;flex:none;filter:grayscale(1) contrast(1.25);transform:none}
.document-name{font:normal clamp(19px,1.85vw,30px)/1.14 var(--journal-serif);letter-spacing:-.035em}
.document-title{font:normal clamp(22px,2.35vw,37px)/1.07 var(--journal-serif);letter-spacing:-.04em;margin-top:8px;white-space:nowrap}
.document-rule{width:43%;height:1px;background:#918778;margin:10% 0 6%}.document-deck{font:clamp(15px,1.3vw,19px)/1.35 var(--journal-serif);margin:0}.document-foot{margin-top:auto;font:8px/1.7 var(--journal-sans);letter-spacing:.09em}
.folder-label{position:absolute;left:22%;top:66.3%;z-index:4;font:normal clamp(22px,2.2vw,30px)/1.1 var(--journal-serif);letter-spacing:.008em;white-space:nowrap;pointer-events:none}.folder-label span{display:block;font:9px/1.5 var(--journal-sans);letter-spacing:.1em;margin-top:13px}
.archive-final{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;pointer-events:none;will-change:transform,opacity}
.archive-final h2{font:normal clamp(78px,10vw,160px)/.91 var(--journal-serif);letter-spacing:-.07em;margin:27px 0}.archive-final p{font:22px/1.45 var(--journal-serif);margin:0}
.yfp-journal{max-width:1360px;margin:0 auto;padding:15px 6.1vw 0;color:var(--journal-ink);font-family:var(--journal-serif);scroll-margin-top:25px}
.yfp-journal *{box-sizing:border-box}.yfp-journal img{display:block;width:100%;height:auto}.yfp-journal figure{margin:0}.yfp-journal a{color:inherit}.journal-running{display:flex;justify-content:space-between;border-top:1px solid #aaa08f;padding:18px 0 0;font:9px/1.5 var(--journal-sans);letter-spacing:.1em}
.journal-meta{font:10px/1.5 var(--journal-sans);letter-spacing:.14em;color:var(--journal-ink)}
.yfp-journal h2{font:normal clamp(36px,4.5vw,67px)/1.04 var(--journal-serif);letter-spacing:-.05em;margin:22px 0 28px;color:var(--journal-ink)}
.journal-copy{font:19px/1.57 var(--journal-serif);color:var(--journal-ink)}.journal-copy p{margin:0 0 18px}.journal-copy p:last-child{margin-bottom:0}
.yfp-journal figcaption,.design-caption{font:10px/1.55 var(--journal-sans);letter-spacing:.015em;margin-top:12px;color:var(--journal-ink)}
.journal-survey{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;padding:74px 0 80px}.survey-copy{padding-top:38px}.margin-note{margin-top:28px;padding-top:17px;border-top:1px solid #bfb5a5;font:14px/1.5 var(--journal-serif)}
.journal-section{padding:52px 0 65px;border-top:1px solid #aaa08f}
.journal-section-head{display:grid;grid-template-columns:1.15fr 1fr;gap:0 9%;align-items:start}.journal-section-head .journal-meta{grid-column:1/-1}.journal-section-head h2{margin-bottom:40px}.journal-section-head p{margin-top:25px}
.design-pair{display:grid;grid-template-columns:1.6fr 1fr;gap:6%;align-items:center}.design-pair .note-art{width:85%;justify-self:end}.design-pair img{object-fit:contain}.coin-art img{border:1px solid #b8ae9c}.note-art img{max-height:365px;object-fit:contain;object-position:right}.design-caption{max-width:600px;margin:20px 0 40px}
.outreach-pair{display:grid;grid-template-columns:1.7fr 1fr;gap:6%;align-items:start}.outreach-pair .talk-photo{padding-top:45px}.talk-photo img{aspect-ratio:1.76;object-fit:cover}.sale-photo img{max-height:345px;object-fit:cover;object-position:50% 23%;aspect-ratio:1.04}
.field-section{display:grid;grid-template-columns:1.18fr 1fr;gap:8%;align-items:center}.field-photos{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;align-items:end}.river-photo img{aspect-ratio:.775;object-fit:cover}.porpoise-photo{padding-bottom:30px}.porpoise-photo img{aspect-ratio:.85;object-fit:cover}
.people-section{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:start}.people-copy blockquote{font:normal 29px/1.2 var(--journal-serif);letter-spacing:-.025em;margin:25px 0}.people-copy cite{display:block;font:10px/1.55 var(--journal-sans);letter-spacing:0;margin-top:12px}.people-images{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end;padding-top:46px}.bajin-photo{grid-column:1/3;width:72%;justify-self:end}.bajin-photo img{max-height:360px;object-fit:cover;object-position:center 42%}.center-photo{grid-column:1/3;width:78%;margin-top:-22px!important;position:relative;background:var(--journal-paper);padding:8px 8px 0 0}.center-photo img{aspect-ratio:1.6;object-fit:cover}
.research-section{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center}.writing-photo img{aspect-ratio:1.18;object-fit:cover}.research-copy h2{margin-bottom:25px}
.journal-ending{border-top:1px solid #aaa08f;padding:50px 0 60px;text-align:center}.journal-ending>p{font:normal clamp(35px,4.5vw,62px)/1.1 var(--journal-serif);letter-spacing:-.04em;margin:27px 0 40px}.journal-end-links{display:flex;justify-content:space-between;font:10px/1.5 var(--journal-sans);letter-spacing:.1em}.journal-end-links a{text-decoration:none;border-bottom:1px solid #aaa08f;padding-bottom:6px}
.journal-reveal{opacity:1;transform:none}.motion-ready .journal-reveal{opacity:0;transform:translateY(22px);transition:opacity .85s ease,transform 1s cubic-bezier(.16,.65,.25,1)}.motion-ready .journal-reveal.is-visible{opacity:1;transform:none}
.standalone-top{display:flex;justify-content:space-between;align-items:center;padding:25px 6.1vw;font:10px var(--journal-sans);letter-spacing:.13em;border-bottom:1px solid #bfb5a5}.standalone-top a{color:inherit;text-decoration:none}.standalone-top .brand{font:26px var(--journal-serif);letter-spacing:-.05em}.standalone .archive-transition{margin-top:0}.standalone .yfp-journal{padding-top:15px}
a:focus-visible,button:focus-visible{outline:2px solid var(--journal-ink);outline-offset:6px}
@media(min-width:1600px){.yfp-journal{padding-left:50px;padding-right:50px}}
@media(max-width:1000px){.archive-aside{display:none}.journal-copy{font-size:17px}.document-deck{font-size:16px}.document-title{font-size:29px}.people-section{gap:6%}.yfp-journal h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.archive-transition{height:80vh}.archive-stage{position:relative;height:80vh}.archive-object,.archive-aside,.archive-scene-bottom{display:none}.archive-final{opacity:1!important;transform:none!important}.motion-ready .journal-reveal{opacity:1;transform:none;transition:none}}

/* Stable, brief transitions for live preference changes. */
@media(prefers-reduced-motion:reduce){.archive-stage{overflow:visible}.archive-scene-top{top:25px}}
