:root{--paper:#f4f0e7;--ink:#354034;--muted:#666d5e;--faint:#8b8c7c;--line:#c9c9b7;--accent:#866548;--serif:'Bodoni Moda',Georgia,serif;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:38px}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:hover,a:hover{color:var(--accent)}img{max-width:100%;display:block}p{margin:0 0 1.2em}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:0}em{font-weight:400}::selection{background:#dbcfb3}button span,a span{transition:transform .25s}button:hover>span:last-child,a:hover>span:last-child{transform:translate(2px,-2px)}.skip{position:fixed;z-index:30;top:-80px;left:15px;padding:12px;background:var(--paper)}.skip:focus{top:12px}.small-label{font-size:10px;line-height:1.7;letter-spacing:.17em;font-weight:600;text-transform:uppercase}.fine-link{font-size:12px;line-height:1.8;display:inline-block;padding:8px 0;position:relative}.fine-link:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;background:currentColor;transform-origin:left;transition:transform .3s}.fine-link:hover:after{transform:scaleX(.7)}.quiet{color:var(--muted)}#masthead{height:106px;position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 4.5vw;z-index:5}#masthead>p{font-size:9px;letter-spacing:.15em;margin:0 0 0 auto;padding-right:6vw}.brand{font:italic 30px/1 var(--serif);letter-spacing:-.04em}.brand span{display:block;font:600 8px/1 var(--sans);letter-spacing:.25em;margin-top:9px;padding-left:2px}#masthead nav{display:flex;gap:28px}#masthead nav button{font-size:11px}#masthead nav span{margin-left:12px}.opening{min-height:850px;height:100svh;position:relative;overflow:hidden;padding:0 7vw}.opening-image{position:absolute;top:0;right:-12%;width:98%;height:100%;background:url('assets/pie-finished-v23.webp') 50% 53%/cover;mask-image:linear-gradient(90deg,transparent,black 35%),linear-gradient(0deg,transparent,black 20%);mask-composite:intersect;opacity:.96;transform:translateY(var(--opening-y,0)) scale(1.04);will-change:transform}.opening:after{content:'';position:absolute;pointer-events:none;inset:0;background:linear-gradient(90deg,var(--paper),transparent 56%);opacity:.2}.opening-kicker{position:absolute;top:22%;font-size:10px;font-weight:500;letter-spacing:.16em;z-index:1}.opening h1{position:absolute;top:29%;z-index:1;font-size:clamp(100px,13.5vw,216px);letter-spacing:-.075em;line-height:.89}.opening h1>span{display:block}.opening h1>em{display:block;font-size:.76em;margin-top:.08em;letter-spacing:-.065em;transform:translateX(4vw)}.opening-invitation{position:absolute;bottom:15%;left:11.5vw;z-index:2}.opening-invitation>p{font-size:14px;line-height:1.7;margin-bottom:25px}.opening-invitation>a{font-size:10px;letter-spacing:.08em;display:flex;align-items:center;gap:17px}.scroll-thread{width:1px;height:48px;display:inline-block;background:linear-gradient(var(--ink),transparent);position:relative}.scroll-thread:after{content:'';position:absolute;left:-2px;top:0;width:5px;height:5px;border-radius:50%;background:var(--ink);animation:down-thread 3s ease-in-out infinite}@keyframes down-thread{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(44px);opacity:0}}.opening-caption{position:absolute;bottom:24px;left:7vw;font-size:9px;z-index:1;color:var(--muted)}.opening-years{position:absolute;right:6vw;bottom:44px;display:grid;gap:4px;z-index:1}.opening-years span{font-size:8px;letter-spacing:.18em}.opening-years i{font:italic 21px var(--serif)}.inheritance{max-width:1450px;margin:auto;padding:190px 11vw 130px;position:relative;min-height:860px}.inherited-copy{position:relative;z-index:2;max-width:600px}.inheritance .small-label{margin-bottom:30px}.inheritance h2{font-size:clamp(36px,4vw,62px)}.inheritance-line{font:italic 27px/1.35 var(--serif);letter-spacing:-.02em;max-width:440px;margin:24px 0}.intro-body{font-size:13px;line-height:1.9;max-width:380px}.original-fragment{position:absolute;right:8%;top:100px;width:27%;transform:rotate(7deg);transition:transform .6s;z-index:1}.original-fragment:hover{transform:rotate(2deg) translateY(-10px)}.original-fragment img{width:100%;height:440px;object-fit:cover;object-position:50% 35%;box-shadow:9px 20px 34px #392d191c}.original-fragment span{font-size:9px;display:block;text-align:center;margin-top:16px}.family-whisper{margin-top:90px;font:italic 24px var(--serif);display:flex;gap:22px;align-items:center}.family-whisper span{font:12px var(--sans);color:var(--faint)}.family-whisper b{font-weight:500}.recipe-prelude{text-align:center;padding:40px 5vw 100px;position:relative;z-index:2}.recipe-prelude:before{content:'';display:block;width:1px;height:75px;background:linear-gradient(transparent,var(--line));margin:0 auto 35px}.recipe-prelude h2{font-size:clamp(46px,5.6vw,84px);margin:30px 0}.recipe-prelude p:not(.small-label){font-size:12px;color:var(--muted);line-height:1.9}.recipe-prelude .fine-link{margin-top:12px}.recipe-story{position:relative}.visual-stage{position:sticky;top:0;height:100svh;margin-bottom:-100svh;pointer-events:none;overflow:hidden;isolation:isolate}.scene-stack{position:absolute;left:37vw;right:-2vw;top:50%;aspect-ratio:3/2;transform:translateY(-50%);mask-image:linear-gradient(90deg,transparent,black 16%,black 86%,transparent),linear-gradient(0deg,transparent,black 13%,black 87%,transparent);mask-composite:intersect}.scene{position:absolute;inset:0;opacity:0;background-size:200% 200%;background-repeat:no-repeat;transition:opacity .85s ease;transform:scale(var(--scene-scale,1.03)) translateY(var(--scene-y,0));will-change:opacity,transform}.scene.active{opacity:1}.scene-stock,.scene-dough,.scene-shell,.scene-pork{background-image:url('assets/preparation-v3.webp');background-size:200% 200%}.scene-stock{background-position:0 0}.scene-dough{background-position:100% 0}.scene-shell{background-position:0 100%}.scene-pork{background-position:100% 100%}.scene-packing,.scene-sealing,.scene-baked,.scene-jelly{background-image:url('assets/assembly-v3.webp');background-size:200% 200%}.scene-packing{background-position:0 0}.scene-sealing{background-position:100% 0}.scene-baked{background-position:0 100%}.scene-jelly{background-position:100% 100%}.scene-finished{background:url('assets/pie-finished-v23.webp') center/cover}.scene-caption{position:absolute;bottom:10vh;left:48vw;right:6vw;display:flex;align-items:center;gap:25px;color:var(--muted);font-size:10px}.scene-caption>span:first-child{font-size:9px;letter-spacing:.1em;flex-shrink:0}.scene-progress{position:absolute;bottom:8vh;left:48vw;right:6vw;height:1px;background:#bebfa647}.scene-progress span{display:block;background:#888d6e;height:1px;transform:scaleX(0);transform-origin:left;transition:transform .5s}.recipe-thread{position:relative;z-index:2}.moment{min-height:96svh;padding:15vh 0 16vh 9vw;display:flex;align-items:center;scroll-margin-top:0}.moment-text{width:29vw;max-width:435px;position:relative}.moment-text>.small-label{font-size:9px;letter-spacing:.15em;margin-bottom:25px;display:flex;align-items:center;gap:18px}.moment-text>.small-label>span{font-family:var(--serif);font-size:20px;letter-spacing:0;font-style:italic;line-height:1}.moment h3{font-size:clamp(33px,3.6vw,57px);line-height:1.05;margin-bottom:28px}.method{font-size:13px;line-height:1.95;margin-bottom:24px;max-width:390px}.measure{font:20px/1.5 var(--serif);letter-spacing:-.01em;margin:0 0 24px}.measure i{font-size:15px;color:var(--muted);margin:0 4px}.measure small{font:9px var(--sans);letter-spacing:.02em}.source-mark{font-size:9px;letter-spacing:.035em;padding:8px 0;color:var(--muted)}.companion{font-size:9px;line-height:1.7;color:var(--muted);max-width:280px;margin:0 0 9px}.companion button{padding:6px 8px;font-size:15px}.marginal-note{margin-top:25px;max-width:365px}.marginal-note summary{font-size:11px;list-style:none;cursor:pointer;display:flex;gap:13px;line-height:1.6;align-items:baseline}.marginal-note summary::-webkit-details-marker{display:none}.marginal-note summary>span{font-size:17px;font-weight:400;transition:transform .25s}.marginal-note[open] summary>span{transform:rotate(45deg)}.marginal-note>div{padding:14px 0 0 29px;color:var(--muted);font-size:11px;line-height:1.85}.marginal-note p{margin-bottom:5px}.marginal-note .fine-link{font-size:10px;display:block;width:fit-content}.mobile-scene{display:none}#packing,#lid{min-height:102svh}.afterword{position:relative;padding:130px 13vw 150px;max-width:1500px;margin:auto}.afterword-heading{margin-bottom:60px}.afterword h2{font-size:clamp(42px,5vw,76px);margin-top:24px}.family-flow{display:grid;grid-template-columns:1.2fr 1fr;gap:12vw;align-items:center}.family-voices{display:flex;flex-direction:column;align-items:stretch}.family-voices button{text-align:left;font:50px/1.4 var(--serif);letter-spacing:-.05em;display:flex;align-items:baseline;gap:20px;padding:5px 0;color:#9a9c8b;position:relative;transition:color .25s,padding .5s}.family-voices button>span{font:9px var(--sans);letter-spacing:.06em}.family-voices button>small{font:9px var(--sans);letter-spacing:0;margin-left:auto;opacity:0;transition:opacity .3s;max-width:120px;text-align:right}.family-voices button.active,.family-voices button:hover,.family-voices button:focus-visible{color:var(--ink);padding-left:12px}.family-voices button.active>small,.family-voices button:hover>small{opacity:1}.voice-paper{transform:rotate(4deg)}.voice-paper button{display:block;width:100%}.voice-paper img{width:100%;height:440px;object-fit:cover;object-position:top;box-shadow:8px 16px 30px #2c271316;transition:opacity .3s}.voice-paper p{font-size:9px;color:var(--muted);text-align:center;margin:18px 0 0}.family-afterline{max-width:570px;font-size:13px;line-height:1.9;margin:55px 0 10px}.english-thread{position:relative;min-height:800px;padding:190px 14vw 150px;overflow:hidden}.english-thread>div:not(.map-impression){position:relative;z-index:2;max-width:560px}.english-thread h2{font-size:clamp(40px,4.9vw,75px);margin:25px 0 35px}.english-thread p:not(.small-label){font-size:13px;max-width:420px;line-height:1.9}.large-thread-word{font:italic 30vw/.8 var(--serif);letter-spacing:-.05em;position:absolute;left:8vw;top:0;color:#dedeca;opacity:.5;pointer-events:none}.map-impression{position:absolute;right:0;top:15%;width:52%;height:80%;opacity:.24;transform:rotate(-8deg);pointer-events:none}.map-impression svg{width:100%;height:100%;fill:#b9bda4;stroke:#9fa689;stroke-width:1}.last-page{position:relative;min-height:760px;display:flex;align-items:center;justify-content:flex-end;padding:90px 12vw;overflow:hidden}.last-page>div:last-child{position:relative;z-index:1}.last-page h2{font-size:clamp(46px,5.5vw,84px);margin:30px 0}.last-page p:not(.small-label){font-size:13px;line-height:1.9}.last-image{position:absolute;inset:0 34% 0 -16%;background:url('assets/pie-finished-v23.webp') 52% 50%/cover;mask-image:linear-gradient(90deg,black 20%,transparent 97%),linear-gradient(0deg,transparent,black 22%,black 80%,transparent);mask-composite:intersect;opacity:.82}footer{position:relative;display:flex;gap:60px;padding:80px 7vw 60px;align-items:flex-start;border-top:1px solid #d6d7c72e}footer>p{font-size:10px;line-height:1.9;color:var(--muted)}footer nav{margin-left:auto;display:flex;flex-wrap:wrap;max-width:340px;gap:12px 24px}footer nav button{font-size:10px}#note-count{font-size:9px;padding-left:3px}.reading-progress{position:fixed;left:0;top:0;width:2px;height:100vh;background:transparent;z-index:9;pointer-events:none}.reading-progress span{display:block;background:#828b6b;height:100%;transform:scaleY(0);transform-origin:top}.reading-position{position:fixed;bottom:20px;left:5vw;right:5vw;display:flex;justify-content:space-between;z-index:8;pointer-events:none;font-size:9px;letter-spacing:.09em;color:var(--muted);text-transform:uppercase}.reading-position[hidden]{display:none}.reading-position>button{pointer-events:auto;letter-spacing:.03em;text-transform:none;padding:7px 0}.reading-position>span{padding:7px 0;max-width:70%}#notice{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);font-size:12px;padding:12px 24px;border-radius:2px;z-index:40;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#notice.visible{opacity:1;transform:translate(-50%,0)}dialog{color:var(--ink);background:var(--paper);border:0;padding:0;overscroll-behavior:contain}dialog::backdrop{background:#26302442;backdrop-filter:blur(6px)}.panel{margin:0 0 0 auto;width:min(820px,94vw);height:100svh;max-height:none;max-width:none;padding:30px 50px 70px;box-shadow:-20px 0 80px #26302412}.panel[open]{animation:paper-in .45s cubic-bezier(.2,.8,.2,1)}@keyframes paper-in{from{transform:translateX(60px);opacity:0}to{transform:none;opacity:1}}.panel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:0 0 35px;position:relative}.panel-top p{margin:0}.panel-top>button{font-size:30px;font-weight:400;line-height:1;padding:4px 7px;margin-top:-7px}.panel h2{font-size:52px;margin:15px 0 25px}.panel h3{font-size:29px;margin:40px 0 15px;letter-spacing:-.035em}.panel h4{font-size:24px;margin:22px 0 10px}.panel p,.panel li{font-size:13px;line-height:1.85}.panel ol,.panel ul{padding-left:23px}.panel li{padding:0 0 15px 6px}.panel .lead{font:23px/1.45 var(--serif);letter-spacing:-.015em}.panel .footnote{font-size:11px;color:var(--muted)}.panel .text-link{font-size:12px;text-decoration:underline;text-underline-offset:4px}.panel .actions{display:flex;gap:24px;margin:20px 0 32px;flex-wrap:wrap}.ingredient-lines{margin:25px 0 35px}.ingredient-lines div{display:grid;grid-template-columns:155px 1fr;gap:20px;padding:9px 0;border-bottom:1px solid #d5d6c65e;font-size:13px}.ingredient-lines dt{font-weight:600}.ingredient-lines dd{margin:0}.archive-list{display:grid;grid-template-columns:repeat(2,1fr);gap:35px 25px;margin:35px 0}.archive-list button{text-align:left;position:relative}.archive-list img{height:200px;width:100%;object-fit:cover;object-position:top;margin-bottom:16px;filter:saturate(.72)}.archive-list strong{font:30px var(--serif);display:block}.archive-list span{font-size:10px;color:var(--muted)}.comparison-scroll{overflow:auto;max-width:100%;margin:25px 0}table{border-collapse:collapse;width:100%;min-width:590px;font-size:11px;text-align:left}th,td{vertical-align:top;padding:14px 12px;border-bottom:1px solid var(--line);line-height:1.65}th{font-weight:600}thead th{font-size:12px}th:first-child,td:first-child{padding-left:0;width:110px}table button{font-size:11px;border-bottom:1px solid}.comparison-controls{display:flex;gap:15px;flex-wrap:wrap;margin:25px 0}.comparison-controls button{font-size:12px;padding:7px 0;border-bottom:1px solid transparent}.comparison-controls button[aria-pressed=true]{border-color:var(--ink)}.source-list{list-style:none;padding:0!important}.source-list li{padding:19px 0;border-bottom:1px solid #d6d7c7}.source-list a{font:23px/1.3 var(--serif);display:block;margin-bottom:10px}.source-list p{font-size:12px;margin:0;color:var(--muted)}.year-line{display:grid;grid-template-columns:70px 1fr;gap:20px;margin:30px 0}.year-line>span{font:22px var(--serif)}.year-line h3{margin:0 0 10px}.memory-form label{display:block;font-size:12px;margin:25px 0 8px}.memory-form input,.memory-form textarea,.memory-form select{display:block;border:0;border-bottom:1px solid #abb199;padding:11px 2px;width:100%;background:transparent;border-radius:0;font-size:14px}.memory-form textarea{min-height:140px;resize:vertical}.solid-button{background:var(--ink);color:var(--paper);padding:13px 22px;font-size:12px;display:inline-block;margin:24px 0}.solid-button:hover{background:#58604a;color:var(--paper)}.notebook-entry{padding:25px 0;border-bottom:1px solid var(--line)}.notebook-entry h3{margin:5px 0 15px}.notebook-entry>p{white-space:pre-wrap}.notebook-entry>.footnote{white-space:normal}.notebook-entry button{font-size:10px;color:var(--muted);padding:8px 0}.film{margin:30px 0 50px}.film video{width:100%;max-height:440px;background:#dedbcd;object-fit:contain}.film-controls{display:flex;gap:20px;align-items:center;margin:15px 0}.film-controls input{flex:1;accent-color:var(--ink)}.film-controls button{font-size:12px;padding:8px 0}.original-dialog{width:94vw;height:92svh;max-width:1500px;max-height:92svh;margin:auto;padding:30px 40px 45px;box-shadow:0 20px 70px #26302422}.original-dialog h2{font-size:35px;margin-top:8px}.original-toolbar{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-bottom:25px;font-size:11px}.original-toolbar>div{display:flex;gap:8px}.original-toolbar button{padding:7px 10px;border-bottom:1px solid transparent}.original-toolbar button[aria-pressed=true]{border-color:var(--ink)}.original-toolbar>label{display:flex;gap:14px;align-items:center;margin-left:auto;font-size:11px}.original-toolbar input{width:100px;accent-color:var(--ink)}.original-reader{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}.original-photo{overflow:auto;max-height:65svh;background:#ebe6d9}.original-photo img{max-width:none;width:100%;transform-origin:top left}.original-reader pre{white-space:pre-wrap;font:14px/1.85 var(--sans);margin:0 0 25px}.original-reader details{font-size:12px;color:var(--muted)}.original-reader summary{cursor:pointer}.original-reader li{margin:12px 0}.panel-error{padding:50px 0;font-size:15px}.panel-error button{text-decoration:underline}dialog[open]~.reading-position{display:none}
@media(min-width:1600px){.moment-text{width:30vw;max-width:510px}.method{font-size:15px;max-width:440px}.measure{font-size:24px}.moment h3{font-size:62px}.scene-stack{right:0;left:39vw}.inheritance{padding-left:150px;padding-right:150px}.original-fragment{right:12%}}
@media(max-width:1050px){#masthead>p{display:none}.opening{min-height:720px}.opening h1{font-size:15vw;top:29%}.opening-kicker{top:23%}.opening-image{right:-18%;width:112%;background-position:57% center}.inheritance{padding-left:8vw;padding-right:8vw}.original-fragment{right:7%;width:29%;top:140px}.original-fragment img{height:380px}.inherited-copy{max-width:55%}.intro-body{font-size:12px}.family-whisper{font-size:21px;gap:14px}.moment{padding-left:7vw}.moment-text{width:33vw}.moment h3{font-size:3.9vw}.method{font-size:12px}.scene-stack{left:38vw;right:-10vw}.scene-caption,.scene-progress{left:49vw}.afterword{padding-left:9vw;padding-right:9vw}.family-flow{gap:8vw}.family-voices button{font-size:42px}.family-voices button>small{max-width:90px}.voice-paper img{height:370px}.english-thread{padding-left:10vw}.last-page{padding-right:8vw}.last-page h2{font-size:6vw}footer{gap:35px}}
@media(max-width:700px){html{scroll-padding-top:22px}#masthead{height:88px;padding:0 6vw}.brand{font-size:25px}.brand span{font-size:7px}#masthead nav{gap:18px}#masthead nav button{font-size:9px}#masthead nav span{display:none}.opening{height:95svh;min-height:740px;padding:0 7vw}.opening-image{inset:29% -20% auto;width:140%;height:66%;background-position:50% 50%;mask-image:linear-gradient(0deg,transparent,black 22%,black 72%,transparent)}.opening-kicker{top:16%;font-size:8px;letter-spacing:.12em}.opening h1{top:22%;font-size:26vw;line-height:.92}.opening h1>em{font-size:.7em;transform:translateX(15vw)}.opening-invitation{bottom:12%;left:8vw}.opening-invitation>p{font-size:12px;margin-bottom:14px;text-shadow:0 0 10px var(--paper)}.opening-invitation>a{font-size:9px;gap:12px}.scroll-thread{height:31px}.opening-caption{left:7vw;right:7vw;bottom:15px;font-size:8px;line-height:1.6;max-width:230px}.opening-years{right:7vw;bottom:9%;max-width:125px}.opening-years span{font-size:7px}.opening-years i{font-size:17px}.inheritance{padding:100px 8vw 70px;min-height:0;display:flex;flex-direction:column}.inherited-copy{max-width:100%}.inheritance h2{font-size:39px}.inheritance-line{font-size:25px;max-width:280px}.intro-body{font-size:12px;max-width:320px}.original-fragment{position:relative;top:auto;right:auto;width:62%;max-width:260px;margin:50px 5vw 20px auto;transform:rotate(6deg)}.original-fragment img{height:300px}.original-fragment span{font-size:8px}.family-whisper{margin-top:45px;gap:10px;font-size:20px;flex-wrap:wrap}.family-whisper span{font-size:10px}.recipe-prelude{padding:25px 8vw 30px}.recipe-prelude:before{height:50px;margin-bottom:25px}.recipe-prelude h2{font-size:49px;margin:25px 0}.recipe-prelude .small-label{font-size:8px}.recipe-prelude p:not(.small-label){font-size:11px}.recipe-prelude .fine-link{font-size:10px}.visual-stage{display:none}.moment,#packing,#lid{display:block;min-height:0;padding:0 0 64px;scroll-margin-top:10px}.mobile-scene{display:block;width:100%;aspect-ratio:3/2;mask-image:linear-gradient(0deg,transparent,black 20%,black 76%,transparent);margin:0 0 5px;background-repeat:no-repeat}.moment-text{width:auto;max-width:none;margin:0 10vw}.moment-text>.small-label{margin-bottom:22px;font-size:8px;gap:14px}.moment h3{font-size:40px;line-height:1.07;margin-bottom:23px}.method{font-size:13px;line-height:1.9}.measure{font-size:21px;line-height:1.55;margin-bottom:16px}.measure small{font-size:9px}.source-mark{font-size:10px}.marginal-note{margin-top:15px}.marginal-note summary{font-size:11px}.marginal-note>div{font-size:12px}.afterword{padding:50px 8vw 80px}.afterword-heading{margin-bottom:40px}.afterword h2{font-size:40px}.afterword .small-label{font-size:8px}.family-flow{gap:7vw;grid-template-columns:1fr .85fr}.family-voices button{font-size:29px;gap:9px;padding:8px 0;line-height:1.3}.family-voices button>span{font-size:7px}.family-voices button>small{display:none}.family-voices button.active,.family-voices button:hover{padding-left:5px}.voice-paper img{height:255px}.voice-paper p{font-size:8px}.family-afterline{font-size:12px;margin-top:35px}.afterword>.fine-link{font-size:11px}.english-thread{min-height:620px;padding:120px 8vw 80px}.english-thread h2{font-size:40px}.english-thread p:not(.small-label){font-size:12px}.large-thread-word{font-size:38vw;top:25px;left:3vw}.map-impression{width:80%;right:-25%;top:25%;opacity:.14}.last-page{min-height:710px;padding:80px 8vw;align-items:flex-start;justify-content:flex-start}.last-page h2{font-size:48px}.last-page p:not(.small-label){font-size:12px}.last-image{inset:36% -30% -10% -20%;opacity:.7;mask-image:linear-gradient(0deg,transparent,black 35%,transparent);background-position:center}footer{padding:40px 8vw 50px;flex-wrap:wrap;gap:30px}footer>p{font-size:9px;margin-left:auto}footer nav{margin:0;max-width:100%;gap:15px 24px}footer nav button{font-size:10px}.reading-position{display:none!important}.panel{width:100vw;padding:25px 7vw 50px}.panel h2{font-size:43px}.panel h3{font-size:28px}.panel-top{padding-bottom:22px}.panel .lead{font-size:22px}.ingredient-lines div{grid-template-columns:115px 1fr;gap:15px;font-size:12px}.archive-list img{height:160px}.archive-list strong{font-size:26px}.original-dialog{width:100vw;height:100svh;max-height:100svh;padding:25px 6vw}.original-dialog h2{font-size:29px}.original-dialog .small-label{font-size:8px}.original-toolbar{gap:12px;margin-bottom:25px}.original-toolbar>label{margin-left:0}.original-toolbar>a{margin-left:auto;font-size:10px}.original-reader{grid-template-columns:1fr;gap:25px}.original-photo{max-height:60svh}.original-reader pre{font-size:13px}.original-reader details{font-size:11px}.original-toolbar button{padding:6px 8px}.original-toolbar input{width:85px}.year-line{grid-template-columns:55px 1fr;gap:15px}.year-line h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.opening-image,.scene{transform:none!important}.original-fragment:hover{transform:rotate(7deg)}.panel[open]{animation:none}}
@media print{body{font:11pt Georgia,serif;background:#fff;color:#000}body>*{display:none!important}body>#panel[open]{display:block!important;position:static;width:auto;height:auto;max-height:none;padding:0;overflow:visible;box-shadow:none}#panel .panel-top,#panel button,#panel .actions,#panel .fine-link{display:none!important}#panel h2{font-size:30pt}#panel h3{font-size:18pt;break-after:avoid}#panel p,#panel li{font:11pt/1.5 Georgia,serif}#panel li{break-inside:avoid}#panel a{color:#000}#panel .ingredient-lines{margin:12pt 0}#panel .ingredient-lines div{padding:4pt 0}dialog::backdrop{display:none}}
/* Keep the image sequence within the making, with no overlap onto the family pages. */
.visual-track{position:absolute;inset:0;pointer-events:none}.visual-stage{margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.method{font-size:14px}.source-mark{font-size:10px;padding:10px 0}.scene-caption{font-size:11px}.companion{font-size:10px}.marginal-note summary{font-size:12px}.marginal-note>div{font-size:12px}.panel:focus{outline:none}.panel-top>button{min-height:36px;min-width:36px}
@media(max-width:1050px) and (min-width:701px){.method{font-size:13px}.moment-text{width:34vw}.moment h3{font-size:4vw}.scene-stack{left:40vw}}
@media(max-width:700px){.visual-track{display:none}.method{font-size:13px}.opening-image{mask-image:linear-gradient(0deg,transparent 5%,black 45%,black 72%,transparent)}.opening-years{display:none}.opening-invitation{bottom:10%}.marginal-note summary{font-size:11px}.companion{font-size:9px}.source-mark{font-size:10px}}
.scene-glaze{background:url('assets/glaze-v3.png') center/cover}

.scene-chimney,.scene-decoration,.scene-glaze,.scene-baked,.scene-jelly{background-image:url('assets/family-finish-v3.webp');background-size:200% 300%;background-repeat:no-repeat}.scene-chimney{background-position:0 0}.scene-decoration{background-position:100% 0}.scene-glaze{background-position:0 50%}.scene-baked{background-position:100% 50%}.scene-jelly{background-position:0 100%}
@media(max-width:700px){.opening-image{background-position:100% 50%}}