.journal-index{background:var(--cream-3)}
.journal-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8vw;margin-bottom:70px}.journal-heading h2{font-size:clamp(64px,6.5vw,104px);line-height:.94;margin:0}.journal-heading h2 em{font-weight:400}.journal-heading>p{font-size:17px;line-height:1.9;color:var(--muted);max-width:460px}
.notebook-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4vw;list-style:none;padding:0;margin:0}.note-book{display:block;position:relative;border-radius:3px 13px 13px 3px;box-shadow:12px 20px 30px #1d30251b,4px 3px 0 #dad6ca,7px 5px 0 #fefbf4;transition:transform .5s;--cover:#294535;--ink:#fffaf4;background:var(--cover);color:var(--ink)}.note-book:hover{transform:translateY(-9px) rotate(-1deg)}.note-book-1{--cover:#53634b;--ink:#fffaf4}.note-book-2{--cover:#d8cbb8;--ink:#294535}.note-book::before,.notebook-binding{content:"";position:absolute;left:0;top:0;bottom:0;width:22px;background:linear-gradient(90deg,#0003,transparent 55%,#fff2,transparent);z-index:4;pointer-events:none}.note-cover{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:34px 33px 30px 40px;min-height:480px;color:var(--ink);background-color:var(--cover);background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#ffffff04 2px,#ffffff04 3px),repeating-linear-gradient(90deg,transparent,transparent 3px,#00000004 3px,#00000004 4px);border-radius:3px 13px 13px 3px;overflow:hidden}.note-cover::before{content:"";position:absolute;inset:17px 17px 17px 27px;border:1px solid currentColor;opacity:.19;z-index:-1}.note-cover::after{content:"";position:absolute;right:-65px;top:70px;width:240px;height:300px;background:url('botanical-corner.svg') center/contain no-repeat;opacity:.17;z-index:-1}.note-category{font:10px/1.8 var(--sans);letter-spacing:.18em}.note-logo{width:115px;height:auto;align-self:center;margin:30px 0;opacity:.9}.note-book-2 .note-logo{filter:brightness(0) saturate(100%);opacity:.65}.note-cover h3{font:44px/1.02 var(--serif);color:inherit;margin:0 0 40px;font-weight:400}.note-cover-bottom{font:10px/1.8 var(--sans);letter-spacing:.1em;display:flex;justify-content:space-between;gap:10px}.note-cover-bottom>span{font-size:22px}.note-summary{font-size:14px;line-height:1.9;color:var(--muted);margin:32px 0 18px}.notebook-library .quiet-link{font-size:10px}
.journal-divider{display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}.journal-divider-image img{width:100%;height:100%;min-height:560px;object-fit:cover}.journal-divider-copy{padding:80px 6vw;align-self:center}.journal-divider-copy h2{font:clamp(45px,4.3vw,70px)/1.04 var(--serif);margin:30px 0}.journal-divider-copy p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.9;margin-bottom:30px}
.notebook-intro{padding:calc(var(--header-h) + 40px) 6vw 65px;background:radial-gradient(ellipse at center,#f5f0e6,#e5e1d7);text-align:center;overflow:hidden}.notebook-back{display:block;text-align:left;margin-bottom:40px}.open-notebook{--cover:#294535;--ink:#fffaf4;position:relative;perspective:1600px;width:min(520px,100%);min-height:620px;margin:0 auto 35px;text-align:left;box-shadow:15px 30px 55px #18312626;border-radius:4px 13px 13px 4px;background:#fdfaf2}.open-notebook .notebook-paper{padding:60px 55px 40px 60px;min-height:620px;display:flex;flex-direction:column;align-items:start;background:linear-gradient(90deg,#dbd7cc,#fffdf6 5%);border-radius:4px 13px 13px 4px}.notebook-paper>p{font:32px/1.5 var(--serif);margin:60px 0 auto;color:var(--green)}.notebook-paper>.quiet-link{margin-top:40px;font-size:10px}.notebook-cover{position:absolute;inset:0;min-height:100%;transform-origin:left;transition:transform 1.5s cubic-bezier(.2,.7,.2,1),opacity 1.2s;backface-visibility:hidden;z-index:3;padding:45px 50px 40px 60px}.notebook-cover h1{font:clamp(40px,4vw,60px)/1.04 var(--serif);color:inherit;margin:0 0 50px}.notebook-cover .note-logo{width:160px;margin:35px 0}.is-open .notebook-cover{transform:rotateY(-115deg);opacity:0;pointer-events:none}.notebook-open{background:none;color:var(--green);cursor:pointer;min-height:44px}.notebook-reader{padding:85px 6vw;background:#eeeae1;display:grid;grid-template-columns:230px minmax(0,800px);gap:6vw;justify-content:center;align-items:start;scroll-margin-top:100px}.notebook-toc{position:sticky;top:120px}.notebook-toc nav{display:grid}.notebook-toc a{display:flex;gap:15px;font-size:12px;line-height:1.8;border-top:1px solid #29453520;padding:18px 0}.notebook-toc a span{color:var(--sage);font-size:10px}.note-sheet{padding:55px 65px 25px;background:linear-gradient(90deg,#e8e4da55,transparent 4%),#fffdf7;box-shadow:0 8px 25px #1d302508;border:1px solid #ded9cb;border-radius:2px;margin:0 0 35px;scroll-margin-top:110px;position:relative}.note-sheet::before{content:"";position:absolute;left:25px;top:0;bottom:0;width:1px;background:#83957d20}.sheet-number{font:10px/1.8 var(--sans);letter-spacing:.18em;color:var(--sage)}.note-sheet h2{font:clamp(38px,3.5vw,53px)/1.05 var(--serif);margin:25px 0 30px}.note-sheet p{font-size:16px;line-height:1.95;color:var(--muted);margin:0 0 22px}.sheet-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #29453518;margin-top:35px;padding-top:20px;font-size:9px;color:var(--sage);letter-spacing:.06em}.journal-related{background:var(--cream-3)}.journal-related>h2{font:clamp(44px,4.5vw,70px)/1.05 var(--serif);margin-bottom:45px}.journal-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.journal-related-grid>a{border-top:1px solid #29453525;padding-top:25px}.journal-related-grid .eyebrow{font-size:10px;display:block}.journal-related-grid h3{font:38px/1.1 var(--serif);margin:20px 0 25px}
@media(max-width:1100px){.note-cover{padding:28px 24px 25px 32px;min-height:430px}.note-cover h3{font-size:36px}.notebook-reader{grid-template-columns:180px minmax(0,1fr);gap:35px}.note-sheet{padding:40px 40px 25px}.journal-divider-copy{padding:55px 5vw}}
@media(max-width:780px){.journal-heading{grid-template-columns:1fr;gap:24px;margin-bottom:45px}.journal-heading>p{font-size:15px}.notebook-library{grid-template-columns:1fr;gap:55px;max-width:420px;margin:auto}.note-cover{min-height:460px;padding:35px 35px 30px 45px}.note-cover h3{font-size:44px}.journal-divider{grid-template-columns:1fr}.journal-divider-image img{min-height:0;height:330px}.journal-divider-copy{padding:50px 7vw}.journal-divider-copy h2{font-size:47px}.notebook-intro{padding:calc(var(--header-h) + 25px) 25px 40px}.open-notebook,.open-notebook .notebook-paper{min-height:510px}.open-notebook .notebook-paper{padding:40px 30px 30px 38px}.notebook-paper>p{font-size:27px;margin-top:40px}.notebook-cover{padding:30px 28px 28px 38px}.notebook-cover h1{font-size:39px;margin-bottom:35px}.notebook-cover .note-logo{width:125px;margin:25px 0}.notebook-reader{padding:45px 20px;grid-template-columns:1fr;gap:35px}.notebook-toc{position:static}.note-sheet{padding:35px 25px 22px 30px}.note-sheet::before{left:12px}.note-sheet h2{font-size:39px}.note-sheet p{font-size:15px}.sheet-footer{font-size:8px}.journal-related-grid{grid-template-columns:1fr;gap:35px}.journal-related-grid h3{font-size:35px}}
@media(prefers-reduced-motion:reduce){.note-book,.notebook-cover{transition:none}.note-book:hover{transform:none}}
.open-notebook.note-book-1{--cover:#53634b;--ink:#fffaf4}.open-notebook.note-book-2{--cover:#d8cbb8;--ink:#294535}.notebook-open{border:0;border-bottom:1px solid #29453540;padding:12px 2px;font-family:var(--sans)}
.notebook-open:focus-visible,.note-book:focus-visible{outline:2px solid var(--green);outline-offset:7px}
/* A pinned opening sequence: linen cover, inside lining and a lit paper leaf. */
.journal-heading{grid-template-columns:1fr}
.notebook-stage{position:relative}
.notebook-lid{position:absolute;inset:0;transform-origin:0 50%;transform-style:preserve-3d;z-index:3;transform:rotateY(calc(-168deg * var(--opening,0)))}
.notebook-lid .notebook-cover{transform:none;opacity:1;transition:none;backface-visibility:hidden;box-shadow:inset -2px 0 5px #0002}
.notebook-cover-inside{position:absolute;inset:0;backface-visibility:hidden;transform:rotateY(180deg);background:linear-gradient(90deg,#e1dacb,#f1ebdf 12%,#eee7d8 88%,#d1c5b1);border:1px solid #c8bcaa;border-radius:13px 4px 4px 13px;padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#67735c;box-shadow:inset 0 0 35px #806b4520}
.notebook-cover-inside>span{font:35px/1.1 var(--serif)}.notebook-cover-inside i{display:block;background:url('botanical-corner.svg') center/contain no-repeat;width:65%;height:210px;opacity:.45;margin:30px 0}.notebook-cover-inside small{font-size:9px;letter-spacing:.2em}
.open-notebook{perspective:none;transform-style:preserve-3d;transform:translateX(calc(var(--opening,0) * 23%)) rotateY(calc(var(--opening,0) * -3deg));box-shadow:12px 25px 45px #18312625,3px 3px 0 #ddd8cb,6px 6px 0 #f9f5e9}
.notebook-paper{box-shadow:inset 20px 0 35px #3c463013}.notebook-paper::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0d241848,transparent 80%);opacity:calc(1 - var(--opening,0));border-radius:inherit}
.notebook-scroll-hint{display:block;font-size:9px;letter-spacing:.15em;color:var(--sage);margin-top:16px}
.notebook-intro.notebook-motion{padding:var(--header-h) 0 0;overflow:clip;position:relative;height:calc(190svh + var(--header-h))}
.notebook-motion .notebook-back{position:absolute;top:calc(var(--header-h) + 24px);left:6vw;z-index:5;margin:0;font-size:10px}
.notebook-motion .notebook-stage{position:sticky;top:var(--header-h);height:calc(100svh - var(--header-h));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 25px 15px;perspective:2200px;perspective-origin:50% 45%}
.notebook-motion .open-notebook{width:min(440px,34vw);min-height:0;height:min(580px,calc(100svh - var(--header-h) - 160px));margin:0 0 22px}
.notebook-motion .notebook-paper{min-height:100%;height:100%;padding:35px 40px 30px 45px}.notebook-motion .notebook-paper>p{font-size:clamp(22px,2.2vw,30px);margin:35px 0 auto}.notebook-motion .notebook-cover{min-height:100%;padding:30px 35px 28px 45px}.notebook-motion .notebook-cover h1{font-size:clamp(34px,3.5vw,49px);margin-bottom:28px}.notebook-motion .notebook-cover .note-logo{width:125px;margin:20px 0}
.notebook-motion .notebook-open{font-size:10px}.notebook-motion .notebook-scroll-hint{margin-top:9px}
@media(max-width:780px){.notebook-motion .notebook-stage{padding-top:42px;perspective:1500px}.notebook-motion .open-notebook{width:min(360px,calc(100vw - 54px));height:min(500px,calc(100svh - var(--header-h) - 155px));transform:translateX(calc(var(--opening,0) * 12%)) scale(calc(1 - var(--opening,0) * .12));}.notebook-motion .notebook-cover{padding:25px 25px 25px 35px}.notebook-motion .notebook-cover h1{font-size:clamp(28px,8vw,38px);margin-bottom:20px}.notebook-motion .notebook-cover .note-logo{width:100px;margin:12px 0}.notebook-motion .notebook-paper{padding:30px 25px 25px 35px}.notebook-motion .notebook-paper>p{font-size:24px;margin-top:25px}.notebook-cover-inside{padding:25px}.notebook-cover-inside>span{font-size:27px}}
@media(prefers-reduced-motion:reduce){.notebook-lid{transform:none}.open-notebook{transform:none}.notebook-cover-inside{display:none}.open-notebook.is-open .notebook-lid{visibility:hidden}.notebook-scroll-hint{display:none}}