/* Marginal voices, photographic pages, and a continuous journey beyond the pie. */
.keeper-note{position:relative;margin:30px 0 25px;padding:0 0 0 19px;border-left:1px solid #9ca28780;max-width:370px;transition:opacity 1s,transform 1s}.keeper-note-source{font:italic 22px var(--serif);color:#7b654c}.keeper-note-source span{font:8px var(--sans);letter-spacing:.08em;margin-left:15px;color:var(--muted)}.keeper-note blockquote{font:italic 19px/1.55 var(--serif);margin:10px 0 0;color:#6c735d}.handwritten-peek{display:block;max-height:0;overflow:hidden;opacity:0;transition:max-height .55s,opacity .55s;margin-top:5px}.handwritten-peek img{display:block;width:100%;mix-blend-mode:multiply;max-height:155px;object-fit:contain;object-position:left}.keeper-note:hover .handwritten-peek,.keeper-note:focus-within .handwritten-peek{max-height:170px;opacity:1}.js-reveal .keeper-note:not(.is-seen){opacity:.15;transform:translateY(14px)}
.pastry-reserve{margin:28px 0 20px;max-width:410px}.reserve-line{display:grid;grid-template-columns:2fr 1fr;gap:3px;margin:0 0 20px;font-size:10px}.reserve-line span{padding:8px 9px;background:#ddd9bc;color:#666349}.reserve-line span:last-child{background:#b7bd9c}.pastry-reserve label{display:block;font-size:10px;letter-spacing:.03em}.weight-input{display:flex;align-items:center;gap:10px;margin:8px 0 14px}.weight-input input{width:125px;border:0;border-bottom:1px solid #a6aa92;background:transparent;font:27px var(--serif);border-radius:0;color:var(--ink);padding:5px 0}.weight-input span{font:17px var(--serif)}.pastry-reserve output{display:block;font-size:12px;line-height:1.8}.pastry-reserve>p{font-size:10px;line-height:1.7;color:var(--muted)}.pastry-reserve .fine-link{font-size:11px;text-align:left;line-height:1.6;margin-top:10px}.jar-stages{counter-reset:jar;list-style:none;padding:0}.jar-stages li{position:relative;border-top:1px solid var(--line);padding:25px 0 25px 45px}.jar-stages li:before{counter-increment:jar;content:'0' counter(jar);position:absolute;left:0;top:26px;font:italic 23px var(--serif);color:#889171}.jar-stages strong{display:block;font:28px var(--serif);margin-bottom:10px}.jar-stages p{margin:0}.jar-diagram{display:block;width:100%;height:auto;max-height:210px;margin:20px auto 30px}.jar-diagram text{font:12px var(--sans);fill:#747960}
.cutting-scene{display:grid;grid-template-columns:37% 63%;align-items:center;margin:0 0 30px;padding:90px 0 30px}.cutting-copy{padding:0 0 0 10vw;max-width:570px;z-index:1}.cutting-copy h2{font:clamp(45px,5vw,78px)/1.08 var(--serif);letter-spacing:-.045em;margin:25px 0}.cutting-copy>p:not(.small-label){font-size:13px;line-height:1.9;max-width:300px}.cutting-scene figure{margin:0 0 0 -3vw}.cutting-scene img{width:100%;height:690px;object-fit:cover;mask-image:linear-gradient(90deg,transparent,black 18%),linear-gradient(0deg,transparent,black 14%,black 86%,transparent);mask-composite:intersect}.cutting-scene figcaption{font-size:9px;line-height:1.6;color:var(--muted);margin:0 8vw 0 6vw}.table-copy .keeper-note{margin-top:30px}.voice-paper{position:relative;perspective:1000px;isolation:isolate}.voice-paper #voice-original{display:block;position:relative;width:100%;z-index:2}.voice-paper #voice-image{width:100%;height:440px;max-height:52vh;object-fit:contain;filter:drop-shadow(8px 14px 13px #493c2422);transform:rotate(-2deg);transition:transform .65s,opacity .3s;mix-blend-mode:multiply}.voice-paper:hover #voice-image{transform:rotate(0deg) translateY(-5px)}.paper-shadow{position:absolute;inset:12% 4% 18%;background:#ded7c842;transform:rotate(4deg);z-index:-1}#voice-pages{display:flex;justify-content:center;gap:16px;margin-top:17px;position:relative;z-index:3}#voice-pages button{font-size:10px;padding:7px 3px;border-bottom:1px solid transparent}#voice-pages button[aria-pressed=true]{border-color:var(--ink)}.voice-paper #voice-caption{text-align:center;font-size:10px;line-height:1.5;margin:18px 0 0}.voice-paper .paper-instruction{text-align:center;font:italic 15px var(--serif);color:var(--muted);margin:13px 0 0}.original-tools .display-label{font-size:10px;color:var(--muted)}
.history-opening-image{position:relative;width:70%;margin:0 0 -95px 32%}.history-opening-image img{width:100%;height:520px;object-fit:cover;mask-image:linear-gradient(0deg,transparent,black 23%,black 83%,transparent)}.history-opening-image figcaption{font-size:9px;line-height:1.6;color:var(--muted);max-width:380px;margin:0 8% 0 auto}.heritage-intro{position:relative;padding-top:0;z-index:1}.atlas-map{height:min(42vh,400px)}.atlas-scene{margin:18px 12px 0;position:relative;max-width:420px}.atlas-scene img{width:100%;height:130px;object-fit:cover;object-position:center 50%;mask-image:linear-gradient(90deg,black 60%,transparent)}.atlas-scene figcaption{font:italic 13px/1.5 var(--serif);color:var(--muted);margin-top:5px}.atlas-travel{display:flex;align-items:center;justify-content:space-between;margin:20px 12px 0;padding-top:12px;border-top:1px solid #bac2a665;gap:10px}.atlas-travel button{font-size:11px;padding:6px 0}.atlas-travel button:disabled{opacity:.35;cursor:default}.atlas-travel span{font:italic 17px var(--serif);color:var(--muted)}.atlas-caption{margin-top:10px}.history-chapter{min-height:850px}.history-return-image{position:relative;margin:50px -7vw 0;min-height:660px;display:flex;align-items:flex-end;padding:80px 12vw}.history-return-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(0deg,transparent,black 25%,black 70%,transparent);opacity:.84}.history-return-image>div{position:relative;z-index:1;max-width:510px;text-shadow:0 2px 25px #f3eee0}.history-return-image h3{font:clamp(45px,5vw,78px)/1.1 var(--serif);letter-spacing:-.04em;margin:20px 0}.history-return-image p{font:italic 18px/1.5 var(--serif)}.history-return-image .small-label{font:9px var(--sans)}.history-return-image .footnote{font:10px/1.6 var(--sans);max-width:400px}.history-return-image+ .family-fit{border-top:0;margin-top:0;padding-top:60px}
.upload-zone{margin:25px 0;padding:24px;border:1px dashed #a5ad91;background:#e8eadb3b}.upload-zone label{margin:0 0 12px}.upload-zone input{font-size:12px;width:100%;padding:0;border:0}.upload-zone input::file-selector-button{background:#e1e3d2;border:0;padding:10px 14px;margin-right:10px;font:11px var(--sans);color:var(--ink);cursor:pointer}.upload-previews{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.upload-previews figure{margin:0;min-width:0}.upload-previews img{width:100%;height:110px;object-fit:contain;background:#e4e2d5}.upload-previews figcaption{font-size:9px;word-break:break-word}.upload-previews button{font-size:10px;text-decoration:underline;margin-top:8px}.form-message{font-size:12px;line-height:1.7;color:#875d3b;margin:15px 0;min-height:1em}.review-tabs{display:flex;gap:20px;margin:25px 0;border-bottom:1px solid var(--line)}.review-tabs button{font-size:12px;padding:8px 0}.review-tabs [aria-pressed=true]{border-bottom:1px solid var(--ink)}.review-entry{padding:28px 0;border-top:1px solid var(--line)}.review-entry h3{margin:0 0 10px!important}.review-entry .entry-status{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.review-entry pre{font:12px/1.8 var(--sans);white-space:pre-wrap;word-break:break-word}.review-entry .actions{flex-wrap:wrap;gap:14px}.review-entry .upload-previews a{display:block;font-size:10px;margin-top:8px}.published-entries{margin:20px 0}.published-entries button{margin-right:15px;font:italic 24px var(--serif);border-bottom:1px solid #9ba285}.submission-link{margin-top:15px}.memory-form button:disabled{opacity:.45;cursor:wait}
@media(max-width:1050px){.cutting-scene img{height:570px}.voice-paper #voice-image{height:360px}.history-opening-image{width:80%;margin-left:20%}.atlas-scene img{height:100px}.atlas-note{min-height:0}.history-chapter{min-height:760px}.atlas-map{height:36vh}}
@media(max-width:700px){.keeper-note{margin:25px 0}.keeper-note blockquote{font-size:18px}.cutting-scene{display:flex;flex-direction:column;padding:70px 0 0}.cutting-copy{padding:0 9vw;max-width:none;width:100%}.cutting-copy h2{font-size:50px}.cutting-scene figure{margin:15px 0 0;width:100%}.cutting-scene img{height:auto;aspect-ratio:1.2;object-position:45% 50%;mask-image:linear-gradient(0deg,transparent,black 16%,black 85%,transparent)}.cutting-scene figcaption{margin:0 9vw;font-size:8px}.voice-paper #voice-image{height:250px;max-height:none}.paper-shadow{inset:10% 3% 27%}.voice-paper .paper-instruction{font-size:12px}#voice-pages{gap:9px}#voice-pages button{font-size:9px}.history-opening-image{width:100%;margin:0}.history-opening-image img{height:340px}.history-opening-image figcaption{margin:0 9vw;font-size:8px}.heritage-intro{padding-top:30px}.atlas-map{height:180px}.atlas-scene{display:none}.atlas-travel{margin:7px 0 0;padding-top:5px}.atlas-travel span{font-size:14px}.atlas-caption{font-size:7px}.history-chapter{min-height:0;scroll-margin-top:360px}.history-return-image{margin:0;min-height:530px;padding:60px 9vw}.history-return-image h3{font-size:46px}.history-return-image>img{object-position:55%}.upload-previews{grid-template-columns:repeat(2,1fr)}.upload-zone{padding:18px}.pastry-reserve output{font-size:12px}.pastry-reserve>p{font-size:10px}}
@media(max-height:800px) and (min-width:701px){.atlas-scene{display:none}.atlas-map{height:43vh}.atlas-sticky{top:12px;padding-top:12px}}
@media(prefers-reduced-motion:reduce){.keeper-note,.handwritten-peek,.voice-paper #voice-image{transition:none}.js-reveal .keeper-note:not(.is-seen){opacity:1;transform:none}}

@media(min-width:701px){.atlas-map{height:min(34vh,325px)}.atlas-scene img{height:100px}.atlas-note{min-height:0}.atlas-travel{margin-top:12px}.atlas-sticky{padding-top:15px}.history-opening-image{max-width:1100px}}

.scene-shell{background-image:url('assets/jar-forming-v5.webp');background-size:cover;background-position:center}.jar-photo{width:100%;height:auto;margin:15px 0;mask-image:linear-gradient(0deg,transparent,black 14%,black 86%,transparent)}
@media(min-width:701px) and (max-width:1050px){.history-return-image{margin-left:-5vw;margin-right:-5vw}}

.family-whisper [data-keeper-link]{font:inherit;color:inherit;padding:5px 1px;border-bottom:1px solid transparent}.family-whisper [data-keeper-link]:hover,.family-whisper [data-keeper-link]:focus-visible{border-bottom-color:currentColor}.family-voices>button,.daughters>button{cursor:pointer}.voice-paper #voice-image{min-height:180px}