.scrapbook-section{padding:38px 4% 55px;background:radial-gradient(ellipse at 50% 25%,#30291d,#10110e 75%);color:#fff4dd;overflow:hidden}
.scrapbook-heading{text-align:center;margin:0 auto 35px}
.scrapbook-heading .eyebrow{color:#c3a363}
.scrapbook-heading h2{font:400 clamp(28px,3.3vw,48px)/1.15 Georgia,serif;margin:10px 0 12px;letter-spacing:-.03em}
.scrapbook-heading h2 em{color:#dfc68e}
.scrapbook-heading>p:last-child{font:italic 17px/1.5 Georgia,serif;color:#d7c9ad}
.scrapbook-book{position:relative;isolation:isolate;width:100%;max-width:1400px;padding:12px 13px 20px;border-radius:13px 13px 8px 8px;border:1px solid #70562f;background:repeating-linear-gradient(20deg,#30251a 0 2px,#382b1d 3px 5px);box-shadow:0 5px 0 #685234,0 8px 0 #b29a6e,0 12px 0 #3c3021,0 32px 45px #0008,inset 0 1px 1px #ddc89588}
.scrapbook-book:before{content:"";position:absolute;inset:6px 8px 12px;z-index:-1;border:1px solid #cba86499;border-radius:9px;pointer-events:none}
.work-canvas.scrapbook-spread{position:relative;padding:28px 27px 25px;border-radius:7px 7px 3px 3px;background:url('assets/story-paper-grain.svg'),linear-gradient(90deg,#decca5,#fff7e6 4%,#fbf2df 43%,#e8d8b7 48%,#a48a58 49.5%,#5b4829 50%,#bda578 50.5%,#f8eed9 54%,#fff7e7 94%,#dfcda8);box-shadow:inset 0 1px 3px #fff,inset 0 -5px 5px #9b81595c,0 3px 0 #e3d5b9,0 6px 0 #b9a17b}
.scrapbook-spread:before{content:"";position:absolute;top:8px;bottom:7px;left:50%;width:1px;background:#d8c28e8c;z-index:2;pointer-events:none}
.scrapbook-spread .photo-grid{display:grid;columns:auto;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:auto auto;gap:22px 12px;align-items:start}
.scrapbook-spread .scrapbook-photo{position:relative;isolation:isolate;display:block;width:100%;height:100%;aspect-ratio:auto;min-width:0;margin:0;padding:8px 8px 3px;border:0;border-radius:0;background:#fffaf0;box-shadow:0 3px 6px #59401f36;overflow:visible;transform:rotate(-1deg);transition:transform .3s,box-shadow .3s;grid-column:span 2}
.scrapbook-spread .scrapbook-photo:nth-child(1){grid-column:1/3;grid-row:1}
.scrapbook-spread .scrapbook-photo:nth-child(2){grid-column:3/5;grid-row:1;transform:rotate(1.3deg);margin-right:8px;width:calc(100% - 8px)}
.scrapbook-spread .scrapbook-photo:nth-child(3){grid-column:5/7;grid-row:1;margin-left:8px;width:calc(100% - 8px)}
.scrapbook-spread .scrapbook-photo:nth-child(4){grid-column:7/9;grid-row:1;transform:rotate(1deg)}
.scrapbook-spread .scrapbook-photo:nth-child(5){grid-column:5;grid-row:2;margin-left:8px;width:calc(100% - 8px)}
.scrapbook-spread .scrapbook-photo:nth-child(6){grid-column:1/3;grid-row:2;transform:rotate(1.5deg)}
.scrapbook-spread .scrapbook-photo:nth-child(7){grid-column:3/5;grid-row:2;margin-right:8px;width:calc(100% - 8px)}
.scrapbook-spread .scrapbook-photo:nth-child(8){grid-column:6;grid-row:2;transform:rotate(1deg)}
.scrapbook-spread .scrapbook-photo:nth-child(9){grid-column:7;grid-row:2;transform:rotate(-1.5deg)}
.scrapbook-spread .scrapbook-photo:nth-child(10){grid-column:8;grid-row:2;transform:rotate(.8deg)}
.scrapbook-spread .scrapbook-photo img{display:block;width:100%;height:auto;aspect-ratio:1.35;object-fit:contain;background:#eee6d7;filter:none;transform:none;border-radius:0}
.scrapbook-spread .scrapbook-photo:nth-child(5) img,.scrapbook-spread .scrapbook-photo:nth-child(n+8) img{aspect-ratio:.7}
.scrapbook-spread .scrapbook-photo>span{position:static;display:flex;justify-content:center;align-items:center;gap:6px;min-height:45px;padding:11px 2px 5px;background:none;border:0;color:#3d2d19;text-align:center;letter-spacing:0;font:italic clamp(12px,1.25vw,18px)/1.2 'Segoe Print','Bradley Hand',Georgia,serif}
.scrapbook-photo>span b{font:400 12px Arial,sans-serif;color:#9c752f}
.scrapbook-mounts{position:absolute;inset:1px;z-index:2;pointer-events:none;background:linear-gradient(135deg,#f0d88e,#9c6c20 48%,transparent 50%) left top/18px 18px no-repeat,linear-gradient(225deg,#f0d88e,#9c6c20 48%,transparent 50%) right top/18px 18px no-repeat,linear-gradient(45deg,#f0d88e,#9c6c20 48%,transparent 50%) left calc(100% - 43px)/18px 18px no-repeat,linear-gradient(315deg,#f0d88e,#9c6c20 48%,transparent 50%) right calc(100% - 43px)/18px 18px no-repeat}
.scrapbook-corner{position:absolute;z-index:4;width:43px;height:43px;background:linear-gradient(135deg,#fff0b5,#b8852f 40%,#f2d48e 60%,#806023);clip-path:polygon(0 0,100% 0,100% 15%,22% 22%,15% 100%,0 100%);filter:drop-shadow(0 1px 1px #0007);pointer-events:none}
.corner-tl{top:6px;left:6px}.corner-tr{top:6px;right:6px;transform:rotate(90deg)}.corner-bl{bottom:9px;left:6px;transform:rotate(-90deg)}.corner-br{bottom:9px;right:6px;transform:rotate(180deg)}
.scrapbook-tabs{position:absolute;z-index:-1;right:-22px;top:8%;display:flex;flex-direction:column;gap:15px}
.scrapbook-tabs span{writing-mode:vertical-rl;padding:16px 8px;border-radius:0 5px 5px 0;background:linear-gradient(90deg,#b28a44,#e5c483);font:italic 14px Georgia,serif;color:#382912;box-shadow:2px 4px 5px #0005}
.scrapbook-section .work-canvas-hint{color:#cdbd9c;margin-top:30px;font:italic 16px Georgia,serif}
@media(hover:hover){.scrapbook-spread .scrapbook-photo:hover{z-index:4;transform:translateY(-4px) rotate(0) scale(1.025);box-shadow:0 9px 15px #59401f40}.scrapbook-spread .scrapbook-photo:hover img{filter:none;transform:none}}
.scrapbook-spread .scrapbook-photo:focus-visible{z-index:5;outline:3px solid #a6772e;outline-offset:4px}
/* Clear full-resolution photographs lift gently into a reading view. */
.scrapbook-viewer{position:fixed;inset:0;width:min(1200px,94vw);height:auto;max-width:94vw;max-height:92svh;box-sizing:border-box;margin:auto;padding:0;border:1px solid #b5975e;border-radius:6px;background:url('assets/story-paper-grain.svg'),#f5ecdb;color:#33291d;overflow:auto;box-shadow:0 30px 100px #0009}
.scrapbook-viewer::backdrop{background:#11130ee8;backdrop-filter:blur(5px)}
.scrapbook-photo-detail{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:0;align-items:center;padding:27px;animation:scrapbookPhotoLift .32s cubic-bezier(.2,.7,.2,1) both}
.scrapbook-feature{margin:0;padding:12px 12px 5px;background:#fffdf7;box-shadow:1px 8px 22px #59401f30;transform:rotate(-.5deg)}
.scrapbook-feature img{display:block;width:100%;height:auto;max-height:66svh;object-fit:contain;background:transparent}
.scrapbook-feature figcaption{padding:15px 5px 12px;color:#46341d;text-align:center;font:italic 20px/1.3 'Segoe Print','Bradley Hand',Georgia,serif}
.scrapbook-story{padding:15px 12px 15px 34px}
.scrapbook-story .scrapbook-back{position:static;display:table;width:auto;height:auto;min-height:38px;border:0;border-bottom:1px solid #99722f;border-radius:0;background:none;margin:0 0 32px;padding:8px 0;color:#6c4c1b;font:13px/1.4 Arial,sans-serif;cursor:pointer}
.scrapbook-story .eyebrow{font-size:9px;color:#8c6c35;letter-spacing:.15em;line-height:1.6;margin:0 0 13px}
.scrapbook-story h2{font:400 36px/1.1 Georgia,serif;color:#322a20;margin:0 0 20px}
.scrapbook-description{font-size:15px;line-height:1.8;color:#5a4a35;margin:0}
.scrapbook-browse{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:32px}
.scrapbook-browse button{position:static;width:42px;height:42px;border:1px solid #ae8a4a;border-radius:50%;background:#fffcf480;color:#775423;cursor:pointer;font:20px Georgia,serif}
.scrapbook-counter{font-size:11px;color:#8a7046;letter-spacing:.15em}
.scrapbook-story button:focus-visible{outline:3px solid #9c752b;outline-offset:4px}
@keyframes scrapbookPhotoLift{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.scrapbook-spread .photo-grid{gap:18px 8px}.work-canvas.scrapbook-spread{padding:24px 18px}.scrapbook-spread .scrapbook-photo{padding:5px 5px 2px}.scrapbook-spread .scrapbook-photo>span{font-size:12px}.scrapbook-mounts{background-size:13px 13px}.scrapbook-story{padding-left:25px}.scrapbook-story h2{font-size:29px}}
@media(max-width:700px){.scrapbook-section{padding:30px 4% 40px}.scrapbook-heading{margin-bottom:25px}.scrapbook-heading h2{font-size:30px}.scrapbook-heading>p:last-child{font-size:15px}.scrapbook-book{padding:8px 8px 16px}.work-canvas.scrapbook-spread{padding:22px 14px}.scrapbook-spread:before{left:5%;right:5%;top:40%;bottom:auto;width:90%;height:1px;background:#bfa77966}.scrapbook-spread{background:url('assets/story-paper-grain.svg'),linear-gradient(110deg,#eddec2,#fff8e8 45%,#e7d4b1)!important}.scrapbook-spread .photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,auto);gap:25px 13px}.scrapbook-spread .scrapbook-photo:nth-child(n){width:100%;margin:0;grid-column:span 2}.scrapbook-spread .scrapbook-photo:nth-child(1){grid-column:1/3;grid-row:1}.scrapbook-spread .scrapbook-photo:nth-child(2){grid-column:3/5;grid-row:1}.scrapbook-spread .scrapbook-photo:nth-child(6){grid-column:1/3;grid-row:2}.scrapbook-spread .scrapbook-photo:nth-child(7){grid-column:3/5;grid-row:2}.scrapbook-spread .scrapbook-photo:nth-child(3){grid-column:1/3;grid-row:3}.scrapbook-spread .scrapbook-photo:nth-child(4){grid-column:3/5;grid-row:3}.scrapbook-spread .scrapbook-photo:nth-child(5){grid-column:1/3;grid-row:4}.scrapbook-spread .scrapbook-photo:nth-child(8){grid-column:3/5;grid-row:4}.scrapbook-spread .scrapbook-photo:nth-child(9){grid-column:1/3;grid-row:5}.scrapbook-spread .scrapbook-photo:nth-child(10){grid-column:3/5;grid-row:5}.scrapbook-spread .scrapbook-photo:nth-child(n) img{aspect-ratio:1.1}.scrapbook-spread .scrapbook-photo>span{font-size:13px;min-height:40px}.scrapbook-tabs{display:none}.scrapbook-corner{width:30px;height:30px}.scrapbook-viewer{width:94vw}.scrapbook-photo-detail{display:block;padding:15px}.scrapbook-feature img{max-height:50svh}.scrapbook-feature figcaption{font-size:17px;padding:10px 3px}.scrapbook-story{padding:20px 8px 6px}.scrapbook-story .scrapbook-back{margin-bottom:16px}.scrapbook-story h2{font-size:28px;margin-bottom:13px}.scrapbook-description{font-size:14px;line-height:1.7}.scrapbook-browse{margin-top:21px}}
@media(prefers-reduced-motion:reduce){.scrapbook-photo-detail{animation:none}.scrapbook-photo{transition:none!important}.scrapbook-spread .scrapbook-photo:hover{transform:none}}

/* Photographic leather, stitched binding, deckled sheets and metal corner hardware. */
.scrapbook-book{padding:5% 7% 8.3%;border:0;border-radius:0;background:url('assets/detailed-scrapbook.webp') center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 24px 24px #0008)}
.scrapbook-book:before,.scrapbook-corner,.scrapbook-tabs{display:none}
.work-canvas.scrapbook-spread{padding:0;border-radius:0;background:transparent!important;box-shadow:none}
.scrapbook-spread:before{display:none}
.scrapbook-page-labels,.scrapbook-page-notes{display:flex;justify-content:space-between;gap:9%;color:#80633a;pointer-events:none}
.scrapbook-page-labels{padding:0 3px 18px;font:500 9px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.17em}
.scrapbook-page-labels span,.scrapbook-page-notes span{width:45%;text-align:center}
.scrapbook-page-notes{padding-top:20px;font:italic 15px/1.4 'Segoe Print','Bradley Hand',Georgia,serif;color:#856c43}
.scrapbook-spread .photo-grid{gap:28px 14px}
.scrapbook-spread .scrapbook-photo{height:auto;padding:6px 6px 2px;background:linear-gradient(125deg,#fffcf6,#f5eddf);box-shadow:1px 5px 8px #61452545;transform:rotate(-2deg)}
.scrapbook-spread .scrapbook-photo:nth-child(2){transform:rotate(2.4deg)}
.scrapbook-spread .scrapbook-photo:nth-child(3){transform:rotate(-1.2deg)}
.scrapbook-spread .scrapbook-photo:nth-child(4){transform:rotate(2deg)}
.scrapbook-spread .scrapbook-photo:nth-child(6){transform:rotate(1.7deg)}
.scrapbook-spread .scrapbook-photo:nth-child(7){transform:rotate(-1.8deg)}
.scrapbook-spread .scrapbook-photo:nth-child(8){transform:rotate(1.8deg)}
.scrapbook-spread .scrapbook-photo:nth-child(9){transform:rotate(-2.4deg)}
.scrapbook-spread .scrapbook-photo img{background:transparent}
.scrapbook-mounts{opacity:.7}
@media(max-width:1000px){.scrapbook-page-labels{font-size:8px;letter-spacing:.1em;padding-bottom:15px}.scrapbook-page-notes{font-size:12px;padding-top:16px}.scrapbook-spread .photo-grid{gap:23px 9px}}
@media(max-width:700px){.scrapbook-book{padding:11px 11px 20px;border:1px solid #8b6b3e;border-radius:9px;background:url('assets/story-paper-grain.svg'),linear-gradient(110deg,#49321f,#201a13 50%,#533b25);box-shadow:0 4px 0 #b09b76,0 7px 0 #53402b;filter:drop-shadow(0 12px 14px #0006)}.work-canvas.scrapbook-spread{padding:21px 14px;background:url('assets/story-paper-grain.svg'),linear-gradient(110deg,#ead9b9,#fff7e8 45%,#e4d0ab)!important;box-shadow:inset 2px 0 5px #a68b6050,0 3px 0 #cdb68f;border-radius:3px}.scrapbook-spread .photo-grid{gap:27px 14px}.scrapbook-page-labels{font-size:7px;letter-spacing:.08em;padding-bottom:20px}.scrapbook-page-notes{font-size:11px;gap:12px;padding-top:22px}.scrapbook-spread .scrapbook-photo>span{font-size:12px}}
.scrapbook-viewer{height:fit-content}

/* Eight generous photographs: two across on each page, with room below the captions. */
.scrapbook-spread .photo-grid{grid-template-rows:auto auto;gap:30px 17px}
.scrapbook-spread .scrapbook-photo:nth-child(n){grid-column:span 2;grid-row:auto;width:100%;margin:0}
.scrapbook-spread .scrapbook-photo:nth-child(1){grid-column:1/3;grid-row:1}
.scrapbook-spread .scrapbook-photo:nth-child(2){grid-column:3/5;grid-row:1;margin-right:10px;width:calc(100% - 10px)}
.scrapbook-spread .scrapbook-photo:nth-child(3){grid-column:5/7;grid-row:1;margin-left:10px;width:calc(100% - 10px)}
.scrapbook-spread .scrapbook-photo:nth-child(4){grid-column:7/9;grid-row:1}
.scrapbook-spread .scrapbook-photo:nth-child(5){grid-column:1/3;grid-row:2;transform:rotate(1.7deg)}
.scrapbook-spread .scrapbook-photo:nth-child(6){grid-column:3/5;grid-row:2;margin-right:10px;width:calc(100% - 10px);transform:rotate(-1.6deg)}
.scrapbook-spread .scrapbook-photo:nth-child(7){grid-column:5/7;grid-row:2;margin-left:10px;width:calc(100% - 10px);transform:rotate(1.3deg)}
.scrapbook-spread .scrapbook-photo:nth-child(8){grid-column:7/9;grid-row:2;transform:rotate(-1.4deg)}
.scrapbook-spread .scrapbook-photo:nth-child(n) img{aspect-ratio:1.35}
.scrapbook-spread .scrapbook-photo>span{font-size:clamp(13px,1.25vw,18px);min-height:48px;padding:12px 3px 7px}
.work-extra-section{padding:45px 6% 60px;background:#f7f2e7;color:#342a1d}
.work-extra-heading{max-width:1200px;margin:0 auto 26px}
.work-extra-heading .eyebrow{font-size:10px;color:#927036;letter-spacing:.18em}
.work-extra-heading h2{font:400 clamp(31px,3vw,43px)/1.2 Georgia,serif;margin:10px 0 13px}
.work-extra-heading h2 em{color:#94702d}
.work-extra-heading>p:last-child{font-size:14px;line-height:1.6;color:#75664e}
.work-extra-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:34px;max-width:1200px;margin:auto;align-items:start}
.work-extra-grid .work-extra-photo{position:relative;display:block;width:100%;min-width:0;aspect-ratio:auto;margin:0;padding:10px 10px 0;border:1px solid #b79c6c55;border-radius:3px;overflow:hidden;background:#fffdf7;box-shadow:0 9px 22px #6d53251c;transform:none;transition:transform .25s,box-shadow .25s;cursor:pointer}
.work-extra-grid .work-extra-photo img{display:block;width:100%;height:350px;object-fit:contain;filter:none;transform:none;border-radius:0;background:#eee6d7}
.work-extra-grid .work-extra-photo>span{position:static;display:flex;align-items:center;justify-content:space-between;gap:15px;background:none;border:0;padding:19px 10px 21px;color:#49361d;text-align:left;letter-spacing:0;font:italic 23px/1.3 Georgia,serif}
.work-extra-grid .work-extra-photo>span b{font:400 16px Arial,sans-serif;color:#a7803c}
.work-extra-grid .work-extra-photo:focus-visible{outline:3px solid #9a712a;outline-offset:5px}
@media(hover:hover){.work-extra-grid .work-extra-photo:hover{transform:translateY(-4px);box-shadow:0 14px 26px #6d53252c}.work-extra-grid .work-extra-photo:hover img{filter:none;transform:none}}
@media(max-width:1000px){.scrapbook-spread .photo-grid{gap:25px 11px}.work-extra-grid{gap:22px}.work-extra-grid .work-extra-photo img{height:290px}}
@media(max-width:700px){.scrapbook-spread .photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,auto);gap:26px 15px}.scrapbook-spread .scrapbook-photo:nth-child(n){grid-column:span 2;grid-row:auto;width:100%;margin:0}.scrapbook-spread .scrapbook-photo:nth-child(1){grid-column:1/3;grid-row:1}.scrapbook-spread .scrapbook-photo:nth-child(2){grid-column:3/5;grid-row:1}.scrapbook-spread .scrapbook-photo:nth-child(5){grid-column:1/3;grid-row:2}.scrapbook-spread .scrapbook-photo:nth-child(6){grid-column:3/5;grid-row:2}.scrapbook-spread .scrapbook-photo:nth-child(3){grid-column:1/3;grid-row:3}.scrapbook-spread .scrapbook-photo:nth-child(4){grid-column:3/5;grid-row:3}.scrapbook-spread .scrapbook-photo:nth-child(7){grid-column:1/3;grid-row:4}.scrapbook-spread .scrapbook-photo:nth-child(8){grid-column:3/5;grid-row:4}.scrapbook-spread .scrapbook-photo>span{font-size:13px;min-height:43px}.work-extra-section{padding:32px 6% 40px}.work-extra-grid{grid-template-columns:1fr;gap:24px}.work-extra-grid .work-extra-photo img{height:auto;max-height:420px;aspect-ratio:auto}.work-extra-grid .work-extra-photo>span{font-size:21px;padding:16px 7px 19px}}
@media(prefers-reduced-motion:reduce){.work-extra-grid .work-extra-photo{transition:none}.work-extra-grid .work-extra-photo:hover{transform:none}}