@font-face{font-family:Courier Prime;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7f6e389592deb6d0-s.18kjkh28iesz_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-weight:400;font-display:swap;src:url(../media/87d3ffffac5dafea-s.p.3a10o7es2neby.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime;font-style:normal;font-weight:700;font-display:swap;src:url(../media/69c6d7b79c8b79fe-s.1_9u50gws63pa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5f440d3eea613716-s.p.1xmps1tcyqv34.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime Fallback;src:local(Arial);ascent-override:58.08%;descent-override:25.41%;line-gap-override:0.0%;size-adjust:134.5%}.courier_prime_8ebb4f33-module__FPgkMa__className{font-family:Courier Prime,Courier Prime Fallback;font-style:normal}.courier_prime_8ebb4f33-module__FPgkMa__variable{--font-typewriter:"Courier Prime", "Courier Prime Fallback"}
.letters{--ink:#1f1a15;--ink-soft:#4a4037;--ink-muted:#6b5f53;--line:#d9cbb5;--paper-light:#faf6ef;--serif:var(--font-libre-baskerville), "Iowan Old Style", Georgia, var(--font-noto-serif-sc), "Songti SC", "STSong", "Noto Serif CJK SC", serif;--page-shadow:0 30px 50px -28px #3c28148c, 0 2px 6px #3c28141f;--sepia-ink:#5a4127;--typed:var(--font-typewriter), "Courier New", var(--font-noto-serif-sc), monospace;--paper:#f3eadb;--sheet:#ece0c9;--sheet-under:#e1d1b5;isolation:isolate;background:radial-gradient(ellipse 120% 3% at 50% 0%, #d6ba8c4d, transparent 70%), radial-gradient(ellipse 70% 4% at 12% 22%, #c4a06829, transparent 70%), radial-gradient(ellipse 60% 3% at 90% 41%, #c4a06824, transparent 70%), radial-gradient(ellipse 80% 4% at 20% 63%, #aa82501f, transparent 70%), radial-gradient(ellipse 70% 4% at 80% 86%, #c4a06829, transparent 70%), var(--paper);position:relative;overflow-x:clip}.letters:before{content:"";z-index:-1;pointer-events:none;opacity:.55;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .38 0 0 0 0 .28 0 0 0 0 .17 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(circle at 8% 14%,#9664321f 0 3px,#0000 6px),radial-gradient(circle at 91% 33%,#9664321a 0 4px,#0000 8px),radial-gradient(circle at 14% 58%,#9664321a 0 2px,#0000 5px),radial-gradient(circle at 76% 77%,#9664321f 0 3px,#0000 7px);background-size:300px 300px,100% 100%,100% 100%,100% 100%,100% 100%;position:absolute;inset:0}.letters-intro{max-width:60rem;padding-top:clamp(4rem,12svh,8rem);padding-bottom:clamp(3rem,10svh,6rem)}.letters-prose{max-width:36rem;color:var(--ink-soft);text-wrap:pretty;font-size:1.1rem;line-height:1.85}.letters-prose p+p{margin-top:1.1em}:lang(zh-Hans) .letters-prose{letter-spacing:.02em;font-size:1.12rem;line-height:2}.letters-prose .letters-em{font-family:var(--serif);color:var(--ink);text-wrap:balance;margin-top:1.8em;font-size:clamp(1.3rem,2.4vw,1.65rem);line-height:1.5}.letters-section{padding-block:clamp(4rem,14svh,9rem)}.letters-section-tight{padding-bottom:1.5rem}.letters-statement{max-width:22ch;font-family:var(--serif);color:var(--ink);text-wrap:balance;font-size:clamp(1.7rem,4.2vw,3rem);line-height:1.25}.letters-statement-small{font-size:clamp(1.35rem,3vw,2rem)}.letters-lead{max-width:30ch}:lang(zh-Hans) .letters-statement{letter-spacing:.03em;max-width:15em;line-height:1.5}:lang(zh-Hans) :is(.letters-statement,.letters-refrain,.letters-em,.letters-quiet-text,.po-step-line,.lz-gloss,.ol-caption,.cl-large figcaption,.letters-archive,.atmos-note){word-break:keep-all;overflow-wrap:anywhere}:lang(zh-Hans) .letters-lead{max-width:21em}:lang(zh-Hans) .letters-ending .letters-statement{max-width:19em}@media (max-width:400px){:lang(zh-Hans) .letters-statement{font-size:min(1.7rem,7.6vw)}:lang(zh-Hans) :is(.letters-statement-small,.po-step-line){font-size:min(1.3rem,5.6vw)}}.letters-turn{text-align:center;justify-content:center;padding-block:clamp(8rem,30svh,16rem);display:flex}.letters-refrain{max-width:26ch;font-family:var(--serif);color:var(--ink);margin-top:3.5rem;font-size:clamp(1.35rem,2.6vw,1.9rem);font-style:italic;line-height:1.4}:lang(zh-Hans) .letters-refrain{max-width:18em;font-style:normal}.letters-quiet{place-items:center;min-height:110svh;padding:20svh 20px;display:grid}.letters-quiet-text{max-width:30rem;font-family:var(--serif);text-align:center;text-wrap:balance;color:var(--ink-soft);font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.9}.letters-quiet-text p+p{margin-top:.4em}.letters-quiet-text .letters-em{color:var(--ink);margin-top:2.4em}.letters-waiting{padding-bottom:clamp(2rem,6svh,4rem)}.letters-home-waiting{padding-top:clamp(2rem,6svh,4rem)}.letters-house{padding-bottom:0}.letters-ending{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding-block:clamp(8rem,26svh,14rem) clamp(2rem,6svh,4rem);display:flex}.letters-archive{border-top:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;max-width:40rem;margin-top:2rem;padding-block:3rem 6rem;display:flex}.archival{letter-spacing:.08em;color:var(--ink-muted);font-size:.8rem}:lang(zh-Hans) .archival{letter-spacing:.06em;font-size:.88rem}.notebook-page{box-shadow:var(--page-shadow);background:#efe4cf;position:relative}.notebook-page>img,.handwriting-crop img{width:100%;height:100%;display:block}.handwriting-crop{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000),linear-gradient(#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000),linear-gradient(#0000,#000 10% 90%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.lz{padding-block:2rem 4rem}.lz-stage{flex-direction:column;align-items:center;gap:1.75rem;padding-inline:20px;display:flex;position:relative}.lz-page{width:min(62vw,280px);aspect-ratio:var(--page-ar)}.lz-object-caption,.lz-gloss{text-align:center;max-width:32rem}.lz-lens{width:min(88vw,560px);aspect-ratio:var(--crop-ar);margin-top:1.5rem}.lz-vignette{display:none}.ol{padding-block:1rem 3rem}.ol-stage{position:relative}.ol-pages{justify-content:center;gap:12px;margin-bottom:3.5rem;padding-inline:20px;display:flex}.ol-page{width:min(28vw,150px);aspect-ratio:var(--page-ar)}.ol-list{gap:3.5rem;max-width:44rem;margin-inline:auto;padding-inline:20px;list-style:none;display:grid}.ol-frag,.ol-fig{margin:0;position:relative}.ol-mark.handwriting-crop{width:min(100%, calc(84px * var(--crop-ar)));aspect-ratio:var(--crop-ar)}.ol-paraphrase p{color:var(--ink);font-size:clamp(1.3rem,2.6vw,1.7rem);font-style:italic;line-height:1.4}:lang(zh-Hans) .ol-paraphrase p{font-style:normal}.ol-caption{margin-top:1rem}.po{padding-block:2rem 4rem}.po-stage{flex-direction:column;align-items:center;gap:2.5rem;display:flex;position:relative}.po-window{aspect-ratio:16/10;order:2;width:min(100% - 40px,960px);position:relative;overflow:hidden}.po-photo{position:absolute;inset:0}.po-scrim,.po-notebook{display:none}.po-steps{text-align:center;order:1;gap:.6rem;padding-inline:20px;list-style:none;display:grid}.po-step-line{font-family:var(--serif);color:var(--ink);text-wrap:balance;font-size:clamp(1.3rem,2.6vw,1.9rem)}.po-step-title{font-family:var(--serif);color:var(--ink);font-size:clamp(2.4rem,6vw,4.2rem);font-weight:700}.cl{flex-direction:column;align-items:center;gap:3rem;padding:clamp(5rem,18svh,10rem) 20px 3rem;display:flex}.cl-page{width:min(58vw,260px);aspect-ratio:var(--page-ar)}.cl-inplace{position:absolute}.cl-large{margin:0}.cl-large-crop{width:min(80vw,440px);aspect-ratio:var(--crop-ar);margin-inline:auto}.place-label,.archival{font-family:var(--typed)}.place-label{letter-spacing:.14em;text-transform:uppercase;color:var(--sepia-ink);font-size:.86rem}:lang(zh-Hans) .place-label{letter-spacing:.2em;font-size:.95rem}.atmos-note{text-align:center;text-wrap:balance;max-width:34rem;color:var(--ink-muted);opacity:.85;margin-top:-3rem;padding-bottom:3rem;font-size:.72rem;line-height:1.6}.aphoto{margin:0;position:relative}.aphoto-frame{aspect-ratio:var(--photo-ar);background:#cdb894;position:relative;overflow:hidden}.aphoto-frame img{object-fit:cover;width:100%;height:100%;filter:var(--photo-tone,sepia(.6) saturate(.65) contrast(.88) brightness(1.04));display:block}.aphoto-frame:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .22 0 0 0 0 .12 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/220px 220px,radial-gradient(75% 75% at 50% 45%,#0000 50%,#462d1461) 0 0/100% 100%,linear-gradient(#f5e4c324,#f5e4c324) 0 0/100% 100%;position:absolute;inset:0}.aphoto-print{rotate:var(--tilt,0deg);background:#f1e7d4;padding:7px 7px 9px;box-shadow:0 18px 30px -18px #3c28148c,0 1px 3px #3c28142e}.aphoto-bare .aphoto-frame{background:0 0;-webkit-mask-image:radial-gradient(70% 70%,#000 35%,#0000 80%);mask-image:radial-gradient(70% 70%,#000 35%,#0000 80%)}.aphoto-pending .aphoto-frame{background:repeating-linear-gradient(135deg,#5a402214 0 10px,#0000 10px 20px),linear-gradient(160deg,#cbb690,#a58b63)}.aphoto-bare.aphoto-pending .aphoto-frame{background:linear-gradient(160deg,#cbb690,#a58b63)}.aphoto-todo{font-family:var(--typed);letter-spacing:.08em;text-align:center;text-transform:uppercase;color:#fbf3e4;place-content:center;padding:1rem;font-size:.72rem;display:grid;position:absolute;inset:0}.aphoto-todo span{letter-spacing:.02em;text-transform:none;opacity:.9;max-width:24rem;margin-top:.4rem;font-size:.66rem;display:block}.aphoto-bare .aphoto-todo{display:none}.leaf-shadow{pointer-events:none;color:#3b2a17;opacity:.07;filter:blur(7px);mix-blend-mode:multiply;position:absolute}.leaf-shadow svg{width:100%;height:100%}.sheet{isolation:isolate;position:relative}.sheet:before,.sheet:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0 max(-4vw,-60px)}.sheet:before{background:var(--sheet-under);clip-path:polygon(0% 14px,3.8% 11px,7.7% 8px,11.5% 4px,15.4% 5px,19.2% 0,23.1% 10px,26.9% 16px,30.8% 14px,34.6% 2px,38.5% 10px,42.3% 17px,46.2% 1px,50% 12px,53.8% 5px,57.7% 14px,61.5% 13px,65.4% 5px,69.2% 5px,73.1% 7px,76.9% 1px,80.8% 3px,84.6% 4px,88.5% 16px,92.3% 18px,96.2% 2px,100% 12px,100% calc(100% - 3px),96.2% calc(100% - 9px),92.3% calc(100% - 6px),88.5% calc(100% - 7px),84.6% calc(100% - 13px),80.8% calc(100% - 2px),76.9% calc(100% - 8px),73.1% calc(100% - 6px),69.2% calc(100% - 12px),65.4% calc(100% - 8px),61.5% calc(100% - 10px),57.7% calc(100% - 1px),53.8% calc(100% - 6px),50% 100%,46.2% calc(100% - 13px),42.3% calc(100% - 1px),38.5% calc(100% - 12px),34.6% calc(100% - 15px),30.8% calc(100% - 4px),26.9% 100%,23.1% calc(100% - 7px),19.2% calc(100% - 13px),15.4% calc(100% - 3px),11.5% 100%,7.7% calc(100% - 3px),3.8% calc(100% - 18px),0% calc(100% - 6px));opacity:.8;translate:0 10px;rotate:-.35deg}.sheet:after{background:radial-gradient(ellipse 60% 40% at 30% 20%, #fffaee80, transparent 70%), radial-gradient(ellipse 50% 50% at 90% 90%, #aa82501a, transparent 70%), var(--sheet);clip-path:polygon(0% 3px,3.8% 9px,7.7% 8px,11.5% 2px,15.4% 5px,19.2% 14px,23.1% 9px,26.9% 7px,30.8% 10px,34.6% 9px,38.5% 1px,42.3% 9px,46.2% 0,50% 14px,53.8% 13px,57.7% 7px,61.5% 4px,65.4% 8px,69.2% 3px,73.1% 3px,76.9% 11px,80.8% 7px,84.6% 8px,88.5% 13px,92.3% 8px,96.2% 7px,100% 6px,100% calc(100% - 10px),96.2% calc(100% - 13px),92.3% calc(100% - 2px),88.5% calc(100% - 3px),84.6% calc(100% - 10px),80.8% calc(100% - 2px),76.9% calc(100% - 13px),73.1% calc(100% - 14px),69.2% calc(100% - 8px),65.4% calc(100% - 6px),61.5% calc(100% - 11px),57.7% 100%,53.8% calc(100% - 10px),50% calc(100% - 12px),46.2% calc(100% - 1px),42.3% calc(100% - 2px),38.5% calc(100% - 12px),34.6% calc(100% - 9px),30.8% 100%,26.9% calc(100% - 4px),23.1% calc(100% - 12px),19.2% 100%,15.4% calc(100% - 13px),11.5% calc(100% - 13px),7.7% calc(100% - 4px),3.8% calc(100% - 7px),0% calc(100% - 9px))}@media (max-width:767px){.sheet:before,.sheet:after{inset:0 -8px}}.letters-intro-wrap{isolation:isolate;background:radial-gradient(55% 75% at 88% 30%,#707a8029,#0000 72%),radial-gradient(45% 70% at 12% 55%,#faf4e9bf,#0000 75%),linear-gradient(#60503e14,#0000 22%),radial-gradient(110% 90% at 50% 40%,#0000 62%,#6046281f);position:relative;overflow:hidden}.letters-intro-wrap:after{content:"";z-index:-1;background:linear-gradient(transparent, var(--paper));height:18%;position:absolute;inset:auto 0 0}.intro-wash{z-index:-1;opacity:.66;width:min(72vw,1120px);position:absolute;top:0;right:-3%}.intro-wash .aphoto-frame{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000059 28%,#000 55%),linear-gradient(#000 62%,#0000);mask-image:linear-gradient(90deg,#0000 0%,#00000059 28%,#000 55%),linear-gradient(#000 62%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.intro-leaves{z-index:-1;width:70vw;height:60vh;top:-6%;left:-8%}@media (max-width:767px){.intro-wash{opacity:.36;width:140%;top:56px;right:-20%}.intro-wash .aphoto-frame{-webkit-mask-image:radial-gradient(70% 70%,#000 35%,#0000 80%);mask-image:radial-gradient(70% 70%,#000 35%,#0000 80%)}.intro-leaves{width:120vw;height:40vh}}.lz-ambience,.lz-fog{display:none}.lz-lens{-webkit-mask-image:radial-gradient(60% 66% at 52% 56%,#000 58%,#0000 100%);mask-image:radial-gradient(60% 66% at 52% 56%,#000 58%,#0000 100%)}.setup{gap:clamp(5rem,16svh,10rem);margin-block:clamp(2rem,6svh,4rem);padding-block:clamp(5rem,16svh,10rem);display:grid}.setup-beat{isolation:isolate;align-items:center;gap:2rem;display:grid;position:relative}.setup-beat:before{content:"";z-index:-1;pointer-events:none;background:var(--beat-air);position:absolute;inset:-14% -8%}.setup-prints{order:-1;position:relative}.setup-print-a{--tilt:-1.2deg;width:min(100%,520px);margin-inline:auto}.setup-print-b{display:none}@media (min-width:900px){.setup-beat{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2rem,4vw,4rem)}.setup-beat-reverse{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.setup-prints{order:0}.setup-beat-reverse .setup-prints{order:-1}.setup-print-a{--tilt:-2deg;width:88%;margin:0}.setup-beat-reverse .setup-print-a{--tilt:1.8deg;margin-left:auto}.setup-print-b{--tilt:3deg;width:50%;display:block;position:absolute;bottom:-26%;right:-2%}}.setup-apart{padding-top:clamp(1rem,4svh,3rem)}.route{max-width:34rem;font-family:var(--typed);letter-spacing:.12em;text-transform:uppercase;color:var(--sepia-ink);justify-content:center;align-items:center;gap:1rem;margin-inline:auto;font-size:.82rem;display:flex}.route-line{opacity:.8;background-image:linear-gradient(90deg,currentColor 50%,#0000 0);background-size:8px 1px;flex:1;height:1px;position:relative}.route-envelope{width:24px;height:16px;color:var(--sepia-ink);position:absolute;top:-8px;left:calc(50% - 12px)}.letters-turn{flex-direction:column;align-items:center;position:relative}.turn-stack{width:min(100%,42rem);position:relative}.turn-sheet{background:repeating-linear-gradient(#0000 0 23px,#6e7d9633 23px 24px) 0 34px/100% calc(100% - 34px) no-repeat,#f6efe1;position:absolute;inset:-9% 9% 38% 6%;rotate:2.4deg;box-shadow:0 12px 24px -16px #3c281466}.turn-envelope{background:linear-gradient(152deg,#fffcf48c 0%,#0000 45%,#785a3214 100%),#eee2ca;padding:clamp(4.5rem,9vw,6rem) clamp(1.5rem,5vw,4rem) clamp(3rem,7vw,4.5rem);position:relative;rotate:-.4deg;box-shadow:0 26px 40px -30px #3c281461,0 1px 2px #3c28141f}.turn-folds{color:#5a412733;width:100%;height:100%;position:absolute;inset:0}.turn-envelope .letters-statement{margin-inline:auto;position:relative}.turn-lines{max-width:24ch;font-size:clamp(1.45rem,3.3vw,2.4rem)}.turn-lines span{display:block}.turn-lines span+span{margin-top:.5em}:lang(zh-Hans) .turn-lines{max-width:none;font-size:clamp(1.25rem,2.6vw,1.85rem)}@media (max-width:767px){:lang(zh-Hans) .turn-lines{word-break:keep-all;overflow-wrap:anywhere;font-size:min(1.3rem,6vw)}}.turn-postal{color:#5a41273d;transform-origin:100% 0;width:150px;height:90px;position:absolute;top:.9rem;right:.9rem;scale:.7}.turn-stamp{opacity:.5;filter:sepia(.6)saturate(.5);width:54px;height:auto;position:absolute;top:0;right:0;rotate:2deg}.turn-postmark{width:150px;position:absolute;top:30px;right:30px}.summary{position:relative}.summary-text{z-index:1;max-width:40rem;position:relative}.summary-env{z-index:0;opacity:.53;pointer-events:none;position:absolute;inset:0 max(-4vw,-60px)}.summary-env .aphoto-frame{aspect-ratio:auto;-webkit-mask-composite:source-in;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,#00000029 0%,#0000004d 38%,#000 78%),linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#00000029 0%,#0000004d 38%,#000 78%),linear-gradient(#0000,#000 16% 84%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-width:767px){.summary-env{opacity:.24;inset:0 -8px}}.letters-quiet{isolation:isolate;background:radial-gradient(80% 70%,#faf8f3bf,#0000 78%);position:relative;overflow:hidden}.letters-quiet:before{content:"";z-index:-2;background:repeating-linear-gradient(#0000 0 33px,#6e7d9624 33px 34px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(45% 40%,#000,#0000);mask-image:radial-gradient(45% 40%,#000,#0000)}.quiet-ghost{z-index:-1;opacity:.16;width:min(72vw,440px);position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-3deg;box-shadow:0 30px 60px -30px #3c281480}.quiet-ghost img{width:100%;height:auto;display:block}.cl{isolation:isolate;position:relative;overflow:hidden}.cl:before{content:"";z-index:-1;background:radial-gradient(40% 45% at 50% 38%,#ffe8ba73,#0000 70%);position:absolute;inset:0}.cl-leaves{opacity:.06;width:70vw;height:70%;top:0;right:-10%}.tone-sg{--photo-tone:sepia(.32) saturate(.42) contrast(.9) brightness(1.03) hue-rotate(-8deg);--beat-air:radial-gradient(ellipse 60% 55% at 62% 50%, #707a8024, transparent 72%)}.tone-kampung{--photo-tone:sepia(.5) saturate(.95) contrast(.9) brightness(1.02);--beat-air:radial-gradient(ellipse 58% 55% at 36% 50%, #96703e26, transparent 72%), radial-gradient(ellipse 40% 40% at 22% 70%, #6074461a, transparent 72%)}.tone-warm{background:radial-gradient(70% 70% at 50% 60%,#deb2741f,#0000 72%)}.letters-ending.tone-warm{background:radial-gradient(60% 70% at 50% 55%,#e4b67633,#0000 72%)}.po-stage{background:radial-gradient(60% 55% at 50% 45%,#e8c08433,#0000 72%)}.ol-atmos{width:min(100%,320px);margin-bottom:1.25rem}.ol-atmos .aphoto-print{--tilt:-1.5deg}.po-photo-aged img{filter:sepia(.9)saturate(.6)contrast(.95)brightness(1.02)}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.lz{--ph:clamp(230px, 40svh, 400px);--lens-w:min(66vw, 880px);--lens-h:calc(var(--lens-w) / var(--crop-ar));height:340svh;padding:0}.lz-stage{height:100svh;padding:0;display:block;position:sticky;top:0;overflow:hidden}.lz-page{top:calc(46% - var(--ph) / 2);left:calc(50% - var(--ph) * var(--page-ar) / 2);width:calc(var(--ph) * var(--page-ar));height:var(--ph);will-change:transform, opacity;position:absolute}.lz-object-caption{top:calc(46% + var(--ph) / 2 + 1.75rem);width:min(32rem,100% - 40px);position:absolute;left:50%;translate:-50%}.lz-lens{top:calc(44% - var(--lens-h) / 2);left:calc(50% - var(--lens-w) / 2);width:var(--lens-w);height:var(--lens-h);opacity:0;transform-origin:50%;will-change:transform, opacity;margin:0;position:absolute}.lz-gloss{top:calc(44% + var(--lens-h) / 2 + 2.25rem);opacity:0;width:min(32rem,100% - 40px);position:absolute;left:50%;translate:-50%}.lz-vignette{opacity:0;background:radial-gradient(75% 60% at 50% 44%,#0000 35%,#46301629 100%);display:block;position:absolute;inset:0}.ol{--ph:min(78svh, 46vw * 1.4);--cx:30%;--colw:min(38vw, 34rem);--col-l:56%;--ty:54%;--th:clamp(64px, 10svh, 112px);height:calc(100svh + var(--count) * 78svh);padding:0}.ol-stage{height:100svh;position:sticky;top:0;overflow:hidden}.ol-pages{margin:0;padding:0;display:block;position:absolute;inset:0}.ol-page{top:calc(50% - var(--ph) / 2);left:calc(var(--cx) - var(--ph) * var(--page-ar) / 2);width:calc(var(--ph) * var(--page-ar));height:var(--ph);opacity:0;will-change:opacity;position:absolute}.ol-list{max-width:none;margin:0;padding:0;display:block;position:absolute;inset:0}.ol-frag,.ol-fig{pointer-events:none;position:absolute;inset:0}.ol-mark{left:var(--col-l);opacity:0;transform-origin:50%;will-change:transform, opacity;position:absolute}.ol-mark.handwriting-crop{--w:min(var(--colw), var(--th) * var(--crop-ar));top:calc(var(--ty) - var(--w) / var(--crop-ar) / 2);width:var(--w);height:calc(var(--w) / var(--crop-ar));aspect-ratio:auto}.ol-paraphrase{top:calc(var(--ty) - var(--th) / 2);width:var(--colw)}.ol-caption{top:calc(var(--ty) + var(--th) / 2 + 1.5rem);left:var(--col-l);width:var(--colw);opacity:0;margin:0;position:absolute}.po{--ph:clamp(200px, 34svh, 340px);height:420svh;padding:0}.po-stage{height:100svh;display:block;position:sticky;top:0;overflow:hidden}.po-window{aspect-ratio:auto;opacity:0;transform-origin:50% 42%;will-change:transform, opacity;width:auto;position:absolute;inset:0}.po-photo{transform-origin:50% 42%;will-change:transform}.po-scrim{opacity:0;background:linear-gradient(#140e081f,#140e0847 45%,#140e08bd);display:block;position:absolute;inset:0}.po-notebook{top:calc(42% - var(--ph) / 2);left:calc(50% - var(--ph) * var(--page-ar) / 2);width:calc(var(--ph) * var(--page-ar));height:var(--ph);will-change:transform, opacity;display:block;position:absolute}.po-steps{padding:0;display:block;position:absolute;inset:0}.po-step{top:max(calc(42% + var(--ph) / 2 + 2.5rem), 68%);opacity:0;max-width:36rem;margin-inline:auto;position:absolute;inset-inline:20px}.po-step-over-photo :is(.po-step-line,.po-step-title){color:#fffaf1;text-shadow:0 1px 12px #140e0873}.cl[data-armed] .cl-inplace{opacity:0;filter:blur(5px);transition:opacity 2.2s,filter 2.8s}.cl[data-armed] .cl-large{opacity:0;transition:opacity 1.6s 2s,transform 1.6s 2s;transform:translateY(12px)}.cl[data-shown] .cl-inplace{opacity:1;filter:none}.cl[data-shown] .cl-large{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled) and (max-width:767px){.lz{--ph:min(44svh, 64vw / var(--page-ar));--lens-w:90vw;height:250svh}.ol{--ph:min(68svh, 84vw * 1.4);--cx:50%;--colw:calc(100vw - 40px);--col-l:20px;--ty:38%;--th:58px;height:calc(100svh + var(--count) * 62svh)}.ol-caption,.ol-paraphrase{background:#faf6efe6;border-radius:6px;padding:.9rem 1rem}.po{--ph:min(34svh, 50vw * 1.4);height:340svh}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.leaf-shadow svg{transform-origin:20% 10%;will-change:transform;animation:16s ease-in-out infinite alternate leaf-sway}.lz-ambience{background:radial-gradient(36% 42% at 50% 46%,#ffecc499,#0000 70%),radial-gradient(90% 90%,#0000 55%,#78542c1f);display:block;position:absolute;inset:0}.lz-fog{background:radial-gradient(ellipse calc(var(--lens-w) * .62) calc(var(--lens-h) * 1.05) at 50% 44%, transparent 42%, #f3eadbf7 100%);opacity:0;will-change:opacity;display:block;position:absolute;inset:0}.lz-leaves{opacity:.09;width:72vw;height:70%;top:-4%;right:-6%}.ol-stage{background:radial-gradient(ellipse 50% 60% at var(--cx) 50%, #ffeecd8c, transparent 70%), radial-gradient(ellipse 95% 95% at 50% 50%, transparent 55%, #6e4c2824)}.ol-atmos{--print-h:min(30svh, calc(var(--ty-svh,54svh) - var(--th) / 2 - 10svh));z-index:0;opacity:0;will-change:opacity, transform;width:auto;margin:0;position:absolute}.ol-atmos-above{top:calc(var(--ty) - var(--th) / 2 - 4svh - var(--print-h));left:var(--col-l)}.ol-atmos-above .aphoto{--tilt:-2deg;width:min(var(--colw) * .62, var(--print-h) * var(--photo-ar))}.ol-atmos-below{top:calc(var(--ty) + var(--th) / 2 + 8.5rem);left:calc(var(--col-l) + var(--colw) * .34)}.ol-atmos-below .aphoto{--tilt:2.5deg;width:min(var(--colw) * .52, 19svh * var(--photo-ar))}.ol-atmos-edge{top:calc(var(--ty) - var(--th) / 2 - 4svh - var(--print-h) * 1.18);right:-7vw}.ol-atmos-edge .aphoto{--tilt:1deg;width:calc(var(--print-h) * 1.18 * var(--photo-ar))}.ol-atmos-ghost{inset:0}.ol-atmos-ghost .aphoto,.ol-atmos-ghost .aphoto-frame{aspect-ratio:auto;width:100%;height:100%}.ol-atmos-ghost .aphoto-frame{opacity:.44}.ol-pages{z-index:1}.ol-mark,.ol-caption{z-index:2}@supports (animation-timeline:view()){.setup-prints .aphoto{animation:linear both print-settle;animation-timeline:view();animation-range:entry cover 40%}.route-envelope{animation:linear both envelope-travel;animation-timeline:view();animation-range:cover 20% cover 70%}}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled) and (min-width:768px){.ol{--ph:min(86svh, 55vw);--pw:calc(var(--ph) * .71);--page-l:max(3vw, 32px, calc(50vw - var(--pw) - 6vw));--cx:calc(var(--page-l) + var(--pw) / 2);--col-l:calc(var(--page-l) + var(--pw) + max(3vw, 28px));--colw:calc(100vw - var(--col-l) - max(4vw, 32px));--ty:56svh}.ol-page{left:var(--page-l)}.ol-frag--above,.ol-frag--edge{--ty:64svh}.ol-frag--below{--ty:24svh}.ol-atmos-above{--room:calc(var(--ty) - var(--th) / 2 - 10svh);top:auto;bottom:calc(100svh - var(--ty) + var(--th) / 2 + 3svh);left:var(--col-l)}.ol-atmos-above .aphoto{--tilt:-1.5deg;width:min(32vw, var(--colw), var(--room) * var(--photo-ar))}.ol-atmos-above.ol-atmos-large .aphoto{width:min(34vw, var(--colw), var(--room) * var(--photo-ar))}.ol-atmos-edge{--room:calc(var(--ty) - var(--th) / 2 - 5svh);top:auto;right:-2vw;bottom:calc(100svh - var(--ty) + var(--th) / 2 - 1.5svh);left:auto}.ol-atmos-edge .aphoto{--tilt:1deg;width:min(36vw, var(--colw), var(--room) * var(--photo-ar))}.ol-atmos-below{--gap:calc(var(--th) / 2 + 5.9rem);--room:calc(100svh - var(--ty) - var(--gap) - 5svh);top:calc(var(--ty) + var(--gap));left:calc(var(--col-l) - .5vw)}.ol-atmos-below .aphoto{--tilt:-.8deg;width:min(35vw, var(--colw), var(--room) * var(--photo-ar))}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled) and (max-width:767px){.ol-atmos-above,.ol-atmos-below,.ol-atmos-edge{height:30svh;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.ol-atmos-above .aphoto,.ol-atmos-below .aphoto,.ol-atmos-edge .aphoto{--tilt:0deg;width:100%;height:100%;box-shadow:none;padding:0}.ol-atmos-above .aphoto-frame,.ol-atmos-below .aphoto-frame,.ol-atmos-edge .aphoto-frame{aspect-ratio:auto;height:100%}.ol-atmos-ghost .aphoto-frame{opacity:.34}.ol-paraphrase~.ol-caption{top:calc(var(--ty) + var(--th) / 2 + 3rem)}}@keyframes leaf-sway{0%{transform:rotate(-1.2deg)translate(0,0)}to{transform:rotate(1.4deg)translate(12px,6px)}}@keyframes print-settle{0%{opacity:0;translate:0 36px}to{opacity:1;translate:0}}@keyframes envelope-travel{0%{left:-12px}to{left:calc(100% - 12px)}}