/* The first personal leaf, followed by the index and seven chapters. */
.intro-leaf{background:#f8f6ee url(assets/warm-cream-paper.webp) center/1000px;color:#454641;position:relative;padding:46px 7% 35px!important;border-radius:0 0 32px 32px;box-shadow:0 3px #c5bdab,0 6px #ebe6d9;isolation:isolate;--heading-rule:#687e7a22}
.intro-leaf:before{content:'';position:absolute;inset:100px 4% 73px;border-right:1px solid #b374622e;pointer-events:none}
.intro-dateline,.intro-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#76756b;font-size:13px;border-bottom:1px solid #707f7b30;padding-bottom:13px}
.intro-dateline [dir]{font-family:Manrope,sans-serif;font-size:12px;letter-spacing:1.2px}
.intro-spread{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;padding:44px 0 37px}
.intro-pretitle{font-family:var(--hand);font-size:24px;color:#36596c;margin:0 0 12px}
.intro-leaf h2{color:#885630;font-size:clamp(35px,3.7vw,56px);line-height:1.65;margin:0 0 22px;letter-spacing:-1.3px}
.intro-handwritten{font-family:var(--hand);font-size:clamp(19px,1.85vw,25px);line-height:2.15;color:#355875;background:repeating-linear-gradient(transparent 0 calc(1lh - 1px),#708c961f calc(1lh - 1px) 1lh);background-position:0 -.17em;margin:0 0 25px;padding-bottom:3px}
.intro-pencil{font-size:15px;font-weight:300;line-height:2;color:#727169;max-width:44ch;margin:0 0 20px}
.intro-signoff{font-family:var(--hand);font-size:17px;color:#355875;display:inline-flex;gap:15px;align-items:center;padding:8px 0}
.intro-marginalia{padding-top:13px}.intro-leaf h3{font-size:16px;line-height:2.2;color:#6a5844;margin:0 0 14px;font-weight:700}
.intro-highlights>a{display:flex;gap:17px;padding:13px 0;border-bottom:1px solid #75857f1f;transition:color .25s,transform .25s}.intro-tick{font-family:var(--hand);font-size:16px;color:#8e724f;margin-top:4px}.intro-highlights strong{display:block;font-size:17px;color:#404d4e;line-height:1.7}.intro-highlights small{display:block;font-size:13px;color:#74786e;line-height:1.9;margin-top:5px}.intro-highlights>a:hover,.intro-highlights>a:focus-visible{transform:translateX(-5px);color:#365a77}
.intro-awards{margin-top:28px}.intro-awards p{display:flex;gap:19px;align-items:baseline;font-size:14px;margin:12px 0;line-height:1.9}.intro-awards p>span{font:400 15px var(--hand);color:#8b7254}.intro-awards strong{font-weight:400;color:#4f5e60}
.intro-bottom{border-bottom:0;border-top:1px solid #70837e2b;padding:16px 0 0;font-size:13px}.intro-bottom>a{font-size:15px;color:#355875;display:flex;gap:16px}
.ribbon-tab[data-chapter-link=film]{--folio-tab:#cda16c;--folio-ink:#3e2e20}.ribbon-tab[data-chapter-link=gifts]{--folio-tab:#708c72;--folio-ink:#f9f0d8}.ribbon-tab[data-chapter-link=motion]{--folio-tab:#b7cece;--folio-ink:#253e47}
.design-overview .section-heading{margin-bottom:40px}.design-preview-spread{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:stretch}.design-preview-main{background:#283842;color:#f0e9d6;display:flex;flex-direction:column;position:relative;box-shadow:0 18px 20px -20px #44372488;border-radius:3px 3px 28px 3px;overflow:hidden}.design-preview-main>img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;background:#e4ded3;padding:5%;transition:transform .5s}.design-preview-main>span{padding:24px 30px 30px;display:grid;gap:9px}.design-preview-main small,.design-preview-notes small{font-size:13px;font-weight:300;opacity:.8}.design-preview-main strong{font-size:27px;font-weight:700}.design-preview-main>span>span{display:flex;justify-content:space-between;font-size:15px}.design-preview-notes{display:grid;gap:28px}.design-preview-notes>a{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding-bottom:24px;border-bottom:1px solid #6d77723b;color:#374b50}.design-preview-notes img{width:100%;height:auto;aspect-ratio:1.2;object-fit:contain;transition:transform .4s}.design-preview-notes>a>span{display:grid;gap:10px}.design-preview-notes strong{font-size:21px;line-height:1.8}.design-preview-notes a>span>span{font-size:14px;color:#8c6038}.design-preview-spread a:hover img{transform:scale(1.04)}
.collection-door{display:flex;align-items:center;gap:28px;margin:45px 0 0;padding:27px 32px;background:linear-gradient(110deg,#60370f25,transparent),url(assets/tobacco-leather.webp) center/560px;color:#2d190c;border-radius:5px 5px 24px 5px;box-shadow:inset 0 0 0 1px #48230d66,0 10px 19px -17px #382512;position:relative;text-shadow:0 1px .6px #e6bd8488;transition:transform .3s,box-shadow .3s}.collection-door:before{content:'';position:absolute;inset:8px;border:1px dashed #dbb98191;border-radius:2px 2px 18px 2px;pointer-events:none}.door-number{font:400 34px var(--hand);opacity:.75;border-left:1px solid #4f2e1a45;padding-left:25px}.collection-door>span:nth-child(2){display:grid;gap:6px}.collection-door small{font-size:13px}.collection-door strong{font-size:25px}.collection-door>span:nth-child(2)>span{font-size:14px;opacity:.85}.door-arrow{margin-inline-start:auto;font-size:30px}.collection-door:hover,.collection-door:focus-visible{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #48230d66,0 15px 23px -17px #382512}.photo-door{margin-top:32px}.story-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:850px){.intro-spread{gap:6%;grid-template-columns:1fr 1fr}.intro-leaf h2{font-size:35px}.intro-handwritten{font-size:20px}.design-preview-spread{gap:25px}.design-preview-notes>a{grid-template-columns:1fr;gap:12px}.design-preview-notes img{max-height:160px}.design-preview-notes strong{font-size:19px}}
@media(max-width:600px){.intro-leaf{padding:32px 7% 24px!important}.intro-dateline{font-size:12px}.intro-dateline [dir]{font-size:12px;letter-spacing:.5px}.intro-spread{display:block;padding:27px 0 26px}.intro-leaf h2{font-size:33px;letter-spacing:-1px;margin-bottom:18px}.intro-pretitle{font-size:22px}.intro-handwritten{font-size:20px;line-height:2.15}.intro-marginalia{padding-top:24px}.intro-pencil{font-size:15px}.intro-awards p{font-size:14px}.intro-leaf:before{inset:85px 3% 65px}.intro-bottom{gap:16px}.intro-bottom>span{max-width:16ch;line-height:1.8}.intro-bottom a{font-size:14px}.design-preview-spread{display:block}.design-preview-notes{margin-top:25px;gap:22px}.design-preview-notes>a{grid-template-columns:1fr 1fr;gap:20px}.design-preview-notes strong{font-size:18px}.design-preview-main>span{padding:20px}.design-preview-main strong{font-size:25px}.collection-door{padding:26px 23px;gap:16px;margin-top:30px}.door-number{font-size:23px;padding-left:13px}.collection-door strong{font-size:20px}.collection-door>span:nth-child(2)>span{font-size:12px;line-height:1.9}.door-arrow{font-size:25px}.collection-door small{font-size:12px}.story-thumbnails button{min-width:0}.story-thumbnails button span{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.intro-highlights>a,.collection-door,.design-preview-spread img{transition:none;transform:none!important}}
/* Clear the preceding cover's overlapping paper edge. */
main>.intro-leaf{padding-top:88px!important}
@media(max-width:600px){main>.intro-leaf{padding-top:72px!important}}
/* Editorial notes use the same ink and ruling as the working pages. */
.intro-awards strong{font-weight:700}.intro-awards strong small{display:block;font-size:14px;font-weight:400;color:#686d65;line-height:1.9;margin-top:5px}
.intro-awards p{border-bottom:1px solid #75857f26;padding-bottom:13px;align-items:flex-start}.intro-awards p>span{padding-top:3px}
.intro-highlights small{font-size:14px}.intro-bottom>span{font-family:var(--hand);font-size:16px;color:#416078;line-height:1.9}
.intro-pencil{font-size:16px}.notebook-method b{font-family:var(--hand);font-size:clamp(25px,3vw,38px)!important;line-height:1.8}
.about-body .margin-thought{font:400 21px/2 var(--hand);color:#a6cee1;border-inline-start:1px solid #a6cee15c;padding:4px 20px 10px;margin:24px 0 32px;max-width:26ch;transform:rotate(-1deg)}
.margin-thought>span{display:block;font:400 14px/2 var(--font-body, sans-serif);color:#c2c8c9;margin-bottom:5px}
.recognition .awards article{border-bottom:1px solid #75857f36}.recognition .awards h3{text-decoration:underline;text-decoration-color:#a8774252;text-underline-offset:9px;text-decoration-thickness:1px}
@media(max-width:600px){.intro-bottom>span{max-width:21ch;font-size:14px}.intro-bottom>a{flex-shrink:0}.about-body .margin-thought{font-size:20px}.intro-awards p{gap:15px}}